@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;

  line-height:1.6;

}



h4 {

	font-size: 1.4rem !important;

  font-weight: bold;

}



h5 {

	font-size: 1.3rem !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;

}

.img-float-l {

  float: left;

  margin-right: 1em;

}



.container {

  padding: 0;

}



/* Margin

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.mb2rem, .mb-2 {

  margin-bottom: 2rem !important;

}



.mb30 {

  margin-bottom: 30px;

}



.mb50 {

  margin-bottom: 50px;

}



.pt30 {

  padding-top: 30px;

}



.pt-1 {

  padding-top: 1em;

}



.pt10 {

  padding-top: 10px;

}



.mb20 {

  margin-bottom: 20px;

}



.pb-1 {

  padding-bottom: 1em;

}



.m0 img {

  margin: 0;

  padding: 0;

  vertical-align: bottom;

}



.mt30 {

  margin-top: 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;

/*  background: #002D32;*/

  background: #002430;

}



.section.hero .container {

  padding: 0 !important;

}



.hero img {

  position: relative;

  max-width: 100%;

  margin: 0 auto;

  vertical-align: bottom;

}



/*見出し

--------------------------------------------------*/

.midashiwrap {

  background: #013141;

  text-align: center;

  padding: 20px 10px;

  box-shadow: 0px 0px 4px 3px #ccc;

}



.midashiwrap.structure {

  background: #CEF4F7;

  background-image: linear-gradient(to bottom, #CEF4F7 0%, #C0F1F5 100%);

  text-align: center;

  box-shadow: none;

  border: 1px solid #1d6f7b;

  box-shadow: 0px 0px 4px 3px #ccc;

}



.midashiwrap .midashi {

  color: #fff;

  font-size: 40px;

  font-weight: bold;

  text-shadow: 3px 0 4px rgba(0, 0, 0, 0.3);

  line-height:1.2;

}



.midashiwrap.structure .midashi {

  color: #1d6f7b;

}



.midashiwrap .midashi span {

  font-size: 30px;

}



.midashiwrap.obi {

/*  background: url(../core_img/midashi_bg.png) no-repeat center top;*/

	/*background:linear-gradient(90deg, #1d6f7b, #378ea1 , #1d6f7b);*/

  background: #013141;

  text-align: center;

  padding: 50px 10px;

  box-shadow: 0px 0px 4px 3px #ccc;

}



.midashiwrap.obi2 {

/*  background: url(../core_img/midashi_bg.png) no-repeat center top;*/

	/*background:linear-gradient(90deg, #1d6f7b, #378ea1 , #1d6f7b);*/

  background: #013141;

  text-align: center;

  padding: 20px 10px;

  box-shadow: 0px 0px 4px 3px #ccc;

}



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

}



/* about

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.section.about {

  text-align: left;

}



/*受講料・各種割引プラン*/

table.waribiki {

  margin-bottom: 0;

}

img.w100 {

  max-width: 854px;

  width: 100%;

}



.cr {

  color: #e00000;

}



.blue {

  color: #0053fD;

}



.tq {

  color: #368D9E;

}

.green{

  color: #009933;

}



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

}



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

}



.img2s {

	margin-top:30px;

}

.img2s img {

	margin:5px 3px;

	max-width:48%;

}



.imgdiv {

	display: flex;

    flex-direction: row;

    justify-content: space-between;

    width: 100%;

}

.imgdiv .item {

	width: 49%;

}

.imgdiv .item img {

	margin:5px 0;

	max-width:100%;

}



.div2s {

	margin-top:30px;

	display:flex;

	padding:0 10px;

}

.div2s div {

	margin:5px 10px;

	max-width:calc(50% - 7px);

	flex:1;

	font-size:16px;

}

.div2s div img {

	margin:5px 0;

	display:block;

}



@media (max-width: 480px) {

	.div2s {

		display:block;

	}

	.div2s div {

		margin:5px 0px;

		max-width:100%;

	}

	.img2s img {

		margin:5px 3px;

		max-width:100%;

	}

	.imgdiv {

		display: flex;

	    flex-direction: column;

	    justify-content: space-between;

	    width: 100%;

	}

	.imgdiv .item {

		margin:0px;

		width:100%;

	}

}



dl.list1 {

	padding:0 30px;

}

dl.list1 dt {

	font-weight:bold;

	font-size:20px;

	margin-top:2px;

}

dl.list1 dt span {

	font-weight:normal;

	font-size:16px;

}

dl.list1 dd {

	font-size:16px;

	line-height:2.25;

	margin-inline-start: 0px;

}



div.list2 {

	margin-top:20px;

	padding:0 30px;

}

div.list2 div {

	width:50%;

	display:inline-block;

	float:left;

}

div.list2 div h4 {

	font-weight:bold;

	font-size:20px;

	margin:4px 0 0 0 ;

}

div.list2 div p {

	font-size:16px;

	line-height:2.25;

	margin:0;

}

@media (max-width: 960px) {

	div.list2 div {

		float:none;

		width:100%;

	}

}



span.plus {

	font-size:48px;

	font-weight:bold;

	color:#666666;

}



.midashiGreen {

	background:linear-gradient(90deg, #1d6f7b, #378ea1, #1d6f7b);

}



.midashiBlue {

	background:linear-gradient(90deg, #002150, #264d95 , #002150);

}



.midashiPurple {

	background:linear-gradient(90deg, #6c35c0, #8f59e0 , #6c35c0);

}



.w746 {

	max-width:746px;

	margin:0 auto;

}



div.none {clear: both;}

div.none hr {display: none;}



p.kome {

	padding-left:1em;

	margin-bottom:1em;

	text-indent: -1em;

}



h3.line {

	border-top:1px solid rgb(1, 49, 65);

	border-bottom:1px solid rgb(1, 49, 65);

	text-align:center;

	font-size:28px;

	padding:0.5em 0;

	color:#013141;

	font-weight:bold;

	margin-top:24px;

}



table.kakaku {

	font-weight:bold;

}

table.kakaku span{

	font-weight:normal;

}

table.kakaku th, table.kakaku td {

    padding: 5px 5px;

    text-align: left;

    border-bottom: none;

}



table.schList {

	font-weight:bold;

}

table.schList span{

	font-weight:normal;

}

table.schList th, table.schList td {

    padding: 5px 5px;

    text-align: left;

    border-bottom: none;

}



@media (max-width: 960px) {

	table.kakaku dd {



	}

}



p.mb0 {

	margin-bottom:0;

}

p.ml2 {

	margin-left:1em;

}



h4.waribiki {

	font-size:20px;

	font-weight:bold;

	margin-top:1em;

	margin-bottom:14px;

}

h4.waribiki1 {

	color:#000099;

}

h4.waribiki2 {

	color:#990099;

}





dl.schList {

	font-weight:bold;

}

dl.schList dt {

	margin-top:1em;

}

dl.schList dd {

	padding-left:12em;

	margin-top:-1.6em;

	vertical-align:top;

}



table.schTable {

	width: 100%;

	border-top: 1px solid #333;

	border-right: 1px solid #333;

}

table.schTable th {

	color: #fff;

	font-weight: normal;

	background: #4472c4;

	text-align: center;

	padding: 5px;

	font-size: 0.875em;

	border-left: 1px solid #333;

}

table.schTable td {

	text-align: center;

	padding: 5px;

	font-size: 0.875em;

	border-left: 1px solid #333;

	border-bottom: 1px solid #333;

}







/*チェックリスト

----------------------------------------*/

.f30 {

  font-size: 30px;

}



.f24 {

  font-size: 24px;

}



.f20 {

  font-size: 20px;

}



.f18 {

  font-size: 18px;

}



.f16 {

  font-size: 16px;

}



.f14 {

  font-size: 0.85em

}



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

}





/*受講者の声（体験談）

----------------------------------------*/



/*voice*/

.voicewrap{

  text-align: left;

}



.voicewrap .voice{

  /*border: 1px solid #ccc;

  padding: 20px;*/



}



.voicewrap .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{

  position: absolute;

  content: '';

  top: 100%;

  left: 30px;

  border: 15px solid transparent;

  border-top: 15px solid #e0edff;

  width: 0;

  height: 0;

}



.voicewrap .voice .title .sub-copy{

    font-weight: bold;

    color: #0000ff;

    font-size:1.3em;

}



.voicewrap .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{

  background: url(../images/bg-note01.png) bottom;

  line-height: 36px;

  overflow: hidden;

  margin-bottom:0;

}



.structure-box{

	display: flex;

	margin-bottom: 40px;

}



.structure-box .link-btn{

	width: 33%;

	text-align: center;

	background: #20ABB3;

	color: #fff;

	margin: 10px;

	padding: 2em 1em;

	font-size: 1.1em;

	font-weight: bold;

	border-radius: 1em;

}



.structure-box .link-btn:hover{

	background: #1E9DA4;

	color: #ff0;

}



.structure-box .link-btn a{

	color: #fff;

}



@media (max-width: 568px) {

	.structure-box .link-btn{

		margin: 5px;

		padding: 1em 0.5em;

		font-size: 1.1em;

		border-radius: 1em;

	}

}



/*フッター*/

.footer {

  background-image: url('../core_img/values-bg.jpg');

  background-size: cover;

  color: #fff;

  font-size: small;

}

/*メール申し込み

----------------------------------------*/

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

}



.waku{

  border: 1px solid #013141;

  padding: 1.5em;

}



/*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 10px;

  }



  .section.header img {

    width: 100%;

  }



  .section img.responsive {

    width: 100%;

  }



  h2 {

    font-size: 1.6em !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 ,

  .img-float-l {

    float: none;

    margin-left: auto;

    margin-right: auto;

    display: block;

    text-align: center;

  }



	dl.list1 {

	    padding: 0 10px;

	}

	div.list2 {

	    padding: 0 10px;

	}

	.waku {

	    padding: 0.5em;

	}



}



@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.3rem !important;

    text-align: left !important;

  }

  .midashiwrap .midashi {

    font-size: 24px;

  }

	.midashiwrap .midashi span {

	    font-size: 20px;

	}

  

  h3.line {

    font-size: 20px !important;

  }



  h4 {

    font-size: 18px !important;

  }

  h5 {

    font-size: 18px !important;

  }



	dl.list1 dt {

	    font-weight: bold;

	    font-size: 16px;

	    margin-top: 2px;

	}



	div.list2 div h4 {

		font-weight:bold;

		font-size:16px !important;

		margin:4px 0 0 0 ;

	}



	table.kakaku th {

		width:50%;

	}



	table.schList th, table.schList td {

		display:block;

		width: 100%;

	}



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

  }

  

	.f30 {

    font-size: 1.3em;

  }



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

}