/*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');
    font-weight: normal;
    font-style: normal;
}

.lsf {
  font-family: 'LigatureSymbols';
  font-weight:normal !important;
  -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;
  padding-right:4px;
  display:inline-block;
}
.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;
}


/*------------------------
 Common
-------------------------*/
h1{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",serif;
	font-weight:700;
}
h2,h3{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",serif;
	font-weight:700;
}
.grid-container{
	max-width:980px;
}
section p{
	line-height:1.8;
	font-size:0.9rem;
}
.require{
	color:#F00;
	font-weight: 700;
}
.imgRight{
	float: right;
	padding:10px;
}
.imgLeft{
	float: left;
	padding:10px;
}
.lead{
	font-size: 1rem;
}
strong.orange{
	color:#f15955;
}
@media(min-width:40em){
section p{
	line-height:2;
	font-size:1rem;
}
.lead{
	font-size: 1.2rem;
}
}

/*------------------------
 section01
-------------------------*/
#section01{
	position:relative;
	text-align:center;
}
#section01 .bg img{
	height:auto;
}
#section01 article{
	position:absolute;
	width: 100%;
	text-align: center;
	top:3%;
	left:0;
}
#section01 h1{
	font-size:1.1rem;
	text-align:center;
}
#section01 h1 strong{
	color:#d71f7a;
	text-align:center;
	font-size:1.4rem;
	display: block;
}
@media(min-width:40em){
#section01 h1{
	font-size:2rem;
}
#section01 h1 strong{
	font-size:3rem;
}
}

/*------------------------
 section02
-------------------------*/
#section02 h2{
	position:relative;
	font-size:1.3rem;
	text-align:center;
	padding:15px 0;
	background:#d71f7a;
	color:#FFF;
	margin-bottom:30px;
}
#section02 h2:after{
	display:block;
	content:'';
	position:absolute;
	bottom:-20px;
	left: calc(50% - 60px);
	height:20px;
	border-top:solid 20px #d71f7a;
	border-left:solid 60px transparent;
	border-right:solid 60px transparent;
}
#section02 h3{
	font-size:1.2rem;
	color:#d71f7a;
	margin-bottom:10px;
}
#section02 .photo{
	text-align:center;
	max-width:270px;
	margin:0 auto;
}
@media(min-width:40em){
#section02 .grid-container{
	background:url(../img/section02-bg.jpg) no-repeat top right;
	padding-bottom:100px;
}
#section02 h2{
	font-size:2.2rem;
	padding:20px 0;
	margin-bottom:50px;
}
#section02 h2:after{
	display:block;
	content:'';
	position:absolute;
	bottom:-30px;
	left: calc(50% - 90px);
	height:30px;
	border-top:solid 30px #d71f7a;
	border-left:solid 90px transparent;
	border-right:solid 90px transparent;
}
#section02 h3 {
	font-size:2.3rem;
	margin-bottom:40px;
}
#section02 h3 strong{
	font-size:3rem;
}
#section02 p {
	font-size:1.1rem;
}
}

/*------------------------
 section03
-------------------------*/
#section03 h2{
	position:relative;
	font-size:1.3rem;
	text-align:center;
	padding:15px 0;
	background:#f15955;
	color:#FFF;
	margin-bottom:30px;
}
#section03 h2:after{
	display:block;
	content:'';
	position:absolute;
	bottom:-20px;
	left: calc(50% - 60px);
	height:20px;
	border-top:solid 20px #f15955;
	border-left:solid 60px transparent;
	border-right:solid 60px transparent;
}
#section03 h3{
	font-size:1.2rem;
	color:#f15955;
	font-weight:400;
	margin-bottom:10px;
	text-align:center;
}
#section03 h3 strong{
	display:block;
	font-size:2.8rem;
}
#section03 .photo{
	text-align:center;
	margin:0 auto 30px;
}
@media(min-width:40em){
#section03 h2{
	font-size:2.2rem;
	padding:20px 0;
	margin-bottom:50px;
}
#section03 h2:after{
	display:block;
	content:'';
	position:absolute;
	bottom:-30px;
	left: calc(50% - 90px);
	height:30px;
	border-top:solid 30px #f15955;
	border-left:solid 90px transparent;
	border-right:solid 90px transparent;
}
#section03 h3 {
	font-size:1.8rem;
	margin-bottom:20px;
}
#section03 h3 strong{
	font-size:3.5rem;
}
#section03 .bg{
	position:relative;
	background:url(../img/section03-bg.jpg) no-repeat top center;
}
#section03 .bg .text{
	padding-top:240px;
	margin-left:calc(50% - 200px);
	width:420px;
	padding-bottom:380px;
}
#section03 .bg:after{
	display:block;
	content:'';
	height:100%;
}
}

/*------------------------
 section04
-------------------------*/
#section04 .bg{
	background:#faf7ed;
	margin-top:-50px;
	padding-top:50px;
}

#section04 h2{
	font-size:1.4rem;
	text-align:center;
	padding:15px 0;
	color:#916d0b;
}
#section04 h2 strong{
	font-size:2rem;
}
#section04 h3{
	font-size:1.1rem;
	padding:15px 0;
	color:#916d0b;
}
#section04 article#num1 h3{
	background:url(../img/section04-num1.png) no-repeat top left;
	background-size:60px;
	padding:20px 0 20px 50px;
}
#section04 article#num2 h3{
	background:url(../img/section04-num2.png) no-repeat top left;
	background-size:60px;
	padding:20px 0 20px 50px;
}
#section04 article#num3 h3{
	background:url(../img/section04-num3.png) no-repeat top left;
	background-size:60px;
	padding:20px 0 20px 50px;
}
#section04 article#num4 h3{
	background:url(../img/section04-num4.png) no-repeat top left;
	background-size:60px;
	padding:20px 0 20px 50px;
}
#section04 article p{
	padding:0 0 0 50px;
}
#section04 .bg-w{
	background:#FFF url(../img/section04-bg2.jpg) no-repeat center;
	background-size:cover;
	padding:40px 0 60px;
}
#section04 h4{
	font-size:0.9rem;
	font-weight:700;
	text-align:center;
}
#section04 dl{
	display:flex;
	flex-wrap:wrap;
	font-size:0.8rem;
}
#section04 dt{
	width:45%;
	margin:0;
	border-top:1px solid #ccc;
	font-weight:700;
	padding:4px 0;
}
#section04 dd{
	width:55%;
	margin:0;
	border-top:1px solid #ccc;
	padding:4px 0;
}
#section04 h3.copy{
	color:#000;
	text-align:center;
	line-height:1.6;
}
@media(min-width:40em){
	#section04 .bg .photo{
		background:url(../img/section04-bg1.jpg) no-repeat top right;
	}
#section04 h2{
	font-size:2rem;
}
#section04 h2 strong{
	font-size:3rem;
}
#section04 h3{
	font-size:1.8rem;
	padding:15px 0;
}
#section04 h4{
	font-size:1.1rem;
}
#section04 article#num1 h3{
	background:url(../img/section04-num1.png) no-repeat top left;
	padding:40px 0 30px 80px;
}
#section04 article#num2 h3{
	background:url(../img/section04-num2.png) no-repeat top left;
	padding:40px 0 30px 80px;
}
#section04 article#num3 h3{
	background:url(../img/section04-num3.png) no-repeat top left;
	padding:40px 0 30px 80px;
}
#section04 article#num4 h3{
	background:url(../img/section04-num4.png) no-repeat top left;
	padding:40px 0 30px 80px;
}
#section04 article p{
	padding:0 0 0 80px;
}
#section04 article#num4{
	position:relative;
}
#section04 article#num4 p{
	position:absolute;
	right:0;
}
}
/*------------------------
 section05
-------------------------*/
#section05 .bg{
	background:#faf7ed;
	padding:30px;
	margin: 30px auto;
}
#section05 .bg h2{
	color:#916d0b;
	text-align: center;
}
#section05 .bg h3{
	text-align: center;
}
#section05 .bg .bg1{
	background:url(../img/section05-bg1.jpg) no-repeat top center;
	padding:3vw;
	margin-bottom: 2vw;
}
#section05 .bg .bg2{
	padding:3vw 0;
}
#section05 .bg .bg1 .text{
	padding:2vw;
	background: rgba(255,255,255,.85);
}
#section05 .bg strong{
	color:#0dbcd6;
}
#section05 .bg strong.pink{
	color:#d71f7a;
	font-size: 1.2em;
}
@media(min-width:40em){
	#section05 .bg{
		background:#faf7ed url(../img/section05-bg.png) no-repeat bottom right;
	}
}
/*------------------------
 section06
-------------------------*/
#section06 h2{
	position:relative;
	font-size:1.3rem;
	text-align:center;
	padding:15px 0;
	background:#d71f7a;
	color:#FFF;
	margin-bottom:30px;
}
#section06 h2:after{
	display:block;
	content:'';
	position:absolute;
	bottom:-20px;
	left: calc(50% - 60px);
	height:20px;
	border-top:solid 20px #d71f7a;
	border-left:solid 60px transparent;
	border-right:solid 60px transparent;
}
#section06 .frame {
	padding:3vw;
	margin: 20px 0;
	background: #fcf2f7;
}
#section06 .frame:nth-child(2n) {
	background: #d9eaf8;
}
#section06 .frame h3{
	margin-bottom: 1.5vw;
	color:#d71f7a;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
#section06 .frame:nth-child(2n) h3{
	color: #0e78ca;
}
#section06 .frame h3 span{
	background:#d71f7a;
	color:#FFF;
	font-size: .6em;
	display: inline-block;
	padding:2px 5px;
	border-radius: 4px;
}
#section06 .frame:nth-child(2n) h3 span{
	background:#0e78ca;
}

@media(min-width:40em){
	#section06 h2{
		font-size:2.5rem;
		padding:20px 0;
		margin-bottom:50px;
	}
	#section06 h2:after{
		display:block;
		content:'';
		position:absolute;
		bottom:-30px;
		left: calc(50% - 90px);
		height:30px;
		border-top:solid 30px #d71f7a;
		border-left:solid 90px transparent;
		border-right:solid 90px transparent;
	}
	#section06 .frame h3{
		font-size: 1.6rem;
		line-height: 1;
	}
}
/*------------------------
 section07
-------------------------*/
#section07{
	margin:3vw auto;
}
#section07 h2{
	color:#d71f7a;
	text-align: center;
	margin-bottom: 2vw;
}
#section07 h2 strong{
	font-size: 2rem;
}
#section07 h3{
	margin: 2vw auto;
}
#section07 h3 .title{
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	display: inline-block;
	padding:1px 10px;
	margin:5px 5px;
	background: #ccc;
	color:#FFF;
}
#section07 h3 .title.pink{
	background: #d71f7a;
}
#section07 h3 .title.orange{
	background: #eb730a;
}
#section07 h3 .title.green{
	background: #77b806;
}
#section07 article{
	position: relative;
	margin:2vw auto;
	border: 3px solid #CCC;
}
#section07 article .inner{
	padding:2vw;
}
#section07 article.pink{
	border-color:#d71f7a;
}
#section07 article.orange{
	border-color:#eb730a;
}
#section07 article.green{
	border-color:#77b806;
}
#section07 article h3{
	font-size: 1.1rem;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	background: #d71f7a;
	color:#FFF;
	padding: 10px 0;
	text-align: center;
	margin: 0;
}

#section07 article.orange h3{
	background-color:#eb730a;
}
#section07 article.green h3{
	background-color:#77b806;
}
#section07 article h3 strong{
	font-size: 1.6rem;
}
#section07 article h4{
	color:#d92000;
	text-align: center;
}
#section07 article h4 strong{
	font-size: 1.2em;
}
#section07 article .frame{
	background: url(../img/frame01.png) no-repeat top center;
	background-size: 100%;
	width: 100%;
	padding:50px 15px 80px;
}
#section07 article .frame ul{
	font-weight: 700;
	font-size: 0.9rem;
}

#section07 article .frame ul li strong{
	color:#d92000;
}
#section07 article h5{
	color:#d92000;
	text-align: center;
	font-weight: 700;
}
#section07 article p.point{
	font-weight: 700;
}
#section07 article p.point strong{
	color:#d92000;
	font-size: 1.5em;
}
@media(min-width:800px){
	#section07 h2{
		font-size: 2rem;
	}
	#section07 h2 strong{
		font-size: 3rem;
	}
	#section07 article h3{
		font-size: 1.5rem;
	}
	#section07 article h3 strong{
		font-size: 2.2rem;
	}
	#section07 article.pink p.lead{
		position: absolute;
		top:120px;
		left:40%;
	}
	#section07 article p.point{
		font-size: 1.5rem;
	}
	#section07 article h4 strong{
		font-size: 2em;
	}
	#section07 article .frame{
		background: url(../img/frame01.png) no-repeat top center;
		background-size: contain;
		width: 700px;
		margin:30px auto 0;
		padding:90px 120px 90px;
	}
	#section07 article .frame ul{
		font-size: 1.4em;
		font-weight: 700;
		margin: 20px 0 0;
	}
	#section07 article.threemonth .frame ul{
		margin: 20px 0 30px;
	}
	#section07 article .frame ul li {
		padding:5px 0;
	}
	#section07 article .frame h5{
		font-size: 1.5rem;
	}
}
/*------------------------
 section08
-------------------------*/
#section08 h2{
	position:relative;
	font-size:1.3rem;
	text-align:center;
	padding:15px 0;
	background:#d71f7a;
	color:#FFF;
	margin-bottom:30px;
}
#section08 h2:after{
	display:block;
	content:'';
	position:absolute;
	bottom:-20px;
	left: calc(50% - 60px);
	height:20px;
	border-top:solid 20px #d71f7a;
	border-left:solid 60px transparent;
	border-right:solid 60px transparent;
}
#section08 h3{
	font-size:1.2rem;
	color:#d71f7a;
	margin-bottom:10px;
	border-bottom: 1px solid #d71f7a;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

@media(min-width:40em){
#section08 h2{
	font-size:1.9rem;
	padding:20px 0;
	margin-bottom:50px;
}
#section08 h2:after{
	display:block;
	content:'';
	position:absolute;
	bottom:-30px;
	left: calc(50% - 90px);
	height:30px;
	border-top:solid 30px #d71f7a;
	border-left:solid 90px transparent;
	border-right:solid 90px transparent;
}
#section08 h3 {
	font-size:1.4rem;
	margin-bottom:20px;
}
}
/*------------------------
 section09
-------------------------*/
#section09 h2{
	position:relative;
	font-size:1.2rem;
	text-align:center;
	padding:15px 0;
	background:#d71f7a;
	color:#FFF;
	margin-bottom:30px;
	margin-top:30px;
}
#section09 h2:after{
	display:block;
	content:'';
	position:absolute;
	bottom:-20px;
	left: calc(50% - 60px);
	height:20px;
	border-top:solid 20px #d71f7a;
	border-left:solid 60px transparent;
	border-right:solid 60px transparent;
}
#section09 h3{
	font-size:1.2rem;
	color:#d71f7a;
	margin-bottom:10px;
	border-bottom: 1px solid #d71f7a;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

@media(min-width:40em){
#section09 h2{
	font-size:1.6rem;
	padding:20px 0;
	margin-bottom:50px;
	margin-top:30px;
}
#section09 h2:after{
	display:block;
	content:'';
	position:absolute;
	bottom:-30px;
	left: calc(50% - 90px);
	height:30px;
	border-top:solid 30px #d71f7a;
	border-left:solid 90px transparent;
	border-right:solid 90px transparent;
}
#section09 h3 {
	font-size:1.4rem;
	margin-bottom:20px;
}
}

footer{
	background: #faf7ed;
	text-align: center;
	padding: 4vw 0;
	color:#555;
	font-size: 0.9rem;
}

@media print {
 a[href], a[href]:after {
 content: "" !important;
 }

 abbr[title]:after {
 content: "" !important;
 }
}

/*------------------------------------------
■  岡田先生メールサポート
------------------------------------------*/
.okada_sec{width: 900px;margin: 0 auto 50px;}
.okada_sec p{padding: 10px;}
.okada_sub_title{ margin:20px auto; }
.okada_sub_title p:nth-child(1) {color:#EF5A78;font-weight:bold;margin:0px;}
.okada_sub_title p:nth-child(2) {background-color:#EF5A78;color:#ffffff;font-weight:bold;margin:0px;}
.okada_prof_l{float:left;width:50%;margin-left:10px;}
.okada_prof_r{float:right;width:45%;text-align:center;padding:5px;line-height:1.2em;}
.okada_prof{background-color:#FADC96;padding:5px;margin:5px auto 20px;-moz-box-shadow: 0px 0px 5px 2px #aaa;-webkit-box-shadow: 0px 0px 5px 2px #aaa;}
.okada_qa{margin:20px auto;}
.okada_qa p:nth-child(1) {background-color:#EF5A78;color:#ffffff;font-weight:bold;margin:0px;}
.okada_qa p:nth-child(2) {background-color:#EFD1E0;margin:0px;}
.okada_cap p{border:solid #FADC96 4px;border-radius:5px;margin:20px;}
.clear{clear: both;}

@media screen and (max-width: 480px) {
.okada_sec{width: 98%;}
}