@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 {
  clear: both;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

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

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

.img-float-r {
  float: right;
  margin-left: 1em;
}

.container {
  padding: 0;
}

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

.mb30 {
  margin-bottom: 30px;
}

.pt30 {
  padding-top: 30px;
}

.pt-1 {
  padding-top: 1em;
}

/* 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;
  background: #002D32;
}

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

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

/*見出し
--------------------------------------------------*/
.midashiwrap {
  background: url(../core_img/midashi_bg.png) no-repeat center top;
  text-align: center;
  padding: 40px 0 40px;
}

.midashiwrap .midashi {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  text-shadow: 3px 0 4px rgba(0, 0, 0, 0.3);
}
.midashiwrap .midashi a {
  color: #fff;
}
/* about
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.about {
  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;
}

/* 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%;
}

.cr {
  color: #e00000;
}

.blue {
  color: #0053fD;
}

.tq {
  color: #368D9E;
}

.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用 */
}

.pt10 {
  padding-top: 10px;
}

.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;
}

/*チェックリスト
----------------------------------------*/
.f24 {
  font-size: 24px;
}

.f20 {
  font-size: 20px;
}

.f18 {
  font-size: 18px;
}

.checkwrap {
  max-width: 870px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  background: url(../core_img/check_bg.jpg) repeat left top;
  box-sizing: border-box;
}

.checkwrap .checkinner {
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
}

.checkwrap li {
  list-style: none;
  padding-left: 40px;
  background: url(../core_img/checkm.png) no-repeat left top;
  border-bottom: 1px dotted #000;
  padding-bottom: 10px;
}

/*効果
------------------------------------------------*/
.effectwrap {
  background: url(../core_img/bg01.jpg) repeat center top;
  padding: 50px 50px 1em;
  box-sizing: border-box;
  margin-bottom: 30px;
}

.effectwrap p {
  margin-bottom: 0;
}

.effectwrap .effect {
  background: #ECFAFE;
  padding: 17px;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}

.effectwrap .effect .effectinner {
  border: double 3px #96B6C1;
  padding: 15px 20px 10px;
  box-sizing: border-box;
}

.effectwrap ul {
  list-style: none;
  color: #000837;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
  margin: 0;
}

.effectwrap ul li {
  margin-bottom: 10px;
  padding-left: 1em;
  text-indent: -1em;
  font-weight: bold;
}

.effectwrap ul ul {
  margin: 0 0 0 -1em;
  font-size: 1em;
}

/*講義
--------------------------------------------------*/
.kougiwrap {
  background: url(../core_img/bg01.jpg) repeat center top;
  padding: 50px;
  box-sizing: border-box;
  margin-bottom: 30px;
}

.kougiwrap .kougiinner {
  background: #fff;
  padding: 20px 50px;
  ;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #111;
}

.kougiwrap .title {
  background: #769FAD;
  padding: 8px 10px;
  font-size: 0;
}

.kougiwrap li {
  margin-bottom: 5px;
  padding-left: 1em;
  text-indent: -1em;
}

#naiyo h3 {
  position: relative;
  padding: 0 65px;
  text-align: center;
}

#naiyo h3:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #000;
}

#naiyo h3 span {
  position: relative;
  padding: 0 1em;
  background: #fff;
  border: 1px solid #000;
}

.koe {
	margin-top:30px;
	margin-bottom:30px;
	border:1px solid #02555B;
	padding:50px;
}
.koe h4 {
	color:#97C95A;
	font-weight:bold;
	font-size: 1.6rem;
}
.koe p {
/*	font-size:1.25em;*/
}
.koe .youtube {
	margin-top:30px;
}

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

/*価格
--------------------------------------------------*/
.pricewrap {
  /*max-width: 890px;*/
  margin-left: auto;
  margin-right: auto;
  background: url(../core_img/bg02.jpg) repeat center top;
  padding: 50px;
  box-sizing: border-box;
  margin-bottom: 30px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.pricewrap .price {
  background: #fff;
}

.pricewrap .priceinner {
  padding: 10px 20px;
  box-sizing: border-box;
}

.pricewrap h4.title1 {
  background-image: linear-gradient(#F486E7, #AB5DCD, #F486E7);
  text-align: center;
  color: #fff;
  padding: 8px 0;
  font-size: 36px;
  font-weight: bold;
}

.pricewrap h4.title2 {
  background-image: linear-gradient(#FEE11B, #FF8000, #FEE11B);
  text-align: center;
  color: #fff;
  padding: 8px 0;
  font-size: 36px;
  font-weight: bold;
}

.pricewrap h4.title3 {
  background-image: linear-gradient(#00BFFF, #0040FF, #00BFFF);
  text-align: center;
  color: #fff;
  padding: 8px 0;
  font-size: 36px;
  font-weight: bold;
}

.pricewrap h5 {
  font-size: 32px;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
  text-align: center;
  margin-bottom: 10px;
}

.pricewrap .kakaku {
  font-size: 32px;
  font-weight: bold;
  color: #e00000;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
}

.mb20 {
  margin-bottom: 20px;
}

.f14 {
  font-size: 0.85em
}

.pb-1 {
  padding-bottom: 1em;
}

/*メール申し込み
----------------------------------------*/
.moshikomiwrap {
  border: 1px solid #ccc;
  /*margin-bottom: 30px;*/
}

.moshikomiwrap .box {
  border: 1px solid #ccc;
  padding: 1em;
}

.moshikomiwrap .submidashi{
  background: #002E32;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border-radius: 0;        /* CSS3草案 */
    -webkit-border-radius: 0;    /* Safari,Google Chrome用 */
    -moz-border-radius: 0;   /* Firefox用 */ 
}

/*プロフィール
-------------------------------------------------------------*/
.mincho {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.f40 {
  font-size: 40px;
}

.bg_prof {
  /*background: url(../core_img/prof_bg.jpg) no-repeat center top;*/
  background: #2C2F34;
  margin-top: -32px;
}

.prof01 {
  padding: 60px 30px 30px 30px;
  /*width: 500px;*/
  color: #fff;
  /*font-size: 0.8em;*/
  box-sizing: border-box;
}

.bg_prof2 {
  background: url(../core_img/prof_bg2.jpg) no-repeat center top -18px;
}

.prof02 {
  padding: 40px 30px 30px 40px;
  width: 500px;
  font-size: 0.8em;
  box-sizing: border-box;
}

.onmd {
  display: none;
}

.section.profwrap h2 {
  /*background:#800040;*/
  background: #8CBA9E;
  padding: 3rem 0.5rem;
  color: #fff;
  box-sizing: border-box;
}

.w870 {
  max-width: 870px;
  margin-left: auto;
  margin-right: auto;
}

.nosp {
  display: block;
}

.nopc {
  display: none;
}
table.all-one{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;

}


table.all-one th{
	font-weight: normal;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 1em;
}

table.all-one td{
	text-align: right;
	padding: 1em;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

table.all-one .ikkatsu{
  background: #FBDAC8;
}

table.all-one .bg_y{
  background: #F5F5DC;
}

/*ZOOM
--------------------------------------------------*/
#dvd img,#all-one img {
  display: block;
  margin: 0 auto;
  vertical-align: bottom;
  padding: 0;
	font-size: 0;
}

/* Smaller than 768 */
@media (max-width: 768px) {
  body {
    font-size: 1.0em;
  }

  .container {
    padding: 0 5px;
  }

  .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%;
  }

  .mdplr20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .moshikomiwrap {
    padding-left: 10px;
    padding-right: 10px;
  }

	.f24 {
	  font-size: 22px;
	}

	.f20 {
	  font-size: 18px;
	}

  .img-float-r {
    float: none;
    margin-left: 0;
    display: block;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .onmd {
    display: block;
  }

  .nomd {
    display: none;
  }

  .midashiwrap .midashi {
    font-size: 28px;
  }
}

/* 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;
  }

  .profwrap .md-w50 {
    width: 100%;
  }

  .f24 {
    font-size: 1.1em;
  }

	.f20 {
	  font-size: 1.1em;
	}
	.f18 {
	  font-size: 1.0em;
	}
  .kougiwrap .kougiinner {
    padding: 10px;
  }

  .effectwrap, .kougiwrap, .pricewrap {
    padding: 20px;
  }

  .effectwrap .effect {
    padding: 5px;
  }

  .pricewrap h4.title1, .pricewrap h4.title2,
  .pricewrap h4.title3, .pricewrap h5 {
    font-size: 1.2em;
  }

  .pricewrap .f20 {
    font-size: 1.0em;
  }

  .mt-m1 {
    margin-top: -0.5em;
  }
	.prof01 {
	  padding: 20px 10px 10px;
	}

	.prof01 .f40 {
	  font-size: 24px;
	}
	.koe {
		padding:15px;
	}
	.koe h4 {
		font-size: 1.2rem;
	}

}



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

.l-drawer__menu {
  background-color: #002D32;
}