@charset "utf-8";

/* CSS Document */

body{
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

h2{
	font-size: 2rem !important;
	font-weight:bold;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
  border-radius: 100px;
}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  padding: 3rem 0 2rem;
  text-align: center;
}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
}

.section p, .section ul{
	text-align: left;
}

.section ul{
	list-style: disc;
	padding: 0;
	margin-left: 1.5rem;
	margin-bottom:0;
}

.section ul li{
	margin-bottom:0.5rem;
}

.f-container {
	display:flex;
	flex-flow: row nowrap;
	align-items: center;
}
.f-item{ padding:0.5rem;}

.p90{
	width: 90%;
	margin:0.5rem auto 1.0rem;
}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.clear::after{
  content: "";
  display: table;
  clear: both;
  margin-bottom: 2rem;
}

/* Round
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.image-round1{
  border-radius: 50%;
}

/* Wraparound
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.figure-r {
	float: right;
	margin: 0 0 15px 15px;
	width: 35%;
}

/* Margin
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.mb2rem{ margin-bottom: 2rem !important; }

.mb30{margin-bottom: 30px;}

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.header {
  padding: 0 !important;
  text-align: center;
  background: #B3CEBB;
}

.hnav {
	background-color: #9BBFA6;
}
.hnav .container {
	padding: 0;
	width: 960px;
	max-width: 100%;
}
.hnav .three {
	width: 25%;
    margin-left: 0%;
}
.hnav img {
	max-width:100%;
	vertical-align: bottom;
}
@media (max-width: 768px) {
	.hnav .three {
		width: 50%;
	    margin-left: 0%;
	}
	.hnav img {
		width:100%;
	}
}

/* Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.hero {
  padding: 0 !important;
}

.section.hero .container{
  padding: 0 !important;
}

.hero img {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  vertical-align: bottom;
}

/* about
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.section.about {
	text-align:left;
}
/* Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.values {
  background-color: #D5E3DA;
  /*background-image: url('../images/values-bg.jpg');
  background-repeat: repeat-y;
  background-size: 100%;
  color: #fff;*/
  padding-bottom: 2rem;
}

.values h2{
	margin-bottom:0 !important;
}

.values p{
	text-align:left;
}

.values hr {
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
    border-width: 0;
    border-top: 3px solid #3A1258;
    width: 4rem;
}
.values .schedule{
  background-color: rgba(255,255,255,1.0);
  color: #222;
}

.values .schedule td:nth-of-type(1){
	width: 8em;
}

.values .schedule td{
	padding:0.5em;
}

.values .schedule hr{
	width:100%;
	border-top: 1px dashed #ccc;
    margin-top: 0.5rem;
    margin-bottom: 0.7rem;
}

.value-multiplier {
  margin-bottom: .5rem;
  color: #11DFC7;
}
.value-heading {
  margin-bottom: .3rem;
}
.value-description {
  opacity: 1;
  font-weight: 300;
  text-align: left;
}

/* Condition
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.section.condition {
  background-color: #F5F4ED;
}

.condition {
  border-bottom: 1px solid #ddd;
}

.condition h2, h2.midashi{
	margin-bottom:0 !important;
}

.condition hr ,hr.underline{
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
    border-width: 0;
    border-top: 3px solid #3A1258;
    width: 4rem;
}

.section.condition ul{
	font-weight: bold;
}

/* Material
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.section.material {
  background-color: #fff;
}

.material {
  border-bottom: 1px solid #ddd;
}

.material h2{
position: relative;
	margin-bottom:2rem !important;
	background: #4A1F67;
	padding:0.5em 0;
	color:#fff;
}

.material h2:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #4A1F67 transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}


.material hr ,hr.underline{
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
    border-width: 0;
    border-top: 3px solid #3A1258;
    width: 4rem;
}

.section.material ul{
	font-weight: bold;
}


/* Support
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.support{
	padding:0 0 2rem !important;
}

.section.support p{
	margin-bottom:1rem;
}


.section.support h2{
	/*background:#800040;*/
	background:#8CBA9E;

	padding:3rem 0.5rem;
	color: #fff;
	box-sizing: border-box;
}


/* Plan
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.plan {
  background-image: url('../images/values-bg.jpg');
  background-size: cover;
  padding-bottom: 2rem;
}

.plan table{
  background-color: #fff;
}

.plan table td,.plan table th{
	padding: 1.5rem;
	box-sizing: border-box;
}

.plan table td.plan-ttl{
  background-color: #6B9798;
	/*background-color: #0d3f67;*/

  color:#fff;
  font-size:1.45rem;
  font-weight: bold;
  text-align: center;
}

.plan table p{
  margin-bottom: 1.5rem;
}

.plan table td.plan-ttl2{
  background-color: #8080ff;
  color:#fff;
  font-size:1.45rem;
  font-weight: bold;
  text-align: center;
}

.plan .wh-link a{ color: #fff; }

.plan .c-box{
  background-color: #fff;
  padding-top:1.5rem;
}

/* Categories
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.categories {
  background-image: url('../images/values-bg.jpg');
  background-size: cover;
  color: #fff;
}
.categories .section-description {
  margin-bottom: 4rem;
}

/*受講料・各種割引プラン*/
table.waribiki{
  margin-bottom: 0;
}

.m0 img{
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

.mt30{
  margin-top: 30px;
}

img.w100{
  max-width: 854px;
  width: 100%;
}

/*voice*/
.voicewrap,.voicewrap2{
  text-align: left;
}

.voicewrap .voice{
  /*border: 1px solid #ccc;
  padding: 20px;*/

}

.voicewrap .voice .title,.voicewrap2 .voice .title {
  position: relative;
  padding: 0.6em;
  background: #e0edff;
  margin-bottom: 15px;
  border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
    margin-bottom:1.5rem;
    font-weight: bold;
}

.voicewrap .voice .title:after,.voicewrap2 .voice .title:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  width: 0;
  height: 0;
}

.voicewrap .voice .note,.voicewrap2 .voice .note{
  width: 100%;
  padding:1em;
  /*background: linear-gradient(#ccc 1px, transparent 1px) #fffbf2;*/
  background: #fffbf2;
  border: 1px solid #ccc;
  overflow: hidden;
  box-sizing: border-box;
}

.voicewrap .voice .note p,.voicewrap2 .voice p{
  background: url(../images/bg-note01.png) bottom;
  line-height: 36px;
  overflow: hidden;
  margin-bottom:0;
}

.pdf-f{
	border: 2px solid #990099;
	width: 90%;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;

}

.pdf-f p{
	background: url(../images/pdf.png) no-repeat left top;
	background-size: 40px;
	padding: 10px 10px 10px 50px;
	text-align: left;
	margin-bottom: 0;
	margin-left: 10px;

	}


.morevoice{
	display: inline-block;
	font-size: 1.5em;
    font-weight: bold;
    background: #4A1F67;
    border-radius: 7px;
    color: #fff;
    padding:0.5em 1.5em;
    margin-bottom:2.5rem;
}

.morevoice a{
    color: #fff !important;
}


.cr {
	color:#e00000;
}

.blue	{
	color:#0053fD;
}

.fb{font-weight: bold;}

.align-c{
  text-align: center!important;
}

.submidashi{
  background: #009b9f;
  color: #fff;
  padding: 10px;
  border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}

/*ロードマップ
-------------------------------------------*/
.r-mapwrap ul{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
}
/*.r-mapwrap .r-map{

	display: flex;
	width: 100%;
	flex-wrap: wrap;
align-content: flex-start;
 font-size: 0;
}*/
.r-mapwrap .r-map li{
	margin: 0;
	padding: 0;
	display: inline-block;
	font-size: 0;
width: 225px;
	box-sizing: border-box;
}

.r-mapwrap .r-map li img,.r-mapwrap .r-map-low li img{
	margin: 0;
	padding: 0;
	width: 100%;
}

.r-mapwrap .r-map-low li{
	margin: 0;
	padding: 0;
	display: inline-block;
	font-size: 0;

	box-sizing: border-box;
}



.pt10{
	padding-top: 10px;
}

/*スケジュール表
-------------------------------------------*/
.schedulewrap th{
  color: #0000ff;
	font-weight: normal;
  background: #ffff80;
  text-align: center;
  padding: 5px;
	font-size: 0.875em;
	border-left: 1px solid #ccc;
}

.schedulewrap td{
	text-align: center;
	padding: 5px;
	font-size: 0.875em;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.bg-plum{
	background: #FAEFFA;
}

.bg-plum .moshikomi{
  border: 1px solid #990099;
  padding: 20px;
	background: #fff;
}

.bg-plum .moshikomi hr{
	border: 1px dashed #666;
}

.venue h3,h3.zoomttl{
position: relative;
	margin-bottom:2rem !important;
	background: #009b9f;
	padding:0.5em 0;
	color:#fff;
	font-size: 1.8rem;
}

.venue h3:after,h3.zoomttl:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #009b9f transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}

.align-l{
  text-align: left;
}



.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.schedulewrap table{
	width: 100%;
	border-top: 1px solid #ccc;;
	border-right: 1px solid #ccc;
}

.schedulewrap .sky{
	color: #0080c0;
}

.schedulewrap .pink{
	color: #ff6699;
}
.schedulewrap .tq{
	color:#009999;
}

.schedulewrap .navy{
	color:#0000ff;
}

.schedulewrap .cr{
	color: #ff0000;
}
.schedulewrap .red{
	color: #ff0033;
}


/*フッター*/
.footer{
  background-image: url('../images/values-bg.jpg');
  background-size: cover;
  color: #fff;
  font-size: small;
}

.nosp{display: block;}
.nopc{display: none;}

/*ZOOM
--------------------------------------------------*/



/* Smaller than 768 */
@media (max-width: 768px) {
	body{ font-size:1.0em; }
	.section.header img{
		width:100%;
	}

	.section img.responsive{
		width:100%;
	}

	h2{ font-size:1.8em !important; }

	.r-mapwrap .r-map li{
		width: 25%;
	}
.r-mapwrap .r-map-low li.btn01{
	width: 46.66666%;
}
.r-mapwrap .r-map-low li.btn02{
	width: 25%;
}
.r-mapwrap .r-map-low li.btn03{
	width: 28.33333%;
}

}

/* Smaller than 480 */
@media (max-width: 480px) {

.figure-r {
	display: block;
	float: none;
	margin: 15px auto;
	width: 70%;
}

.values .schedule td:nth-of-type(1){
	width: 4em;
}

.f-container {
	display:flex;
	flex-flow: row wrap;
	align-items: center;
}
.f-item{ padding:0.5rem;}

.section h2{
	font-size: 1.6rem !important;
}

.section.support h2 {
	    padding: 2rem 0.5rem;
}

.plan table td,.plan table th{
	padding: 0.5rem;
}

.morevoice{
	display: inline-block;
	font-size: 1.1em;
}
.schedulewrap  td{
	font-size: 0.5em;
	padding: 3px;
	margin: 0;
}

.schedulewrap tr > td:first-child{
	font-size: 0.5em;
	padding: 3px;
	margin: 0;

	white-space: nowrap;
}
.venue h3,h3.zoomttl{
	font-size: 1.2rem;
}
.pdf-f p{
	background-position: left 10px;
}
.nosp{display: none;}
.nopc{display: block;}
}

/* Bigger than 1000 */
@media (min-width: 1000px) {

}