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

h1 {
 font-size: 1.6em;
}
.topimg {
	 background-color:#8DC120;
}
.topimg img {
 max-width: 1000px;
	margin: 0 auto;
}
.topimg a:hover img {
  opacity: 1;
}
.nayami {
 padding: 50px 10px;
	background: url(../images/line.png) repeat;
}
.yLine {
	background: url(../images/kiiroline.png) repeat-x;
	background-position: 0 20px;
 display: inline-block;
 font-size:3.5em;
	font-weight: bold;
}
.nayami ul {
 max-width: 600px;
	margin: 30px auto 50px;
	text-align: left;
}
.nayami li {
 font-size: 2em;
 list-style: inside url(../images/check.png);
	padding-bottom: 10px;
}
.bold {
 font-size:2.5em;
	font-weight: bold;
}
.bold2 {
	background: url(../images/kiiroline.png) repeat-x;
	background-position: 0 bottom;
 color: #E14C00;
 display: inline-block;
 font-size:5em;
	font-weight: bold;
	line-height: 1em;
	margin-top: 5px;
}
.bold3 {
 font-size:3.8em;
	font-weight: bold;
	line-height: 1.3em;
}
.txt1 {
 margin: 20px 0;
	font-size: 1.8em;
	line-height: 2em;
}
.txt2 {
 font-size: 2em;
	font-weight: bold;
	color: #E14C00;
	margin: 10px 0;
}
.txt3 {
 font-size: 1.6em;
	line-height: 1.8em;
	margin: 10px;
}
.txt4 {
 font-size: 1.6em;
	line-height: 1.8em;
	margin: 20px 5px;
}
.txt5 {
 font-size: 2em;
	font-weight: bold;
	margin: 20px 5px 50px;
}
.txt6 {
 font-size: 1.6em;
}
.txt5 a {
 color: #E14C00;
	font-weight: bold;
 text-decoration: underline;
}
.red {
 color: #E14C00;
}
.red2 {
	background-color: #FFF697;
 color: #E14C00;
	font-weight: bold;
	padding: 3px;
}
.what {
 border: #E14C00 solid 1px;
	background-color: #fff;
	max-width: 700px;
	margin: 0 auto;
}
.tokorode img {
 width: 200px;
	margin-top: 5px;
}
.what-txt {
 background: url(../images/risu1.png) right bottom no-repeat;
	min-height: 180px;
	margin: 20px;
	padding-right: 180px;
	text-align: left;
}
.contact-btn {
 margin: 50px auto;
	max-width: 800px;
}
.contact-btn a {
 width: 49%;
	display: inline-block;
}
.contact-btn img {
 width: 95%;
}
.support-title {
 max-width: 700px;
	margin: 50px auto 0;
}

.w800 {
 width: 90%;
 max-width: 800px;
	text-align: left;
	margin: 30px auto;	
}
.support1:before {
  content: '';
  display: block;
  width: 109px;
  height: 55px;
  background-image: url(../images/mazuha.png);
  background-size: contain;
}
.support2:before {
  content: '';
  display: block;
  width: 109px;
  height: 55px;
  background-image: url(../images/tugini.png);
  background-size: contain;
}
.support2,.support3 {
 margin-top: 50px;
}
.support3:before {
  content: '';
  display: block;
  width: 109px;
  height: 55px;
  background-image: url(../images/soshite.png);
  background-size: contain;
}
.sup-b1 {
 margin: 30px 10px;
}
h4 {
 font-size: 3em;
	font-weight: bold;
	color: #8DC120;
	border-bottom: 1px solid #666;
	margin-top: 50px;
}
.sup-txt,.sup-image1 {
 width: 50%;
	display: inline-block;
	vertical-align: top;
}
.sup-txt p {
 font-size: 1.6em;
	line-height: 1.8em;
 margin: 20px 5px;
}
.sup-image1 {
 text-align: center;
}
.sup-image1 img {
 width: 95%;
	margin: 20px auto;
}

.bg2 {
 background: #FFEFC8;
	padding: 30px 0 10px;
}

.sono {
 margin-top: 50px;
}
.bn-btn {
	width: 20em;
	text-align: center;
}
.bn-btn a {
 font-size: 1.5em;
	font-weight: bold;
	background-color: #E14C00;
	color: #fff;
	display: block;
	padding: 10px;
}
.bn-btn a:before {
 content: "> ";
}
.bn-btn a:hover {
 background-color: #E96F31;
}
.ccln-naiyo {
text-align: center;
}
.ccln-naiyo img {
 max-width: 600px;
	margin: 0 auto;
	}
.fax-example {
 background-color: #FBD1AD;
	border-radius: 10px;
	font-size: 1.8em;
	padding: 10px 10px 10px 20px;
	margin-bottom: 20px;
}
.risu-johodake {
 max-width: 500px;
	margin-top: 30px;
}
.johomember {
 font-size: 6em;
	font-weight: bold;
	background-color: #fff;
	color: #E14C00;
	border: 1px solid #E14C00;
	padding: 5px;
	text-align: center;
}
.support-matome {
 background-color: #3F6600;
	padding-top: 30px;
}
.sp-matome600 img {
 max-width: 600px;
	margin: 0 auto;
}
.m-b20 {
 margin-bottom: 20px;
}

/* course */
.course {
 width: 90%;
 max-width: 800px;
	text-align: left;
	margin: 0 auto;	
	padding-bottom: 50px;
}
.course2 {
 text-align: center;
}
.course2 p {
 max-width: 600px;
	margin: 0 auto;
	text-align: left;
}

.course3 img {
 margin-top: 30px;
}
.course h3 {
 font-size: 4em;
	font-weight: bold;
	margin-top: 80px;
	text-align: center;
}
p.coupon {
margin: 50px auto;
}

/* voice */
.voice {
 padding: 30px 10px;
	background: url(../images/memo.png) repeat;
	background-color: #F6FAFC;
}
.voice h2,.course h2 {
 font-size: 5em;
	font-weight: bold;
	text-align: center;
	margin: 30px 0;
}
.voice ul {
 width: 90%;
	max-width: 700px;
	margin: 0 auto;
}
.voice li {
 margin: 20px 0;
}

.goaisatsu {
 width: 90%;
 max-width: 700px;
	text-align: left;
	margin: 0 auto;
	padding: 60px 0;
}
.goaisatsu h2 {
 font-size: 2.5em;
	border-bottom: 1px solid #666;
}
.sign {
 text-align: right;
	font-size: 1.6em;
	font-weight: bold;
}

p.more {
	margin-bottom: 30px;
}
.more a {
 background-color: #B28010;
	color: #fff;
 font-size: 2em;
 font-weight: bold;
	padding: 5px 10px;
	border-radius: 10px;
}
.more a::before {
 content: '≫';
}




@media screen and (max-width: 768px) {
.yLine {
	background-position: 0 20px;
 font-size:2.5em;
}
.nayami li {
 font-size: 1.6em;
 list-style: inside url(../images/check.png);
	padding-bottom: 6px;
}
.bold {
 font-size:2em;
}
.bold2 {
 font-size:4em;
}
.bold3 {
 font-size:3.2em;
}
.txt1 {
	font-size: 1.6em;
	line-height: 1.8em;
}
.what-txt {
	margin: 20px 10px;
	padding-right: 150px;
}
h4 {
 font-size: 2.5em;
}
.sup-txt,.sup-image1 {
 width: 100%;
	display:block;
}
.sup-image1 img {
	margin: 0 auto 20px;
}
.johomember {
 font-size: 4em;
}
}