/*------------- リセットCSSここから --------------*/

/* Document
 * ========================================================================== */

/**
 * Add border box sizing in all browsers (opinionated).
 */

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

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */

::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */

html {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent /* 4 */;
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */

hr {
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Add the correct display in IE.
 */

main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */

/*
 * Change the alignment on media elements in all browsers (opinionated).
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */

iframe {
  border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

svg:not([fill]) {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */

/**
 * Collapse border spacing in all browsers (opinionated).
 */

table {
  border-collapse: collapse;
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */

button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */

fieldset {
  border: 1px solid #a0a0a0; /* 1 */
  padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */

input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */

legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */

textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */

:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct display in Edge 18- and IE.
 */

details {
  display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */

dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* User interaction
 * ========================================================================== */

/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 */

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation; /* 1 */
  touch-action: manipulation; /* 2 */
}

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/* Accessibility
 * ========================================================================== */

/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */

[aria-busy="true"] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */

[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */

[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */

[aria-hidden="false"][hidden] {
  display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}




/*------------- リセットCSSここまで --------------*/






/* br */

.br-smp {
	display:none;
}

.br-sc{
	display:none;
}

.br-pc {
	display: block;
}

/* brここまで */










* {
	margin: 0 auto;
	padding: 0;
}

.clearfix {
	content: "";
	display: block;
	clear: both;
}

a {
	text-decoration: none;
}

li {
}

.red {
	color: red;
	font-size: 26px;
}

body {
	max-width: 1000px;
	margin: 0 auto;
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

nav {
	box-sizing: border-box;
	padding-top: 5px;
	position: fixed;
	top: 0px;
	width: 1000px;
	height:55px;
	background-color: #ffffff;
	opacity: 1;
	z-index: 99;
}

nav ul {
	list-style: none;
	text-align: center;
}

.space {
	display: inline-block;
	height: 30px;
	width: 66px;
	text-align: center;
	margin-top: 5px;
	margin-right: 90px;
	border: 2px solid white;
	border-radius: 5px;
	cursor: default;
}

.btn {
	display: inline-block;
	background-image: url(images/asa.png);
	background-size: contain;
	height: 35px;
	width: 180px;
	text-align: center;
	margin-top: 5px;
	margin-right:30px;
	border-radius: 5px;
  	border-style: none;
}

.space_6 {
	display:none;
}

.btn:last-of-type {
	margin-right: 0px;
}

.topbtn {
	display: inline-block;
	background-image: url(images/asa.png);
	background-size: contain;
	height: 35px;
	width: 60px;
	text-align: center;
	margin-top: 5px;
	margin-right: 300px;
	border-radius: 5px;
  border-style: none;
}

nav ul li a {
	display: block;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 0px 9px 4px;
	color: #000000;
	letter-spacing: 0.2em;
	opacity: 0.7;
	transition: 0.2s;
}

a:hover {
	opacity: 1;
	transition: 0.2s;
}

.wj-smp {
	display: none;
}

.wj-pc {
	background-image: url(images/bg.jpeg);
	background-size: contain;
	height: 240px;
	margin-top: 60px;
	border-radius: 10px;
}

.opct_2 {
	background-color:rgba(255,255,255,0.7);
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.wj-pc img {
	float:left;
	width: 550px;

	padding-top: 20px;
}

.space_2 {
	height: 20px;
	width: 50px;
}

.h2-pc{
	display: table;
	font-size: 25px;
	line-height: 2em;
	letter-spacing: 0.05em;
	padding-top: 30px;
	margin: 0px;
}

.h2-sc {
	display: none;
}



main {
	text-align: center;
}

.title {
	margin:20px 0px;
}

.s1 {
	background-color: #fffaf0;
	border-radius: 10px;
	margin: 20px 0px 20px 0px;
	text-align: center;
	padding-top:10px;
	padding-bottom: 40px;
	margin-top: 20px;
	text-align: center;
	}

.title h2 {
	color: #393939;
	display: inline-block;
	margin-bottom: 1em;
	letter-spacing: 0.5em;
	padding-left: 0.5em;
}

.deco {
	width:260px;
	vertical-align: middle;
}

.fcontainer_1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 10px;
}

.fitem_1 {
	color: #000;
	padding: 1em;
	width: 85%;
	background-color: #fffff0;
	border: 2px dotted #797979;
	border-radius: 10px;
	line-break: strict;
	margin-bottom: 30px;
}

.fitem_1 dt {
	margin-bottom: 10px;
	font-size: 21px;
	font-weight: bold;
}

.fitem_1 dd {
	font-size:18px;
}

.s2 {
	background-color: #fffaf0;
	border-radius: 10px;
	padding-top:10px;
	margin: 20px 0px;
	text-align: center;
}

.s2 h2 {
	letter-spacing: 1.2em;
	padding-left: 1.2em;
}

.fcontainer_2 {
	width: 90%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}

.fitem_s {
	flex-basis: 150px;
	color: ;
	padding: ;
	border: ;
	border-radius: ;
	margin-bottom: 40px;
}

.fitem_s img {
	width: 80px;
}

.space_3{
	height:10px;
}

.fitem_s h4 {
	letter-spacing: 0.4em;
	padding-left: 0.4em;
}

.fitem_l {
	flex-basis: 700px;
	background-color: #fffff0;
	padding: 15px;
	margin-bottom: 40px;
	border:2px solid #797979;
	border-radius: 20px;
}

.fitem_l h3 {
	letter-spacing: 0.6em;
	color: red;
	font-size:25px;
}

.fitem_l p {
	font-weight: bold;
}

strong {
	font-size: 20px;
	color: red;
}

.pass{
	padding-left:20px;
}

.hitokoto .keisen {
	padding-top:20px;
}

.keisen {
	text-align: center;
}

.keisen img {
	padding: 10px;
}

.keisen-smp {
	display: none;
}

.hitokoto {
	background-color: #fffaf0;
	border-radius: 10px;
}

.space-5 {
	height:20px;
}

.comment {
	display: table;
	border-spacing: 30px;
	margin-top: 20px;

}

.comment_3 {
	display: table-cell;
	vertical-align: middle;
	padding-left: 30px;
}

.photo {
	display: table-cell;
}

.photo img {
	width: 120px;
	border-radius: 10px;
}

.photo p {
	letter-spacing: 0.5em;
	font-weight: bold;
	text-align: center;
}

.comment_3 h4 {
	letter-spacing: 0.5em;
	border-bottom: dotted 2px #797979;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.comment_3 ol {
	text-align: left;
}

.comment_3 ol li{
	list-style-type: none;
	counter-increment: cnt;
	padding-bottom: 10px;
}

.comment_3 ol li::before {
	content: "(" counter(cnt,lower-roman) ")";
	padding-right: 7px;
}

.iqbtn {
	display: inline-block;
	width: 300px;
	padding: 5px 10px;
	background-color: #008000;
	border-radius: 10px;
	border-style: none;
 	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.43);
 	box-shadow: 2px 2px 3px rgba(0,0,0,0.43);
 	outline: none;
 	margin-top: 20px;
 	margin-bottom: 30px;
}

.iqbtn a {
	text-align: center;
	display: block;
	margin: 0 auto;
		line-height: 1.2em;
	color: #ffffff;
	font-size:20px;
	font-weight: bold;
	 cursor: pointer;
	width: 300px;
	padding: 5px 10px;
}

footer {
	margin-top: 20px;
	background-image: url(images/img10.png);
	background-size: cover;
	height: 220px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.space-4 {
	height: 50px;
}

.opct {
  background: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 100%;
	border-radius: 10px;
	text-align: center;
}

.copy {
	display: inline-block;
	padding-top:30px;
	font-size: 15px;
}

.topbtnf {
  display:inline-block;
  padding: 10px 20px;
	background-image: url(images/asa.png);
	background-size: contain;
  width: 150px;
  border-radius: 10px;
  border-style: none;
  -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.43);
  box-shadow: 2px 2px 3px rgba(0,0,0,0.43);
  outline: none;
  cursor: pointer;
  margin-bottom:20px;
}

.topbtnf a {
  color: #000;
  font-weight: bold;
  display: block;
}























/* ic.html */
.ic {
	text-align: center;
	padding-top: 12px;
	padding-bottom: 50px;
	margin-top:20px;
	background-color: #fffaf0;
	border-radius: 10px;
}

.iccomment{
	width: 650px;
	margin: 0 auto;
}

.ic p {
	text-align:left;
	line-height: 2em;
	font-size: 20px;
	margin-bottom: 15px;
}

.iccomment ol {
	position: relative;
  padding:40px;
  border:1px dotted #797979;
  border-radius: 10px;
  margin-bottom: 40px;

}

.iccomment li {
	font-size: 20px;
	text-align:left;
  list-style: none;
  list-style-position:outside;
  padding-bottom: 0.5em;
  padding-left: 1.25em

}

.iccomment li span {
    position: absolute;
    left:30px;
    margin:0
}

/*IE 6 */
*html ol li span  {
    left: -1.25em;
}

/* profile.html */
.profile {
	text-align: center;
	padding-top: 12px;
	padding-bottom: 50px;
	margin-top:20px;
	background-color: #fffaf0;
	border-radius: 10px;
}

.fprof {
	display:flex;
	justify-content: center;
	align-items: flex-start;
	padding-left: 100px;
}

.fprof img {
	width: 120px;
	border-radius: 10px;
	margin-top: 20px;
}

.profile dl {
	margin: 0 auto;
	width: 600px;
	text-align: left;
}

.profile dt{
	font-size: 22px;
	padding-bottom: 15px;
	letter-spacing: 0.4em;
}

.profile dd {
 font-size: 20px;
 letter-spacing: 0.1em;
 line-height: 2em;
 padding-bottom: 30px;
}

.profile small {
	display: inline-block;
	float:right;
	font-size: 18px;
	letter-spacing: 0.1em;
	padding-right: 150px;
	padding-top: 3px;
}



/* lessonfee.html */
.lessonfee {
	text-align: center;
	padding-top: 12px;
	margin-top:20px;
	background-color: #fffaf0;
	border-radius: 10px;
}

.lessonfee .title h2 {
	letter-spacing: 1em;
	padding: 0em 2em;
}

.lessonfee p {
	display: inline-block;
	font-size: 23px;
	font-weight: bold;
	padding: 20px;
	margin-top: 50px;
	margin-bottom: 100px;
}