@charset "utf-8";

a:hover, a:hover img {
	opacity: 0.7;
}
#wrapper .lp_img:before{
	position: absolute;
	bottom: 15px;
	left: 15px;
	z-index: 10;
	content: url("https://d32sw8gozyguks.cloudfront.net/resource/20160616/icon_scale.png");
}
#wrapper .lp_img01:before{
	position: absolute;
	bottom: 90px;
	left: 15px;
	z-index: 10;
	content: url("https://d32sw8gozyguks.cloudfront.net/resource/20160616/icon_scale.png");
}
#wrapper .lp_img02:before{
	position: absolute;
	bottom: -6px;
	left: 15px;
	z-index: 10;
	content: url("https://d32sw8gozyguks.cloudfront.net/resource/20160616/icon_scale.png");
}
table th{
		padding: 1%;
		border-right: none;
		border-bottom: none;
		background: none;
}
td.test_right{
	text-align: right;
}
td.test_ri{
	text-align: right;
}
td.test_right .RE{
	margin-right: 30px;
}
td.test_ri .RE{
	margin-right: 16px;
}
table td{
	border-right: none;
	border-bottom: none;
}
#wrapper table th{
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		font-size: 12px;
}
img {
	max-width: 100%;
	height: auto;
}
#contentInner {
		width: auto !important;
		margin: 0 auto;
		position: relative;
		padding: 0 !important;
}

.w900{
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
#fil{
		display: none;
}

.products .l_maker{
	padding: 5px 20px;
	text-align: center;
	border-radius: 20px;
	color: #FFF;
	margin-top: 0px;
	line-height: 1.2;
	display: inline-block;
	font-size: 14px;
}
table {
	width: auto;
	min-width: 80%;
	font-size: 88%;
}
table.td3{
	width:70%;
}
table td.w10{
	width:10%;
	text-align: center;
}
table td.w20{
	width:20%;
	text-align: center;
}
table.td2{
	width:60%;
}
table td.w30{
	width:30%;
	text-align: center;
}
table td.w40{
	width:40%;
}
table td.w45{
	width:45%;
	text-align: center;
}
.products table td{
	padding: 7px;
	font-size: 12px;
	line-height: 1.4em;
}
.products .catch{
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 1.2em;
}
span.fl_lef{
	float:right;
	margin-right: 30px;
}
strong.RE{
	color:#FF0000;
	font-size: 18px;
}
small{
	font-size: 80% !important;
}
small.RE{
	color: #FF0000;
}

.tb_width{
	width: 18%;
}
table td{
	vertical-align: middle;
	line-height: 1.5em;
	padding: 3px 0;
}
.products .lp_dot{
	margin:100px auto;
}
table td.cen{
	text-align: center;
	padding: 10px 0;
}

.lp_dot img{
	padding: 60px 0 20px 0;
}
.pdf {
	text-align: center;
}
.mt150{
	margin-top: 150px;
}

.tx-right {
text-align: right !important;
}
.tx-left {
text-align: left !important;
}
.tx-center {
text-align: center;
}

.lp_img{border-radius: 15px;}

.various {
	display: block;
}
.song:before {
	content: none !important;
}

.lp_dot img{display: block;margin: auto;}

.title {
	display: block;
	margin: auto;
	padding-bottom: 5px;
}

span.sub_title {
	font-size: 28px;
	text-align: center;
	margin-bottom: 40px;
	font-weight: bold;
}

.small_table th,.small_table td {
	font-size: 12px;
}

section.products.bt{
	padding-bottom: 1px;
	background-color: #dff2fc;
}

img.positon_right{
	width: 4%;
	position: absolute;
	top: 1266px;
	right: 414px;
}
img.positon_left{
	width: 4%;
	position: absolute;
	top: 1266px;
	left: 403px;
}
p.contents span{
	position: relative;
}

.bg_img{
	background:url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20180129/top_bg.png);
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	position: relative;
}
div#wrapper{
	background-color: #7dcef4;
}
table th.tb_bottom{
	border-bottom: 1px solid black;
}
table th.tb_top{
	border-top: 1px solid black;
}
table td.tb_bottom{
	border-bottom: 1px solid black;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
.tb_right{
	border-right: 1px solid black;
}
table.td4{
	width:100%;
}

.txt_center{
	margin:0 auto;
	display: block;
}

/*20170130新入園オススメ特集*/
.products{
	padding:30px 0 30px;
}
section.products_01{
	background-color: #dff2fc;
	padding-bottom: 10px;
}
section.products_02{
	background-color: #fceacc;
	padding-bottom: 10px;
}
section.products_03{
	background-color: #f8f2e4;
	padding-bottom: 10px;
}
section.products_04{
	background-color: #f7e2f1;
	padding-bottom: 10px;
}
section.products_05{
	background-color: #e1f1e6;
	padding-bottom: 10px;
}
h3{
	font-size:20px;
    padding: 25px 0;
    font-weight:bold;
    letter-spacing: 0.5px;
}
.products_01 h3{
	color: #00468c;
}
.products_02 h3{
	color: #ec6c00;
}
.products_03 h3{
	color: #f29801;
}
.products_04 h3{
	color: #e4007f;
}
.products_05 h3{
	color: #009944;
}

tr{
	padding: 3px 0;
}

.blue{
	font-weight: bold;
	color: blue;
}

/* 校歌でダンス */
p,
a,
span,
h2,
h3,
h4 {
  font-family: 'Noto Sans Japanese', sans-serif; }

.main {
  width: 100%; }

.mainVisual {
  width: 100%;
  height: 360px;
  background: #c6dcf2; }
  .mainVisual-container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20181221/mainvisual_bg.png) no-repeat;
    background-position: 20%;
    background-size: cover; }
  .mainVisual__text {
    display: block;
    width: 318px;
    margin: 0 auto;
    padding-top: 4px; }
  .mainVisual__title {
    width: 744px;
    margin: 0 auto 0;
    padding-top: 30px; }
    .mainVisual__title img {
      width: 100%; }

.contents {
  position: relative;
  padding-bottom: 140px;
  background-color: #eef4fb; }
  .contents:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20181221/point_bg.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 636px;
    z-index: 0;
    background-position: center;
    }
  .contents .container {
    width: 100%;
    margin: 0 auto; }
  .contents .mainText {
    text-align: center;
    padding: 71px 0 0;
    font-size: 18px;
    line-height: 32.4px;
    font-weight: bold; }
  .contents .subText {
    margin-top: 26px;
    text-align: center;
    font-size: 17px;
    line-height: 30.6px; }
  .contents .point {
    margin-top: 61px;
    position: relative;
    z-index: 10;
    width: 100%;
    height: 358px; }
    .contents .point-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      width: 930px;
      margin: 0 auto; }
      .contents .point-container .circleBox-1 {
        position: relative;
        width: 268px;
        height: 268px;
        border-radius: 134px;
        background-color: #fff;
        border: 5px solid #006bb5;
        margin-left: 6px; }
        .contents .point-container .circleBox-1:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          background: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20181221/point_note_1.png) no-repeat;
          background-size: cover;
          width: 100%;
          height: 268px;
          z-index: 0; }
        .contents .point-container .circleBox-1__point {
          position: absolute;
          top: -25px;
          left: -10px;
          z-index: 10; }
        .contents .point-container .circleBox-1__title {
          position: absolute;
          top: 11px;
          left: -15px;
          width: 285px; }
        .contents .point-container .circleBox-1__text {
          padding-top: 111px;
          text-align: center;
          font-size: 14px;
          line-height: 28px; }
      .contents .point-container .circleBox-2 {
        position: relative;
        width: 268px;
        height: 268px;
        border-radius: 134px;
        background-color: #fff;
        border: 5px solid #e95499;
        margin-left: 6px; }
        .contents .point-container .circleBox-2:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          background: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20181221/point_note_2.png) no-repeat;
          background-size: cover;
          width: 100%;
          height: 268px;
          z-index: 0; }
        .contents .point-container .circleBox-2__point {
          position: absolute;
          top: -25px;
          left: -10px;
          z-index: 10; }
        .contents .point-container .circleBox-2__title {
          position: absolute;
          top: 11px;
          left: -15px;
          width: 285px; }
        .contents .point-container .circleBox-2__text {
          padding-top: 111px;
          text-align: center;
          font-size: 14px;
          line-height: 28px; }
      .contents .point-container .circleBox-3 {
        position: relative;
        width: 268px;
        height: 268px;
        border-radius: 134px;
        background-color: #fff;
        border: 5px solid #aacd06;
        margin-left: 6px; }
        .contents .point-container .circleBox-3:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          background: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20181221/point_note_3.png) no-repeat;
          background-size: cover;
          width: 100%;
          height: 268px;
          z-index: 0; }
        .contents .point-container .circleBox-3__point {
          position: absolute;
          top: -25px;
          left: -10px;
          z-index: 10; }
        .contents .point-container .circleBox-3__title {
          position: absolute;
          top: 11px;
          left: -15px;
          width: 285px; }
        .contents .point-container .circleBox-3__text {
          padding-top: 111px;
          text-align: center;
          font-size: 14px;
          line-height: 28px; }
  .contents .movie {
    position: relative;
    background: #fff;
    padding-bottom: 49px; }
    .contents .movie:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      background: url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20181221/movie_bg.jpg) no-repeat;
      background-size: cover;
      width: 100%;
      height: 968px;
      z-index: 0; }
    .contents .movie-container {
      position: relative;
      z-index: 10;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      width: 930px;
      margin: 0 auto;
      padding-top: 98px; }
    .contents .movie .movieBox {
      padding-bottom: 54px;
      width: 280px;
      -webkit-flex-shrink: 1;
          -ms-flex-negative: 1;
              flex-shrink: 1; }
      .contents .movie .movieBox a {
        color: #000;
        text-decoration: none; }
      .contents .movie .movieBox img {
        width: 280px;
        height: 210px; }
      .contents .movie .movieBox__text {
        font-size: 14px;
        padding-top: 12px;
        text-align: center; }
  .contents .period {
    margin-top: 149px; }
    .contents .period h3 {
      width: 220px;
      height: 55px;
      background-color: #479dd0;
      border-radius: 15px 15px 0 0;
      padding: 0;
      text-align: center;
      padding-top: 16px;
      color: #fff;
      margin: -56px 0 0 36px;
      }
    .contents .period-container {
      position: relative;
      z-index: 10;
      width: 920px;
      height: 300px;
      margin: 0 auto;
      padding-top: 0;
      border: #479dd0 5px solid;
      border-radius: 15px;
      background-color: #fff; }
    .contents .period .periodBox {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 20px 30px 15px 16px;
      }
      .contents .period .periodBox__left {
        width: 211px; }
        .contents .period .periodBox__left-text {
          font-size: 12px;
          line-height: 21px;
          margin: 13px 0 0 7px; }
          .contents .period .periodBox__left-text span {
            display: block;
            font-weight: bold;
            font-size: 16px;
            color: #479dd0;
            margin-bottom: 6px; }
      .contents .period .periodBox__right {
        width: 649px; }
        .contents .period .periodBox__right-box {
          height: 55px;
          clear: both;
          margin-bottom: 10px; }
        .contents .period .periodBox__right .course {
          float: left;
          width: 300px;
          height: 55px;
          margin-right: 10px; }
        .contents .period .periodBox__right .course-text {
          padding: 18px 0 0 0;
          letter-spacing: -1px; }
  .contents .price {
    margin-top: 121px; }
    .contents .price h3 {
      width: 220px;
      height: 55px;
      background-color: #479dd0;
      border-radius: 15px 15px 0 0;
      padding: 0;
      text-align: center;
      padding-top: 16px;
      color: #fff;
      margin: -56px 0 0 36px;
      }
      .contents .price h3 span {
        font-size: 15px; }
    .contents .price-container {
      position: relative;
      z-index: 10;
      width: 920px;
      height: 290px;
      margin: 0 auto;
      padding-top: 0;
      border: #479dd0 5px solid;
      border-radius: 15px;
      background-color: #fff; }
    .contents .price .priceBox {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 22px 15px 15px 38px;
      }
      .contents .price .priceBox-head {
        position: relative;
        width: 635px; }
        .contents .price .priceBox-head::after {
          content: '';
          position: absolute;
          bottom: -8px;
          left: 0;
          border-bottom: 1px solid #000;
          width: 635px; }
      .contents .price .priceBox-text {
        font-size: 12px;
        line-height: 21px;
        margin: 17px 0 0 7px; }
        .contents .price .priceBox-text span {
          display: block;
          font-weight: bold;
          font-size: 16px;
          color: #479dd0;
          margin-bottom: 6px; }
      .contents .price .priceBox .priceBox-box:last-child {
        margin-top: 28px; }
  .contents .step {
    width: 930px;
    margin: 75px auto 0; }
    .contents .step h3 {
      padding: 0; }
    .contents .step-container {
      position: relative;
      z-index: 10;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      margin-top: 51px; }
    .contents .step .stepBox {
      position: relative;
      z-index: 10;
      width: 270px;
      height: 195px;
      padding-top: 0;
      border: #479dd0 5px solid;
      border-radius: 15px;
      background-color: #fff; }
      .contents .step .stepBox::after {
        content: '';
        position: absolute;
        z-index: 100;
        top: 50%;
        right: -32px;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 0px 15px 27px;
        border-color: transparent transparent transparent #479dd0; }
      .contents .step .stepBox__arrow {
        display: block;
        width: 671px;
        margin: 0 auto;
        text-align: center; }
      .contents .step .stepBox-step {
        position: absolute;
        top: -29px;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        left: 50%; }
      .contents .step .stepBox-head {
        padding: 31px 0 0 0;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        }
      .contents .step .stepBox-text {
        padding: 10px 20px 0;
        font-size: 15px;
        line-height: 21px;
        }
        .contents .step .stepBox-text .notes {
          font-size: 11px;
          line-height: 16px;
          padding: 0;
          margin: 0;
          }
    .contents .step .stepBox:last-child:after {
      border-style: none;
      border-width: 0; }
    .contents .step .step-container:last-child {
      margin-top: 26px; }
      .contents .step .step-container:last-child .stepBox {
        height: 250px; }
        .contents .step .step-container:last-child .stepBox:last-child {
          background-color: #f5ed81; }
          .contents .step .step-container:last-child .stepBox:last-child img {
            margin: 0 auto;
            display: block; }


/* ここまで */

@media screen and (max-width: 639px) {
	#wrapper h1 {
		background: #7dcef4;
	}
	.col-sm-12{
		width:100%;
		margin: 0;
	}
	.col-sm-6.sm{
		width:100%;
		margin: 0;
	}
	table.td4 {
	    width: 90%;
	    margin: 0 auto;
	    font-size: 10px;
	}
	strong.RE {
	    color: #FF0000;
	    font-size: 14px;
	}
	img {
	    max-width: 90%;
	    height: auto;
	    margin: 0 auto;
	}
	h3 {
	    font-size: 20px;
	    font-weight: bold;
	    letter-spacing: 0.5px;
	}
	.products_01 h3 {
	    color: #00468c;
	    background: #dff2fc;
	    text-shadow: none;
	    line-height: 1.2;
	    width: 90%;
	    margin-left: 20px;
    	margin-right: 0;
	}
	.products_02 h3 {
	    color: #00468c;
	    background: #fceacc;
	    text-shadow: none;
	    line-height: 1.2;
	    width: 90%;
	    margin-left: 20px;
    	margin-right: 0;
	}
	#wrapper .lp_img:before {
	    display: noe;
	}
}

.cv {
    text-align: center;
    margin: 60px auto 0;
    font-size: 24px;
    font-weight: bold;
}
p.cv {
    color: #479dd0;
}
.bdn:after{
	border:none;
	border-style: none!important;
}