// Scss Document
/*webフォントアイコン*/
@font-face {
font-family: 'LigatureSymbols';
src: url('font/LigatureSymbols-2.11.eot');
src: url('font/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
url('font/LigatureSymbols-2.11.woff') format('woff'),
url('font/LigatureSymbols-2.11.ttf') format('truetype'),
url('font/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
}
.lsf {
font-family: 'LigatureSymbols';
-webkit-text-rendering: optimizeLegibility;
-moz-text-rendering: optimizeLegibility;
-ms-text-rendering: optimizeLegibility;
-o-text-rendering: optimizeLegibility;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
font-weight:normal !important;
display:inline-block;
margin-right:5px;
font-size:125%;
}
.lsf-icon:before {
content:attr(title);
margin-right:0.3em;
font-size:130%;
font-family: 'LigatureSymbols';
-webkit-text-rendering: optimizeLegibility;
-moz-text-rendering: optimizeLegibility;
-ms-text-rendering: optimizeLegibility;
-o-text-rendering: optimizeLegibility;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
}
/*webフォントアイコン*/

/*メディアクエリ設定*/
$pc: 768px;
$sp: 767px;
@mixin pc {
  @media print, screen and(min-width: ($pc)) {
    @content;
  }
}
@mixin sp {
  @media (max-width: ($sp)) {
    @content;
  }
}

/*reset*/
*{ margin:0; padding:0; box-sizing:border-box; word-break:break-all;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ul,ol{ list-style:none;}

/*common*/
html,body {
margin:0 auto;
padding:0;
font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
font-size:21px;
text-align:left;
color:#333;
background: url("../images/bg.jpg") fixed;
min-width:960px;
	@include sp{ font-size:3.5vw; min-width:240px; max-width:767px;}
}

/*color*/
$red:#e40079;
$white:#fff;
$green:#329632;
.red{ color: $red;}
.green{ color: $green;}
.white{ color: $white;}

/*image*/
img{ border-style:none; vertical-align:bottom; padding:0; line-height:0em; max-width:100%; height:auto;}
figure{margin:40px auto; text-align:center;
	&.waku img{ padding:10px; background:$white; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px;}
	&.fl_img{ float: left; max-width: 50%; margin: 30px 20px 30px 0;
		@include sp{ float: none; max-width: 100%; margin: 0 auto 5%;}
	}
}

/*txt*/
p{ letter-spacing: 0.1em; line-height:1.75em; margin:0 0 1em; padding:0;
	strong{
		&.strong{ font-size: 125%;
			@include sp{ font-size: 110%;}
		}
	}
}
p:last-child{ margin:0;}
a{ color:inherit; text-decoration:none;}
a:hover{}
.opa{ transition: all 0.3s ease;}
.opa:hover{ opacity: 0.7;}
.under_line{ text-decoration:underline;}
.line_through{ text-decoration:line-through;}
.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}

/*ヘッダー*/
#header{ text-align: center; position: relative; z-index: 3;}

/*フッター*/
#footer{ box-shadow:rgba(0, 0, 0, 0.33) 0 0 5px 2px;}
p.copyright{ text-align:center; margin:0; padding:1em; background:$red; color:$white; font-size:75%; letter-spacing:0.1em;}


/*メイン*/
#wrapper{ width: 960px; margin: 0 auto; box-shadow:rgba(0, 0, 0, 0.33) 0 0 5px 2px;
	@include sp{ width: 100%;}
}
#content{ overflow:hidden;}
section { width:100%; background:$white; margin:0 auto; padding-bottom: 120px;
	@include sp{ padding-bottom: 10%;}
}
.maincontent { padding:0; margin:0 auto; width:880px;
	@include sp{ padding:0; margin:0 auto; width:94%;}
}

/*title*/
h1,h2,h3,h4,h5,h6{ line-height: 1.25em; letter-spacing: 0.1em; font-family: "Bodoni 72", "Times New Roman", '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; font-weight: bold;
	@include sp{ letter-spacing: 0;}
}
h2{ text-align: center; background: $red; color: $white; font-size: 200%; padding: 0.5em 0; margin-bottom: 40px;
	@include sp{ font-size: 7.5vw; margin-bottom: 5%;}
}
h3{ text-align: center; font-size: 166%; color: $red; padding: 0.5em 0; margin-bottom: 40px; border-top: 1px solid $red; border-bottom: 1px solid $red;
	@include sp{ font-size: 6vw; padding: 0.33em 0; margin-bottom: 5%;}
}

/*lead*/
#lead p{ border: 10px double $red; background: $white; padding: 1em; text-align: center; font-size: 175%; line-height: 1.5em; letter-spacing: 0.1em; color: $red; font-family: "Bodoni 72", "Times New Roman", '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; font-weight: bold; box-shadow:rgba(0, 0, 0, 0.33) 0 0 5px 2px;
	@include sp{ border: 1vw double $red; letter-spacing: 0;}
}

/*list*/
.list01{ border: 6px solid $red; background: $white; margin: 40px auto; padding: 1em; font-size: 136%; letter-spacing: 0.1em; color: $red; font-family: "Bodoni 72", "Times New Roman", '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; font-weight: bold; box-shadow:rgba(0, 0, 0, 0.33) 0 0 5px 2px;
	@include sp{ margin: 5% auto; padding: 1em 0.75em; font-size: 125%; letter-spacing: 0;}
	ul li{ border-bottom: 2px dotted $red; padding: 0.5em 0.25em 0.5em 1.5em; position: relative;
		&:first-child{ border-top: 2px dotted $red;}
		&.bk{ color: #333;}
		span.lsf{ position: absolute; left: 0.25em; top: 0.4em;}
	}
}

/*case*/
.case{ border: 4px solid #333; padding: 20px; margin: 40px auto;
	@include sp{ padding: 2.5%; margin: 5% auto;}
	h4{ background: #333; color: #fff; text-align: center; padding: 0.5em; font-size: 125%; margin-bottom: 20px;
		@include sp{ font-size: 116%; margin-bottom: 2.5%;}
	}
	ul{ letter-spacing: -1em; text-align: center;
		li{ display: inline-block; vertical-align: middle; letter-spacing: 0; margin: 0 10px;
			@include sp{ width: 31.3333%; margin: 1%;
				&.w50{ width: 48%;}
				&.w66{ width: 64.6666%;}
				&.w100{ width: 98%;}
			}
			img{ height: 240px; padding:6px; background:$white; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px;
				@include sp{ height: auto; padding: 0.75vw;}
			}
		}
	}
}

/*course*/
.course{ border: 10px solid $red; padding: 20px; margin: 60px auto; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px;
	@include sp{ border:1.5vw solid $red; padding:2.5%; margin:10% auto;}
	ul{ margin: 20px; padding: 20px; border: 1px solid $red;
		li{ padding: 0.5em 0.5em 0.5em 2em; border-bottom: 1px dotted $red; font-weight: bold; color: $red; position: relative;
		&:first-child{ border-top: 1px dotted $red;}
		small{ font-size: 80%;}
		span.lsf{ position: absolute; left: 0.5em; top: 0.4em;}
		}
	}
	@include sp{
		ul{ margin:2.5%; padding:2.5%;
		}
	}
	.price{ text-align: center; margin: 40px auto; padding: 20px; background: rgba(228,0,121,0.05); font-size: 125%; box-shadow:rgba(220, 0, 121, 0.2) 0 0 5px 2px;
		strong{ color: $red; display: block; margin-top: 0.25em;
			span{ display: inline-block; vertical-align: middle; font-size: 150%; background: $red; color: $white; padding: 0.25em 0.5em; margin-right: 0.5em;}
			strong{ display: inline-block; vertical-align: middle; margin: 0; font-size: 300%; line-height: 1em;}
		}
	}
	@include sp{
		.price{ margin:5% auto; padding:2.5%;
			strong{
				span{ display: block; font-size: 150%; margin: 0 auto 0.25em;}
				strong{ font-size: 250%;}
			}
		}
	}
	.price2{ margin-top: 40px; text-align: center; font-size: 125%;
		dl{ display: block;
			dt{ background: $red; color: $white; padding: 0.25em 0.25em 0.125em; font-weight: bold; font-size: 150%;}
			dd{ border: 3px solid $red; padding: 0.5em;
				p{ line-height: 1.25em; font-size: 150%; font-weight: bold;
					span{ display: block; line-height: 1.5em; font-size: 66.66%; font-weight: normal;}
				}
			}
		}
	}
	@include sp{
		.price2{ margin-top:5%;
			dl{ display: block;
				dd{ border: 0.66vw solid $red; padding: 0.5em;
					p{ font-size: 150%; font-weight: bold;
						span{ font-size: 60%; letter-spacing: 0;}
					}
				}
			}
		}
	}
}
#cancel{ margin: 80px auto; text-align: center;
	dl{ display:block;
		dt{ background: $red; color: $white; padding: 0.5em;}
		dd{ border: 1px solid $red; padding: 0.5em 2.5em;
		p{ line-height: 1.5em;}
		}
	}
	@include sp{ margin:10% auto; text-align: center;}
}

/*btn*/
figure.btn{ margin: 40px auto 20px;
	@include sp{ margin: 5% auto 2.5%;}
	a{ display: block; background: $green; color: $white; font-size: 36px; letter-spacing: 0.1em; line-height: 1em; font-weight: bold; padding: 1em; width: 720px; margin: 0 auto; border-radius: 3em; box-shadow:rgba(0, 0, 0, 0.25) 0 0 5px 2px;
		@include sp{font-size:5vw; padding: 0.75em 0; width: 100%;}
	}
}
/*anime*/
figure.btn a{ position: relative; animation: btn 1s infinite;}
figure.btn a:hover{ opacity: 0.7 !important; transform: scale(1.05);}
@keyframes btn{
0%{ opacity:0.9; top: -0.5em}
50%{ opacity: 1.0; top: 0.5em;}
100%{ opacity: 0.9; top: -0.5em;}
}

/*voice*/
.voice{ margin: 60px auto; border: 6px solid $red; padding: 20px;
	figure{ width: 25%; float: left; margin: 20px;
		img{ padding:6px; background:$white; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px;}
	}
	p{ font-size: 18px; line-height: 1.5em;}
	p.sign{ padding: 1em; background: #efefef; margin-top: 2em; font-size: 24px; line-height: 1em; text-align: center; font-family: "Bodoni 72", "Times New Roman", '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 2px;}
	@include sp{ margin: 10% auto; border: 1vw solid $red; padding: 5% 2.5% 2.5%;
	figure{ width:100%; float:none; margin:0 auto 5%;
		img{ padding:1vw; width: 33.3333%;}
	}
	p{ font-size:3vw;}
	p.sign{ font-size:3.5vw; padding: 1em 0;}
	
	}
}

/*prof*/
.prof_box{ border: 10px double $red; background: $white; padding: 40px;
	dl{ display: table; table-layout: fixed; width: 100%;
		dt{ display: table-cell; vertical-align: middle; width: 280px;
			img{ border-radius: 12px; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px;}
		}
		dd{ display: table-cell; vertical-align: middle; padding: 0 0 0 20px;
			h4{ margin: 0 auto; text-align: center; font-size: 24px;}
			h5{ margin: 0 auto; text-align: center; font-size: 18px;}
		}
	}
	p{ font-size: 15px; letter-spacing: 0; line-height: 1.5em; border-top: 1px solid #333; padding-top: 1em; margin-top: 1em;}
	@include sp{ border:1vw double $red; padding:2.5%;
	dl{
		dt{ width:30%;
		img{ border-radius:1.5vw;}
		}
		dd{ padding:0;
			h4{ margin: 0 auto; font-size:4.5vw;}
			h5{ margin: 0 auto; font-size:3.5vw;}
		}
	}
	p{ font-size:3vw; padding-top:2.5%; margin-top:2.5%;}
	}
}



.sp{
	@include pc{ display:none !important;}
}

.pc{
	@include sp{ display:none !important;}
}