@charset "utf-8";
/* CSS Document */

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{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}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/*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;
}
/*webフォントアイコン*/

/*テキスト装飾*/
.bold {font-weight:bold;}
.txt10{font-size:66%;}
.txt12{font-size:80%;}
.txt14{font-size:93%;}
.txt15{font-size:15px;}
.txt16{font-size:106%;}
.txt18{font-size:120%;}
.txt21{font-size:140%;}
.txt24{font-size:160%;}
.txt28{font-size:186%;}
.txt31{font-size:206%;}
.white{color:#fff;}
.black{color:#501905;}
.red{color:#f00000;}
.green{color:#288c46;}
.blue{color:#005de8;}
.bg_y{background-color:#FAFA7D; padding:5px;}
.bg_gy{background-color:#dedede; padding:5px;}
.under_line{text-decoration:underline;}
.line_through{text-decoration:line-through;}
.h2deco{height:120px;color:#fff;background:#6897eb;text-align:center;font-size:213%;font-weight:bold;text-shadow:0px 2px 3px #131f3e;display: flex;justify-content: center;align-items: center;border-top:5px solid #ccc;border-bottom:5px solid #ccc; }
/*テキスト装飾*/

/*本体共通項目*/
body {margin: 0px auto;padding: 0px;font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;font-size: 16px;text-align: center;color: #333;}
img {width:100%;border:0;vertical-align: bottom;}
p {line-height:1.8em; margin:0px auto 10px; }
ul{padding:0px; margin:25px auto;}
li{padding:0px; margin:0px auto 10px; font-weight:bold; font-size:106%;list-style:none;}
.text{width:80%; text-align:left; margin:50px auto;	padding:0px; }
figure{text-align:center; margin:30px auto; padding:0; }
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.f-left{float:left;}
.f-right{float:right;}
.clear{clear:both;}
article {width:100%;max-width:750px;margin:0px auto;padding:0;background-color:#ffffff;text-align:left;}
section{margin:0 auto 60px;}
div.ca {width:92%;margin:0 auto 50px;text-align:center;}
div.ca p{width: 98%; margin:0 auto;text-align: left;}
/*本体共通項目*/

/*catch*/
header{width:100%;max-width:750px;margin:0 auto;}
h1{width: 100%;margin:0 auto;}
h2{margin:0 auto 30px;}
h3{margin:30px auto;padding:7px 0 5px;font-size:140%;font-weight: bold;color: #fff;text-align: center; background:#db5e5e; }
h4{margin:20px auto 30px;padding:7px 0 5px;font-size:133%;font-weight: bold;text-align: center;color:#fff;background:#f00000;}
h5{margin: 30px auto 20px;padding: 0 0 5px;font-size: 120%;font-weight: bold;text-align: left;color: #f00000;border-bottom: 2px solid #f00000;}
/*catch*/

/*form*/
section div.form{width: 86%;margin: 0 auto 50px;padding: 2%; text-align: center;border: 6px solid #f00000;}
section div.form div.btn{width: 80%;margin: 30px auto;}
section div.form p{width: 90%;margin: 0 auto;font-size: 80%;text-align: left;}
section div.form p.sp{width: 90%;margin: 10px auto;padding: 1%;font-size: 120%;text-align: left;background:#FAFA7D;}

section div.osusume{margin: 40px auto;padding: 2%;text-align: left;border: 4px solid #d76f09;border-radius: 12px;}
section div.osusume p.mds{margin: 0 auto 20px;padding: 1%;font-size: 120%;text-align: center;background: #d76f09;color: #fff;}

section div.mott{width: 88%;margin: 0 auto 30px;padding: 2%;font-size: 160%;font-weight: bold;color: #fff;text-align: center;background: #0e9400;}

section table{width: 98%;margin: 40px auto;padding: 0;border: 2px solid #626362;}
section table th{width: 28%;background: #d2d4d2;font-weight: bold;text-align: center;}
section table td{width: 68%;}
section table th, section table td{padding: 1%;border: 1px solid #626362;}
section table th.g1, section table td.g1{width: 98%;}
/*form*/

/*体験談*/
dl.srs{margin: 0 auto 50px;padding: 2%;background: #e9f2f9;box-shadow: 2px 2px 2px rgba( 197, 199, 200, 1);}
dl.srs dt{margin: 0 auto 20px;padding: 0 0 5px;font-size: 120%;font-weight: bold;border-bottom: 2px dotted #6c6c6c;}
dl.srs dd{text-align: left;line-height: 2.4em;}


/*QA*/
dl.qa{width: 90%;margin: 0 auto 20px;padding: 0;}
dl.qa dt{margin: 0 auto 10px;padding: 1%;background: #fde1e1;font-size: 140%;font-weight: bold;}
dl.qa dt span{font-size: 180%;color: #f00000;}
dl.qa dd{padding: 1%;background: #dcecf4;font-size: 140%;}
dl.qa dd span{font-size: 180%;color: #062dd6;}
/*QA*/

/*フッター*/
nav ul{margin:0px auto 20px;}
nav ul li{margin:0;padding:10px 0 10px 15px;background-image: -moz-linear-gradient(top, #fffaff, #ffdbff);background-image: -ms-linear-gradient(top, #fffaff, #ffdbff);background-image: -o-linear-gradient(top, #fffaff, #ffdbff);background-image: -webkit-gradient(linear, center top, center bottom, from(#fffaff), to(#ffdbff));background-image: -webkit-linear-gradient(top, #fffaff, #ffdbff);background-image: linear-gradient(top, #fffaff, #ffdbff);border-bottom: 2px solid #fff;}
nav ul li a{text-decoration: none;}
footer{background-color:#ffecf4;padding:10px 0;font-size:80%;text-align: center;}
/*フッター*/

/*スクロール*/
div.scr{margin:120px 0 0;text-align: center;}
div.scr a {
  padding-top: 80px;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
  color:#0316a5;
}
div.scr a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 2px solid #0316a5;
  border-bottom: 2px solid #0316a5;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
div.scr a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
div.scr a span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
div.scr a span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb {
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes sdb {
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}

/*ぬるっとスクロール*/
html {scroll-behavior:smooth;}

/*------------------------------------------
■  岡田先生メールサポート
------------------------------------------*/
.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:5px;}
.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;}