@charset "UTF-8";

/* CSS Document */

/*---------------------------------------------

reset

---------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
img {
	margin:0;
	padding:0;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,
img {
	border:0;
	}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
	}
ol,
ul {
	list-style:none;
	}
caption,
th {
	text-align:left;
	}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
	}
img {
	vertical-align:top;
	}

a {
	border:none; outline:none;
	}
*{
	zoom : 1;
	}

/*---------------------------------------------

style

---------------------------------------------*/
ol, ul {
    list-style: none;
}
/* clearfix */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}

#page-top {
    position: fixed;
    bottom: 85px;
    right: 15px;
    font-size: 70%;
	z-index:10000;
}
#page-top a {
	text-decoration: none;
	color: #666;
	width: 45px;
	padding:10px 0;
	text-align: center;
	display: block;
	border-radius: 20px;
	background-color: #f0edec;
}
#page-top a:hover {
	text-decoration: none;
	background-color: #efe2d9;
}




a.navi{
	color:black;
	text-decoration:underline;
	
}

a.navi:hover {
	color: #455f92;
	text-decoration:underline;
}







a.navi4{
	color:black;
	text-decoration:underline;
	
}

a.navi4:hover {
	color: #455f92;
	text-decoration:underline;
}



a.navi2{
	color: #600;
	text-decoration:underline;
}

a.navi2:hover {
	color: #36C;
	text-decoration:underline;
}

/*---------------------------------------------

rogo＋contents

---------------------------------------------*/
.navbar-wrapper {

  position:fixed;
  top:0px;
  left:0px;
  
  z-index: 15;
  background:#;
  width:100%;
    font-family: 'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 'Meiryo', 'メイリオ', 'sans-serif';

}


a.telhref{
	color: #600;
	text-decoration:underline;
}

a.telhref:hover {
	color: #36C;
	text-decoration:underline;
}


#rogo{
  position:absolute;
  top:0px;
  right:0;
  width:100%;
  max-width:40px;
z-index:100 !important; 
}




div#japanese{
font-family:"Shippori Mincho" , serif;
  display:block;
  width:100%;
  max-width:75px;
  position:absolute;
  top:40px;
  right:0;
  letter-spacing:0.05em;
  z-index: 18;
	
  font-size:1em;	
	
}





html,  body {
margin: 0;
width: 100%;
height: 100%;
background:;
}


.container2019 {
position: relative;
width: 100%;
height: auto !important; 
height: 100%;
min-height: 100%; 
}


header {
width: 100%;
height: 60px;
background-color:white;
position:relative; 
}

#both{
	display:none;
	width:100%;
	max-width:265px;
	position:absolute;
top:8px;
right:0;

}


header p{
display:none;	
color:black;
font-size:17px;
text-align:right;
margin:15px 10px 0 0;
font-family: "Courier New", Courier, monospace;

}
header img.contact{
display:none;	
width:100%;
max-width:270px;
position:absolute;
top:20px;
right:0;
background-color:;

}



main {
	
	
	padding-top: 10px;
margin: 0 auto 100px auto;
}


/* Flexible Image */
main img {
  max-width: 100%; 
  height:auto;
}





/*------------------------------------トップ------------------------------------*/

section#campaign {
	width:100%;
	
	text-align:center;
	background:;
	margin:40px auto 120px auto;
	
	background:white;
	
	
	}



section#campaign article {
	text-align:center;
	width:100%;
	max-width:97%;
	
	background:;
	margin:0 auto;
	}
	
	

section#campaign article h1 {/*文字が言葉が自分を励ましてくれる喜び*/
	text-align:center;
	font-family:"Shippori Mincho" , serif;
	font-size: 1.25em;
	color: #003;
	margin: 18px auto 15px auto;	
	
	width:100%;
	max-width:88%;
	
	line-height:130%;
	
	
	}
	


section#campaign article p {
	text-align:center;
	font-family:"Shippori Mincho" , serif;
	font-size:1.06em;
	color:black;
	margin:10px auto 10px auto;
	

	
	line-height:160%;
	
	}
	
	
section#campaign article span br {
	display:inline-block;
	
	}
		




section#campaign article img {
	text-align:center;
	width:100%;
	max-width:100%;
	
	background:;
	margin:0 auto;
	}


	

section#campaign article img#title3 {
	
	width:100%;
	max-width:33%;
	
	background:;
	margin:-9px auto 20px auto;
	}
	
	
	
	
	
	






div#back_work{/*月一定期講座 背景色*/
		width:100%;
	max-width:98%;
	background:#eeefef;
	margin-bottom:200px;
	margin:0 auto;
}



/*....................講座の紹介...................... */


section#work {
	width:100%;
	max-width:100%;
	margin:10px auto 0 auto;
}



section#work article {
	
	width:100%;
	max-width:90%;
	
	background:;
	
	margin:0 auto 40px auto;
	
	
	
	}
	
	
	section#work  h2 {/*月一定期講座*/
text-align:center;
	font-family:"Shippori Mincho" , serif;
	margin: -30px auto 30px auto;

	font-size: 1.25em;
	color: black;
	
	font-weight: normal;

	line-height: 130%;
	letter-spacing: 0.05em;
	
	
	border-radius: 350px;
	background-color: #f2fafc;
	
	width:100%;
	max-width:90%;
	padding:20px;
	
	
}	
	
	
	
	
	section#work  span {/*少人数制の和やかな教室*/
	text-align: left;
	font-family:"Shippori Mincho" , serif;
	margin: 30px 0 10px 0;

	font-size: 1.06em;
	color: black;
	
	font-weight: normal;
	


	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}

	
	


section#work  p {/*定期的な学びの場で対話をしながら*/
	text-align: center;
	font-family:"Shippori Mincho" , serif;
	margin: 30px 0 40px 20px;

	font-size: 1.06em;
	color: black;
	
	font-weight: normal;
	


	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}

	

section#work article h1 {
	text-align:left;
	font-family:"Shippori Mincho" , serif;
	font-size: 1.19em;
	color:black;
	margin: 10px 0 0px 0px;	
	

	
	letter-spacing:0.1em;
	
	padding-top:25px;
	}
	


section#work article p {
	font-family:"Shippori Mincho" , serif;
	margin: 15px auto 10px auto;

	font-size: 0.94em;
	color: black;
	text-align: left;
	font-weight: normal;

	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}
	
	
	
	


section#work article img {
	width:100%;
	max-width:80px;
	margin:0px 10px 0 0;
	
	float:left;
	
	
	
}




section#work article img#inkoku {
	width:100%;
	max-width:80px;
	margin:0px 10px 0 0;
	float:left;
	
}



section#work  span br {
	display:inline-block;
	
}


/*....................講座場所の案内...................... */


section#place {
	width:100%;
	max-width:100%;
	
	text-align:center;
	background:;
	margin:10px auto 0 auto;
	
	
	}



section#place article {
	text-align:center;
	width:100%;
	max-width:90%;
	
	background:;
	
	margin:0 auto 60px auto ;
	
	display:block;
	
	
	 border: thin solid #666;
	 padding:10px;

	
	}
	
	

section#place article h1 {/*教室会場名*/
	text-align:center;
	font-family:"Shippori Mincho" , serif;
	font-size: 1.06em;
	color:black;
	margin: 10px auto 0px auto;	
	

	
	letter-spacing:0.05em;
	
	background:#f2fafc;
	
	line-height:170%;
	
	padding:8px;
	}
	


section#place article p {
	text-align: left;
	font-family:"Shippori Mincho" , serif;
	margin: 20px auto 10px auto;

	font-size: 1em;
	color: black;
	
	font-weight: normal;
	
	width:100%;
	max-width:97%;
	

	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}
	
	
	

section#place article p.contact {
	text-align: left;
	font-family:"Shippori Mincho" , serif;
	margin: 20px auto 10px auto;

	font-size: 0.88em;
	color: black;
	
	font-weight: normal;
	
	width:100%;
	max-width:97%;
	

	line-height: 160%;
	letter-spacing: -0.05em;
	
	
}
	



	


	
	
	
section#place article h2 {
	font-family:"Shippori Mincho" , serif;
	margin: 10px auto 10px auto;

	font-size: 1.13em;
	color: black;
	text-align: center;
	font-weight: normal;

	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}	

section#place article span  br {
	display:inline-block;
	
	
}









div#back_sendclass{/*通信講座 背景色*/
	width:100%;
	max-width:98%;
	
	
	background:#e6efe6;
	
	margin:230px auto 0 auto;
	padding-bottom:30px;
	
	
	
}

/*....................講座場所の案内...................... */


section#sendclass {
	width:100%;
	max-width:100%;
	
	text-align:center;
	background:;
	margin:150px auto 0 auto;
	
	
	}




	
	

section#sendclass article {
	text-align:center;
	width:100%;
	max-width:83%;
	
	background:white;
	
	margin:40px auto 40px auto;
	
	display:block; /*縦並び指定*/
	
	padding:10px 18px 10px 18px ;

	
	}	
	
	

	
	


section#sendclass  h2 { /*通信講座*/
	text-align:center;
font-family:"Shippori Mincho" , serif;
	margin: -30px auto 30px auto;

	font-size: 1.25em;
	color: black;
	
	font-weight: normal;

	line-height: 130%;
	letter-spacing: 0.05em;
	
	
	border-radius: 350px;
	background-color: #f6fbdc;
	
	width:100%;
	max-width:90%;
	padding:20px;
	
	
}	


section#sendclass  p {/*季節を感じる月ごとのオリジナルテキスト*/
	text-align:center;
	font-family:"Shippori Mincho" , serif;
	margin: 30px auto 10px auto;

	font-size: 1.06em;
	color: black;
	
	font-weight: normal;
	


	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}


section#sendclass  span {/*ご自宅でマイペースに学べる*/
	text-align: left;
	font-family:"Shippori Mincho" , serif;
	margin: 30px 0 10px 0;

	font-size: 1.06em;
	color: black;
	
	font-weight: normal;
	


	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}





	

section#sendclass article h1 {/*印刻通信講座・書の通信講座*/
	text-align:left;
	font-family:"Shippori Mincho" , serif;
	font-size: 1.19em;
	color:black;
	margin: 20px 0 0px 0;	
	
	
	
	letter-spacing:0.1em;
	

	
	
	}




section#sendclass article p#class_read { /*通信講座説明*/
	text-align: left;
	font-family:"Shippori Mincho" , serif;
	margin: 10px 0 20px 0;

	font-size: 1.06em;
	color: black;
	
	font-weight: normal;
	


	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}




section#sendclass article p {/*例えば9月は*/
	text-align: left;
	font-family:"Shippori Mincho" , serif;
	margin: 10px 0 20px 0;

	font-size: 0.94em;
	color: black;
	
	font-weight: normal;
	


	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}

section#sendclass article img {
	width:100%;
	max-width:90px;
	margin:0px 0px 0 0;
	
	float:right;
	
	
	
}




section#sendclass article img#inkoku {
	width:100%;
	max-width:90px;
	margin:0px 0px 0 0;
	

	
	padding-right:50px;
	
	float:right;
	
	
	
}
	
	
	
	section#sendclass  span  br {
	display:inline-block;
	
	
}







div.back_1{
	width:100%;
	max-width:98%;
	background:#fdf8f2;
	margin:230px auto 0 auto;
	padding-bottom:30px;
	
}


/*....................ワークショップの案内...................... */




section#workshop2021 {
	width:100%;
	max-width:100%;
	
	text-align:center;
	background:;
	margin:150px auto 0 auto;
	
	
	}




	
	

section#workshop2021 article {
	text-align:center;
	width:100%;
	max-width:86%;
	
	background:white;
	
	margin:40px auto 40px auto;
	
	display:block; /*縦並び指定*/
	
padding:10px 14px 10px 14px ;

	
	}	
	
	

	
	


section#workshop2021  h2 { /*workshop*/
	text-align:center;
	font-family:"Shippori Mincho" , serif;
	margin: -30px auto 30px auto;

	font-size: 1.25em;
	color: black;
	
	font-weight: normal;

	line-height: 130%;
	letter-spacing: 0.05em;
	
	
	border-radius: 350px;
	background-color: #ede6e8;
	
	width:100%;
	max-width:90%;
	padding:20px;
	
	
}	




section#workshop2021  span {/*一日講座や外国人の教室も*/
	text-align: left;
	font-family:"Shippori Mincho" , serif;
	margin: 30px 0 10px 0;

	font-size: 1.06em;
	color: black;
	
	font-weight: normal;
	


	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}



section#workshop2021  p {/*講習会やその他、様々な目的や*/
	text-align:center;
	font-family:"Shippori Mincho" , serif;
	margin: 30px auto 10px auto;

	font-size: 1.06em;
	color: black;
	
	font-weight: normal;
	


	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}








	

section#workshop2021 article h1 {/*OneDayレッスン・ノンジャパニーズ*/
	text-align:left;
	font-family:"Shippori Mincho" , serif;
	font-size: 1.19em;
	color:black;
	margin: 20px 0 0px 0;	
	
	
	
	letter-spacing:0em;
	

	
	
	}




section#workshop2021 article p#class_read { /*ワークショップ説明*/
	text-align: left;
	font-family:"Shippori Mincho" , serif;
	margin: 10px 0 20px 0;

	font-size: 1.06em;
	color: black;
	
	font-weight: normal;
	


	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}




section#workshop2021 article p {/*所要時間*/
	text-align: left;
	font-family:"Shippori Mincho" , serif;
	margin: 10px 0 20px 0;

	font-size: 0.94em;
	color: black;
	
	font-weight: normal;
	


	line-height: 180%;
	letter-spacing: 0.05em;
	
	
}

section#workshop2021 article img {
	width:100%;
	max-width:90px;
	margin:0px 0px 0 0;
	
	float:right;
	
	
	
}




section#workshop2021 article img#inkoku {
	width:100%;
	max-width:90px;
	margin:0px 0px 0 0;
	

	
	padding-right:50px;
	
	float:right;
	
	
	
}
	
	
	
	section#workshop2021  span  br {
	display:inline-block;
	
	
}

	
	









/*----------contact-----------*/


section#contact {
	width:100%;
	max-width:100%;
	
	margin:50px auto 0 auto;
	
	
	}




	
	

section#contact article {
	text-align:center;
	width:100%;
	max-width:85%;
	
	
	margin:0 auto;
	
	

	
	}	
	
	

section#contact article h1 {
	text-align:center;
	font-family:"Shippori Mincho" , serif;
	font-size: 1.06em;
	color:black;
	margin: 20px auto 20px auto;	
	
	line-height:140%;
	
	letter-spacing:0.05em;
	
	padding-top:20px;
	
	
	}
	





section#contact article span.view {
	text-align: center;
font-family:"Shippori Mincho" , serif;
	margin: 10px auto 10px auto;

	font-size: 1.19em;
	color: black;

	font-weight: normal;
	
	background:;
	border: thin solid #666;


	letter-spacing: 0.05em;
	line-height: 400%;
    padding:25px;
	
	text-decoration:underline;
	
	width:100%;
	max-width:500px;
}




div#back {
margin:40px auto 0 auto;
width:100%;
max-width:137px;
}			
	

.copyright{
display:block;	
position:relative;
top:80px;
bottom:3%;
text-align:center;
color:black;
font-family: "Courier New", Courier, monospace;
font-size:0.75em;
letter-spacing:0em;
width: 100%;
height: 150px;
}


footer#sp {
z-index: 32;	
width: 100%;
max-width:100%;
height:112px;
background-color:white;
position:fixed;
bottom: 0;

margin:0 auto;
text-align:center;

}



footer#sp article {
width:100%;
max-width:32.2%;



display:inline-block;



}



footer#sp article p {
font-family:"Shippori Mincho" , serif;
	font-size:0.81em;

	text-align: center;
	font-weight:normal;
	line-height:330%;
	
	background:#f2e5dc;
	
	
	

}


footer#sp article p#visit {
font-family:"Shippori Mincho" , serif;
	font-size:0.81em;

	text-align: center;
	font-weight:normal;
	line-height:330%;
	
	background:#c8dfe0;


}



footer#sp article p#contact {
font-family:"Shippori Mincho" , serif;
	font-size:0.81em;

	text-align: center;
	font-weight:normal;
	line-height:330%;
	
	background:#cdcdcd;
	

}







footer#sp article img {
width:100%;
max-width:14px;
margin:12px 4px 0 0;


}


footer#sp  p#tel {
	font-size: 0.94em;
	color: #600;
	font-family: "Courier New", Courier, monospace;
	position: relative;
	top: 10px;
}

footer#sp span#iten{
color:black;
font-size:0.75em;

font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

line-height:250%;

}

footer#sp span{
color:black;
font-size:0.75em;

font-family:"Shippori Mincho" , serif;

}






@media only screen and (min-width: 500px) {
	
	section#work article {
	
	width:100%;
	max-width:75%;
	}
	
	
	section#place article {
	width:100%;
	max-width:75%;
	
	
	}
	
	
	
	section#place article p {

	width:100%;
	max-width:88%;
	}
	
	
	
	section#place article p.contact {

	width:100%;
	max-width:88%;
	}
	
	section#sendclass article {
	
	width:100%;
	max-width:70%;

	padding:10px 30px 10px 30px ;

	
	}	
	

   section#workshop2021 article {
	
	width:100%;
	max-width:70%;
	
	padding:10px 30px 10px 30px ;

	
	}

	




section#workshop2021 article h1 {/*OneDayレッスン・ノンジャパニーズ*/
     letter-spacing:0.1em;
	

}


}


/*==========================================
 741以上からこのレイアウト
===========================================*/

@media only screen and (min-width: 741px) {



/*==========================================
rogo＋contents
===========================================*/
.navbar-wrapper {
  position:relative;
  top:0px;
  left:6%;
  
  z-index: 15;
  background:re;
  width:100%;
  max-width:90%;

}

a.navi{
	color: #309;
	text-decoration: none;
}

a.navi:hover {
	color: #36C;
	text-decoration:none;
}
	
	
#rogo{
  position:absolute;
  top:0;
  left:0;
width:100%;
max-width:45px;
}


div#japanese{
	
	display:block;
	width:100%;
	max-width:75px;
	position:absolute;
top:15px;
right:0;

letter-spacing:0.05em;

 z-index: 18;
	
	
}


header {
width:100%;
height: 75px;
background-color:white;
position:fixed;

z-index:20;
}


#both{
	display:block;
	width:100%;
	max-width:300px;
	position:absolute;
top:50px;
right:0;

}



header img{
display:inline-block;
width:100%;
max-width:90px;


background-color:;

}



header p{
	
display:block;	
color:black;
font-size:17px;
text-align:right;
margin:50px 10px 0 0;
font-family: "Courier New", Courier, monospace;

}

header span{
color:black;
font-size:13px;
text-align:right;
margin:0 0 0 0;
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

}

	



	
main {/*全体左右余白*/
padding-top:100px;

background-color:; 
margin: 0 auto 100px auto;
width:100%;
max-width:95%;
text-align:center;

}	






/*-------------------トップ-------------------*/



section#campaign {
	width:100%;
	max-width:100%;
	
	text-align:center;
	background:;
	margin:0px auto 120px auto;

}



section#campaign article {
	text-align:center;
	width:100%;
	max-width:710px;
	
	background:;
	margin:0 auto;
}



section#campaign article img {
	text-align:center;
	width:100%;
	max-width:635px;
	
	background:;
	margin:0 auto;
}





section#campaign article img#title3 {
	
	width:100%;
	max-width:45px;
	
	background:;
	margin:-9px 7px 0 auto;
}


section#campaign article h1 {/*文字が言葉が自分を励ましてくれる喜び*/
	text-align: left;
	
	font-size: 23px;
	color: #003;
	margin: 20px 0 15px 65px;	
		width:100%;
	max-width:635px;

}
	


section#campaign article p {/*自由に愉しむをテーマに手を動かし筆で遊ぶ時*/
	text-align:left;
	
	
	font-size:17px;
	color:#666;
	margin:10px 0 15px 65px;
	color:black;
	
	background:;
		width:100%;
	max-width:635px;
	letter-spacing:0em;

	
	
	
	
}


section#campaign article span br {
	display:none;
	
	}

	

/*....................月一定期講座の案内...................... */
	

section#work article {
	text-align:center;
	width:100%;
	max-width:46%;
	
	background:;
	
	margin:0 0 20px 10px;
	
	display:inline-block;

	
	}




section#work  h2 {/*月一定期講座*/
    width:100%;
	max-width:60%;

}	



section#work  span br {
	display:none;
	
}




/*....................教室会場の案内...................... */


section#place article {
	width:100%;
	max-width:90%;
	

}


section#place article p {

	width:100%;
	max-width:90%;
	}
	
	
	
	section#place article p.contact {

	width:100%;
	max-width:90%;
	}

section#place article span  br {
	display:none;
}









/*....................通信講座の案内...................... */


section#sendclass article {
	width:100%;
	max-width:85%;
	

}

section#sendclass  h2 {/*月一定期講座*/
    width:100%;
	max-width:60%;

	
	
}	




section#sendclass span  br {
	display:none;
	
	
}








	
	
/*....................講座の案内...................... */
	
	
	
section#workshop2021 article {
	width:100%;
	max-width:85%;
	

}	
	

section#workshop2021  h2 {/*WORKSHOP */
    width:100%;
	max-width:60%;

	
	
}		
	
	
section#workshop2021  span  br {
	display:none;
	
	
}
	
	












.copyright{
display:block;	
position:relative;
top:40px;
bottom:1%;
text-align:center;
color:black;
font-family: "Courier New", Courier, monospace;
font-size:14px;
letter-spacing:0em;
width: 100%;
height: 50px;
	
}



footer {
display:none;
width: 50%;
height: 160px;
background-color:white;
position:relative;
bottom: 0;
left:25%;
}





}




@media only screen and (min-width: 970px) {
	
	
	/*----------------------------トップ------------------------------*/
	
	
	section#campaign article {
	text-align:center;
	width:100%;
	max-width:860px;
	
	background:;
	margin:0 auto;
}


section#campaign article img {
	text-align:center;
	width:100%;
	max-width:780px;
	
	background:;
	margin:0 auto;
}


section#campaign article img#title3 {
	
	width:100%;
	max-width:55px;
	
	background:;
	margin:-9px 15px 0 0;
}



section#campaign article h1 {/*文字が言葉が自分を励ましてくれる喜び*/
	text-align: left;
	
	font-size: 24px;
	color: #003;
	margin: 20px 0 10px 75px;	
		width:100%;
	max-width:710px;

}
	


section#campaign article p {/*自由に愉しむをテーマに*/
	text-align:left;
	

	font-size:18px;
	color:#666;
	margin:10px 0 10px 75px;
	color:black;
	
	background:;
		width:100%;
	max-width:710px;
	letter-spacing:0.05em;

	
	
	
	
}
	
	

/*....................講座の案内...................... */


section#work {
	width:100%;
	max-width:78%;
	
	text-align:left;
	background:;
	margin:150px auto 0 auto;
	
	
	}




	
	

section#work article {
	text-align:center;
	width:100%;
	max-width:48%;
	
	background:;
	
	margin:0 0 0 10px;
	
	display:inline-block;

	
	}	
	
	


	


section#work  h2 { /*月一定期講座*/
	text-align:center;
	
	margin: -30px auto 30px auto;

	font-size: 25px;
	color: black;
	
	font-weight: normal;

	line-height: 130%;
	letter-spacing: 0.05em;
	
	
	border-radius: 350px;
	
	
	width:100%;
	max-width:450px;
	padding:20px;
	
	
}	

section#work  p {/*定期的な学びの場で対話をしながら*/
	text-align: center;
	
	margin: 30px 0 60px 20px;

	font-size: 19px;
	color: black;
	
	font-weight: normal;
	


	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}


section#work  span {
	text-align: left;
	
	margin: 30px 0 10px 0;

	font-size: 21px;
	color: black;
	
	font-weight: normal;
	


	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}



section#work article h1 {/*愉しい印刻・暮らしを愉しむ書*/
	text-align:left;
	
	font-size: 20px;
	color:black;
	margin: 20px 0 0px 0;	
	
	
	
	letter-spacing:0.1em;
	
	padding-top:0px;
	
	
	}
	
	

section#work article p {
	text-align: left;

	margin: 10px 0 10px 0;

	font-size: 16px;
	color: black;
	
	font-weight: normal;
	


	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}

	



section#work article img {
	width:100%;
	max-width:90px;
	margin:0px 0px 0 0;
	
	float:right;
	
	
	
}




section#work article img#inkoku {
	width:100%;
	max-width:90px;
	margin:0px 0px 0 0;
	

	
	padding-right:50px;
	
	float:right;
	
	
	
}






/*....................講座場所の案内...................... */


section#place {
	width:100%;
	max-width:80%;
	

	background:;
	margin:10px auto 0 auto;
	
	
	}



section#place article {
	text-align:center;
	width:100%;
	max-width:95%;
	
	background:;
	
	margin:30px auto 60px auto;
	
     border: thin solid #666;
	 padding:10px;
	
	

	
	}
	
	

section#place article h1 {
	text-align:center;
	
	font-size: 17px;
	color:black;
	margin: 5px auto 0px auto;	
	

	
	letter-spacing:0.2em;
	
	background:;
	
	padding:0px 0 0px 0;
	
	}
	


section#place article p {
	text-align:left;
	
	margin: 30px auto 10px auto;

	font-size: 17px;
	color: black;
	
	font-weight: normal;
	


	line-height: 180%;
	letter-spacing: 0.05em;
	
	width:100%;
	max-width:90%;
	
}
	
	
	


section#place article p.contact {
	text-align: left;

	margin: 20px auto 20px auto;

	font-size: 16px;
	color: black;
	
	font-weight: normal;
	
	width:100%;
	max-width:90%;
	

	line-height: 180%;
	letter-spacing: 0em;
	
	
}
	
	
	
	
	
	
	/*....................講座場所の案内...................... */


section#sendclass {
	width:100%;
	max-width:100%;
	
	text-align:left;
	background:;
	margin:150px auto 0 auto;
	
	
	}




	
	

section#sendclass article {
	text-align:center;
	width:100%;
	max-width:74%;
	
	padding:10px 35px 10px 35px ;
		
	}	
	
	

	


section#sendclass  h2 { /*通信講座*/
	text-align:center;
	
	margin: -30px auto 30px auto;

	font-size: 25px;
	color: black;
	
	font-weight: normal;

	line-height: 130%;
	letter-spacing: 0.05em;
	
	
	border-radius: 350px;
	background-color:;
	
	width:100%;
	max-width:450px;
	padding:20px;
	
	
}	


section#sendclass  p {
	text-align: center;
	
	margin: 30px auto 10px auto;

	font-size: 19px;
	color: black;
	
	font-weight: normal;
	


	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}


section#sendclass  span {
	text-align: left;
	
	margin: 30px 0 10px 0;

	font-size: 21px;
	color: black;
	
	font-weight: normal;
	


	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}



section#sendclass article h1 {
	text-align:left;
	
	font-size: 20px;
	color:black;
	margin: 20px 0 0px 0;	
	
	
	
	letter-spacing:0.1em;
	

	
	
	}
	

section#sendclass article p#class_read {
	text-align: left;

	margin: 10px 0 20px 0;

	font-size: 17px;
	color: black;
	
	font-weight: normal;
	


	line-height: 120%;
	letter-spacing: 0.05em;
	
	
}

	


section#sendclass article p {/*例えば9月は*/
	text-align: left;
	
	margin: 30px 0 20px 0;

	font-size: 17px;
	color: black;
	
	font-weight: normal;
	


	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}

section#sendclass article img {
	width:100%;
	max-width:90px;
	margin:0px 0px 0 0;
	
	float:right;
	
	
	
}




section#sendclass article img#inkoku {
	width:100%;
	max-width:90px;
	margin:0px 0px 0 0;
	

	
	padding-right:50px;
	
	float:right;
	
	
	
}
	
	
	
	section#sendclass article span  br {
	display:none;
	
	
}
	

	
	
	/*....................ワークショップの案内...................... */
	
	
	
section#workshop2021 article {
	text-align:center;
	width:100%;
	max-width:74%;
	
	background:;
	
	padding:10px 35px 10px 35px ;
		
	}
	
	
	

section#workshop2021  h2 { /*WORKSHOP*/
	text-align:center;
	
	margin: -30px auto 30px auto;

	font-size: 25px;
	color: black;
	
	font-weight: normal;

	line-height: 130%;
	letter-spacing: 0.05em;
	
	
	border-radius: 350px;
	background-color:;
	
	width:100%;
	max-width:500px;
	padding:20px;
	
	
}	


section#workshop2021  p {
	text-align: center;

	margin: 30px auto 10px auto;

	font-size: 19px;
	color: black;
	
	font-weight: normal;
	


	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}

section#workshop2021  span {
	text-align: left;

	margin: 30px 0 10px 0;

	font-size: 21px;
	color: black;
	
	font-weight: normal;
	


	line-height: 150%;
	letter-spacing: 0.05em;
	
	
}




	
	
	
	

}



@media only screen and (min-width: 1020px) {
	
	
main {
padding-top:120px;

background-color:; 
margin: 0 auto 500px auto;
width:100%;
max-width:95%;
text-align:center;

}	
	

	

header {
width:100%;
height: 100px;
background-color:;
position:fixed;
}


#both{
	display:block;
	width:100%;
	max-width:330px;
	position:absolute;
top:8px;
right:0;

}



header img{
display:inline-block;
width:100%;
max-width:95px;


background-color:;

}


header p{
	
display:block;	
color:black;
font-size:17px;
text-align:right;
margin:15px 10px 0 0;
font-family: "Courier New", Courier, monospace;

}

header span{
color:black;
font-size:13px;
text-align:right;
margin:0 0 0 0;
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

}






/*----------------------------トップ------------------------------*/

section#campaign article {
	text-align:center;
	width:100%;
	max-width:910px;
	
	background:;
	margin:0 auto;
}

section#campaign article img {
	text-align:center;
	width:100%;
	max-width:830px;
	
	background:;
	margin:0 auto;
}


section#campaign article img#title3 {
	
	width:100%;
	max-width:55px;
	
	background:;
	margin:-9px 15px 0 0;
}





}

@media only screen and (min-width: 1300px) {
	
	div#back_work{/*月一定期講座 背景色*/
	
	background:#eeefef;
	margin:0 auto 200px auto;
	
	width:100%;
	max-width:80%;
	
	
	
}


div#back_sendclass{/*通信講座 背景色*/
	
	background:#e6efe6;
	
	margin:230px auto 0 auto;
	padding-bottom:30px;
	
	width:100%;
	max-width:80%;
	
}


div.back_1{/*ワーックショップ 背景色*/
	
	background:#fdf8f2;
	margin:230px auto 0 auto;
	padding-bottom:30px;
	
	widht:100%;
	max-width:80%; 
}
	
}

/* Flexible Image */
img {
  max-width: 100%; 
  height:auto;
}