@charset "UTF-8";
body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴシック Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; }

a {
  color: #555555;
  text-decoration: none; }
  a:hover {
    color: #555555;
    text-decoration: none;
    text-decoration: underline; }

.cf {
  zoom: 1; }
  .cf:before {
    content: "";
    display: table; }
  .cf:after {
    content: "";
    display: table;
    clear: both; }

a:hover img.hoverimg {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )"; }

[data-ruby] {
  position: relative; }
  [data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -0.9em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.5em;
    letter-spacing: 0.2em;
    line-height: 1;
    display: block;
    text-align: center; }

@media screen and (max-width: 1005px) {
  #header {
    position: relative;
    z-index: 10000;
    width: 100%;
    height: 40px; }
    #header h1 {
      position: absolute;
      top: 9px;
      left: 9px; }
      #header h1 img {
        width: 98%;
        height: auto; }
    #header h2 {
      display: none; }
    #header .btnClose {
      position: absolute;
      top: 42px;
      right: 4px; }
	#body {
		background-image: url(../../images/bg_sp.jpg?v=1);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	#body.end {
        background:url(../../images/bg.jpg?v=1) center top no-repeat;
		background-size: 380%;
	}
  #footer {
    margin: 0px; }
    #footer ul.fNavi {
      margin: 0px 0px 5px;
      padding: 0px;
      list-style-type: none; }
      #footer ul.fNavi li {
        font-size: 12px;
        line-height: 20px;
        margin: 0px; }
        #footer ul.fNavi li a {
          display: block;
          padding: 10px 10px;
          background: #F2F2F2; }
    #footer p.copy {
      margin: 20px 0px 10px;
      text-align: center;
      font-size: 8px;
      font-family: Verdana, Geneva, sans-serif; }
  .section01 .mv {
    overflow: hidden;
    height: 276px;
	margin-bottom: 0;
		border-top: 4px solid #fff;}
    .section01 .mv ul {
      display: flex;
      flex-wrap: nowrap; }
      .section01 .mv ul li img {
        width: auto;
        height: 276px; }
  .section01 .title {
    text-align: center;
    padding-bottom: 28px;
	    padding-top: 30VW;}
    .section01 .title__main {
      padding: 40px 5% 20px; }
      .section01 .title__main img {
        width: 100%; }
    .section01 .subtitle {  
		margin: 0 auto 5VW;
		background-color: #fff100;
	}
    .section01 .subtitle img {
      width: 100%;
	}
       .section01 .title__50th {
		  position: absolute;
		   width: 47%;
    		left: 5%;
    		top: 20VW;}
       .section01 .title__50th img{
		   width:100%;}
	
.section02a .course__body,
.section02b .course__body{
	  border-bottom:#e4e4e4 15VW solid;
}
  /*ボタン*/
  .btnEntry00 {
    text-align: center;
	  width: 94%;
    margin:0 auto; }
    .btnEntry00 img {
      width: 95%;
      height: auto; }
  .course {
    /*padding-bottom: 15px;*/
	}
	.section02c{
    padding-bottom: 0px;
    margin-bottom: 0px; }
    .course__title img {
      width: 100%; }
	.course__body > p {
		padding:5px 4% 0;
		font-size:10px;
		text-align: left;
	}
    .course__head {
	}
	.course__head__wrap {
		width:92%;
		margin:0 auto;
		padding: 0px 0 24px;
	}
	.course__title {
		width:92%;
		margin:0 auto;
		padding: 5VW 0 0;
	}
        
      .course__head__detail__text h2 {
		    width: 100%;
          padding: 13px 0px 10px 4%;
          display: inline-block;
          margin-bottom: 10px;
          line-height: 1em;
    		background: url("../../images/h2_bg_sp.png") left center no-repeat;
		      background-size: 96%;
    		margin-top: 5VW;
        }
	.course__head__btn {
    		margin-top: 5VW;
	}
	.course__head__btn img{
      width: 100%; 
	}
	.course__madori{
		width:96%;
		margin:0 auto;
		padding:24px 0;
	}
      .course__head__detail {
        margin: 0px auto 12px; }
	
        .course__head__detail__title {
		}
	
          .course__head__detail__title img {
			  width:100%;
            height: auto; }
        .course__head__detail__text h2 {
          font-size: 16px;
          font-weight: 600;
          margin-bottom: 5px; 
            color:#000;
	  line-height: 1.25em;}
        .course__head__detail__text p {
          font-size: 15px;
          line-height: 1.5em; }
      .course__head__spec {
        margin: 0 auto; }
        .course__head__spec__icon {
          margin-bottom: 3px; }
          .course__head__spec__icon img {
            height: 19px; }
        .course__head__spec p {
          font-size: 10px;
          line-height: 14px; }
          .course__head__spec p.caution {
            font-size: 8px;
            line-height: 11px;
            padding-top: 4px; }
    .course__madori {
      padding-bottom: 20px; }
      .course__madori__list ul li {
        text-align: center;
        margin-bottom: 22px; }
        .course__madori__list ul li:last-child {
          margin-bottom: 32px; }
        .course__madori__list ul li img {
          width: 100%; }
      .course__madori__feature {
        text-align: center;
	    width: 94%;
    	margin:0 auto;}
        .course__madori__feature img {
          width: 94%; }
	
      .course__madori__feature ul li:nth-child(1) {
		width:98%;
		padding:0 0% 2VW 0%;}
      .course__madori__feature ul li:nth-child(2) {
		width:98%;
		padding:0 2% 0 0%;}
      .section02b .course__madori__feature ul  {
		margin-top:5VW}
      .section02c .course__madori__feature ul li:nth-child(1) {
		width:98%;
		padding:0 0% 2VW 0%;}
	
        .section02b .course__madori__list ul li:nth-child(1) {
          width:78%;
			margin:0 auto 0; }
        .section02b .course__madori__list ul li:nth-child(2) {
          width:74%;
			margin:0 auto 0; }
        .section02b .course__madori__list ul li:nth-child(3) {
          width:72%;
			margin:0 auto 32px; }
	
    .course__detail {
      	width: 100%;
      	padding: 0VW 0;
      	margin: 0 auto; }
	
    .section02c .course__detail {
		background: #fff;
	}
    .section02c .course__detail {
	}
    .section02c .course__detail ul li {
	}
    .section02c .course__detail ul li:last-child {
		border-bottom:0;
	}
    .section02a .course__detail ul li:nth-child(2) {
		position: relative;
	}
    .section02a .course__detail ul li:nth-child(2) > a {
		position: absolute;
		right: 4%;
        top: 13VW;
        width: 34%;
	}
	
    .course__detail ul {
		width: 92%;
    	margin:0 5% 0 3%;
		padding-top:3VW;
	}
    .course__detail ul li {
      	width: 100%;
		margin:0 0px 3VW 0;
      	padding: 0px 0;
	}
    .course__detail ul li img {
      	width: 100%;
		height:auto;
	}
        .section02c .course__detail__wrap  {}
        .section02c .course__detail__wrap li {}
        
    .course__extra {
      padding: 5px 10px 50px; }
      .course__extra p {
        text-align: right;
        font-size: 10px;
        line-height: 15px; }
	
  .section05 {
    width: 100%;
    padding: 5px 0 25px;
    background-color: #e4e4e4;}
    .section05 .btnEntry00 {
      padding: 0 0 30px;
      margin: 0 auto; }
  .section06 {
    width: 100%;
    padding: 0px 0;
    background-color: #e4e4e4; }
  .section07 {
    padding: 50px 0;
    background-color: #e4e4e4; }
  p.note {
    width: 96%;
    margin: 30px auto -20px;
    font-size: 10px;
    line-height: 14px;
    text-align: left;
    padding: 5px 2%; }
  .note .btnEntry00 {
    padding: 40px 0 80px;
    margin: 0; }
  .clm05 {
    width: 96%;
    height: auto;
    margin: 0px auto 30px;
    padding-top: 20px;
    border: 3px solid #e7336e;
    background-color: #f6f6f6; }
    .clm05 img {
      width: 90%;
      height: auto;
      margin-bottom: 10px; }
    .clm05 .img01 {
      display: block;
      margin-top: -35px; }
    .clm05 .img02 {
      display: block; }
    .clm05 .img03 {
      display: none; }
    .clm05 .img04 {
      display: block;
      width: 96%;
      font-size: 12px;
      line-height: 18px;
      padding: 0 3% 3%; }
    .clm05 .img05 {
      display: block;
      width: 96%;
      font-size: 10px;
      line-height: 15px;
      padding: 0 3% 3%; }
      .clm05 .img05 b {
        font-size: 11px;
        display: block; }
  .clmApplication00 {
    width: 96%;
    padding: 0 2%;
    margin: 0 auto 0px; }
    .clmApplication00 h4 {
      margin-bottom: 6px;
      padding: 0px 5px;
      font-size: 14px;
      color: #fff;
      background-color: #112771;
      line-height: 36px;
      letter-spacing: 1px; }
    .clmApplication00 p {
      font-size: 12px;
      line-height: 18px;
      padding: 0px 5px; }
  ul.btnBodyBottom00 {
    list-style-type: none;
    text-align: right;
    line-height: 1px;
    margin-top: 0px; }
    ul.btnBodyBottom00 li a {
      display: block;
      padding: 10px 10px;
      background: #feab1a;
      height: 24px;
      text-align: left;
      border-bottom: 1px solid #FFF; }
  #end_area {
    width: 100%;
    height: auto;
	  background-color: rgba(255,255,255,0.85);
    margin-bottom: 20px;
    padding-bottom: 15px; }
  #end_text_01 {
    height: auto;
    width: 100%;
    text-align: center;
    margin: 0px 0 30px;
    padding: 5px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em;
    color: #000;
    background-color: #fff100; }
  .end_text_02 {
    text-align: center;
    font-size: 13px;
    line-height: 1.3em;
    color: #000;
    height: auto;
    width: auto;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 8px; }
  #tousen_header {
    background-color: #da0000;
    padding: 6px;
    color: #FFF;
    font-size: 26px;
    text-align: center;
    margin: 0px 0 10px; }
  #tousen_text {
    text-align: center;
    margin: 30px 0;
    line-height: 2em; }
  #tousen_ex {
    width: 90%;
    font-size: 14px;
    margin: 5px auto 0px; }
  .tousen_name {
    font-size: 26px;
    font-weight: bold;
    line-height: 28px; }
  .pc,
  .tb {
    display: none; } }

@media only screen and (max-width: 330px) {
  .course__head__detail__title {
    margin-bottom: 15px; } }

@media only screen and (min-width: 1006px) {
  #header .inner {
    position: relative;
    width: 960px;
    margin: 0 auto;
    height: 40px; }
  #header h1 {
    position: absolute;
    top: 7px;
    left: 0px; }
  #header h2 {
    position: absolute;
    top: 7px;
    right: 0px; }
  #header .btnClose {
    position: absolute;
    top: 38px;
    right: 0px; }
	#body {
        background:url(../../images/bg.jpg?v=1) center top no-repeat;
	}
  #footer {
    padding-top: 10px;
    background-color: #fff;
    margin-bottom: -20px; }
    #footer .inner {
      position: relative;
      margin: 0px auto;
      width: 960px;
      height: 48px;
      background-color: #fff; }
    #footer ul.fNavi {
      position: absolute;
      left: 0px;
      top: 17px;
      margin: 0px;
      padding: 0px;
      list-style-type: none; }
      #footer ul.fNavi li {
        display: inline;
        font-size: 10px; }
    #footer p.copy {
      position: absolute;
      right: 0px;
      top: 17px;
      font-size: 10px;
      font-family: Verdana, Geneva, sans-serif;
      text-align: right; }
  .section01 {
    width: 100%;
    height: auto;
    margin: 0 0 0px 0;
	  padding-top: 70px; }
    .section01 .mv {
      overflow: hidden;
      height: 380px;
		border-top: 1px solid #fff;}
      .section01 .mv ul {
        display: flex;
        flex-wrap: nowrap; }
    .section01 .title {
      text-align: center;
      width: 100%;
      margin:0 auto ; 
      padding:30px 0 0px; 
	height: 585px;
	}
    .end .section01 .title {
		height: 700px;
	}
      .section01 .title {
		  position: relative;
        padding: 30px 0 10px; }
      .end .section01 .title__main {
        padding: 0px 0 40px; }
       .section01 .title__50th {
		  position: absolute;
		   width:290px;
		  left:0px;
		  top:-8px;}
       .section01 .title__50th img{
		   width:100%;}
    .section01 .subtitle {
      text-align: center;
      min-width: 960px;
		margin: 0px auto 0px;
		background-color: #fff100;
	}
  .btnEntry00 {
    text-align: center; }
    .btnEntry00.last {
      margin-top: 0;
      padding: 0; }
  .course {
    padding: 0px 0 50px;
    background-color: #e4e4e4; }
  .section02c {
    padding-bottom: 0px; }
	
	.course__body {
      width: 1006px;
      margin: 0 auto; 
	}
	.course__body > p {
		padding:5px 25px 0;
		font-size:12px;
		text-align: right;
	}
	
    .course__head {
      width: 1006px;
      margin: 0 auto; 
		padding-top: 18px;}
      .course__head__wrap {
      	width: 956px;
		margin:0 auto;
        padding: 350px 25px 40px; }
      .section02a .course__head__wrap {
    	background: url("../../images/01_pct.png") center top no-repeat;  }
      .section02b .course__head__wrap {
    	background: url("../../images/02_pct.png") center top no-repeat;  }
      .section02c .course__head__wrap {
    	background: url("../../images/03_pct.png") center top no-repeat;
        padding-bottom: 70px;  }
      .course__head__detail {
        margin-bottom: 10px; }
        .course__head__detail__title {
          	width:956px;
			margin: 0px auto 0;
		}
        .section02a .course__head__detail__title {
    		background: url("../../images/01_title_bg.png") left center no-repeat;
		}
        .section02b .course__head__detail__title {
    		background: url("../../images/02_title_bg.png") left center no-repeat;
		}
        .section02c .course__head__detail__title {
    		background: url("../../images/03_title_bg.png") left center no-repeat;
		}
        .course__head__detail__text {
          width: 100%;}
          .course__head__detail__text h2 {
            font-size: 24px;
            line-height: 1.5;
            font-weight: 600;}
          .course__head__detail__text p {
            font-size: 16px;
            line-height: 1.5em;
            margin-bottom: 8px; }
        .section02a .course__head__wrap,
        .section02c .course__head__wrap {
          	position: relative;
			height:107px;
		}
        .section02a .course__head__wrap .course__head__btn,
        .section02c .course__head__wrap .course__head__btn {
          	position: absolute;
			top:350px;
			right:24px;
		}
	
      .course__head__spec {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .course__head__spec__icon {
          width: 115px; }
        .course__head__spec__text {
          width: 906px; }
          .course__head__spec__text p {
            font-size: 14px;
            line-height: 1.3; }
            .course__head__spec__text p.caution {
              font-size: 10px;
              line-height: 1.6;
              padding-top: 2px; }
    .course__madori {
      width: 1006px;
      margin: 0 auto 0px; 
		padding-bottom:20px;}
      .course__madori__list {
        text-align: center; 
		width:906px;
		margin:0 auto 50px; }
      .section02b .course__madori__list {
		width: 956px;
		margin-bottom: 40px; }
        .course__madori__list ul li {
          display: inline-block; 
        float:left;}
      .course__madori__feature {
        text-align: center; 
		width:956px;
		margin:0 auto;}
      .course__madori__feature ul li {
        float:left;
		width:49%;
		margin-right: 2%;}
	  .course__madori__feature ul li:nth-child(2) {
        margin-right: 0%;}
    .course__detail {
		margin:0 auto;
      	padding: 0px 0;
		background: #fff;
	}
    .section02a .course__detail {
      	width: 1002px;
		background: #fff;
	}
    .section02a .course__detail ul li:nth-child(2) {
		position: relative;
	}
    .section02a .course__detail ul li:nth-child(2) > a {
		position: absolute;
		right:18px;
		top:66px;
	}
    .section02b .course__detail {
      	width: 1002px;
		background: #fff;
	}
    .section02b .course__detail ul{
	}
    .section02c .course__detail {
      	width: 952px!important;
	}
    .section02c .course__detail ul{
	}
    .section02b .course__detail ul li {
		margin-top: 10px!important;
	}
    .section02b .course__detail ul li:nth-child(n+3) {
		margin-top: 20px!important;
	}
    .course__detail ul {
      	width: 956px;
		margin:0 auto 0;
		padding-top:0px;
	}
    .course__detail ul li {
		float:left;
      	width: 465px;
		margin:0 26px 0px 0;
      	padding: 0px 0;
	}
    .course__detail ul li:nth-child(2n) {
		margin-right:0;
		margin-bottom:0;
	}
    .course__detail ul li:nth-child(n+3) {
		padding-top: 3px;
	}
    .section02a .course__detail ul li img {
      	width: 100%;
		height:auto;
	}
    .section02b .course__detail ul li img {
      	width: 100%;
		height:auto;
	}
    .section02c .course__detail ul li img {
      	width: 100%;
		height:auto;
	}
	
	
        .section02c .course__detail  {
			width: 956px;
			padding: 25px 25px 0;}
        .section02c .course__detail__wrap  {
			padding-bottom:0px;}
        .section02c .course__detail__wrap li {
    		float:none;
			width:100%;}
        
      .course__head__detail__text h2 {
		    width: 100%;
          padding: 15px 0px 10px 25px;
          display: inline-block;
          margin-bottom: 10px;
          line-height: 1em;
    		background: url("../../images/h2_bg.png") left center no-repeat;
        }
	
    .course__extra {
	}
      .course__extra__wrap {
        width: 1000px;
        margin: 0 auto 50px;
        padding-top: 2px; }
      .course__extra p {
        text-align: right;
        font-size: 11px;
        line-height: 15px; }
  .section02a {
	padding-top:25px!important;}
    .section02a .course__madori__list ul li:nth-of-type(1) {
      margin-right:0px; }
    .section02b .course__madori__list ul li:nth-of-type(1) {
      margin-right: 0px; }
    .section02b .course__madori__list ul li:nth-of-type(2) {
      margin-right: 0; }
    .section02b .course__madori__list ul li:nth-of-type(2) {
      padding-right: 0px; }
  .section05 {
    width: 100%;
    padding: 5px 0 25px;
    background-color: #e4e4e4;}
    .section05 .btnEntry00 {
      padding: 5px 0 47px;
      margin: 0; }
  p.note {
    width: 956px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    padding-top: 5px; }
  .note .btnEntry00 {
    padding: 40px 0 90px;
    margin: 0; }
  .section06 {
    width: 100%;
    padding: 25px 0;
    background-color: #e4e4e4; }
  .section07 {
    padding: 25px 0 50px;
	background-color: #e4e4e4;}
  /* 申込要項 */
  .clmApplication00 {
    width: 906px;
    margin: 0px auto 0px;
    padding: 25px;
    background-color: #fff; }
    .clmApplication00 h4 {
      margin-bottom: 6px;
      padding: 0px 14px;
      font-size: 14px;
      color: #fff;
      background-color: #112771;
      line-height: 36px;
      letter-spacing: 1px; }
    .clmApplication00 p {
      font-size: 14px;
      line-height: 22px; }
  ul.btnBodyBottom00 {
    list-style-type: none;
    text-align: right;
    line-height: 1px;
    width: 960px;
    margin:0 auto;
    padding: 75px auto 10px;
    background-color: #fff; }
    ul.btnBodyBottom00 li {
      display: inline-block;
      width: 200px;
      padding-left: 10px; }
      ul.btnBodyBottom00 li a {
        display: block;
        padding: 0px 16px;
        background: #feab1a;
        height: 24px;
        text-align: left;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px; }
  #end_area {
    width: 894px;
    height: auto;
    background-color: #FFF;
    margin: 20px auto 15px;
    text-align: center; }
  #end_text_01 {
    height: auto;
    width: 894px;
    text-align: center;
    padding: 10px 0;
    margin: 30px 0;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5em;
    color: #000;
    background-color: #fff100; }
  .end_text_02 {
    text-align: center;
    font-size: 15px;
    line-height: 1.3em;
    color: #000;
    height: auto;
    width: auto;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 20px; }
  .mb31 {
    margin-bottom: 31px; }
  #tousen_text {
    text-align: center;
    margin: 40px 0; }
  .tousen_name {
    font-size: 35px;
    font-weight: bold;
    line-height: 50px; }
  #tousen_ex {
    font-size: 14px;
    margin-top: 10px;
	padding-bottom: 20px;}
  #tousen_header {
    background-color: #da0000;
    padding: 6px;
    color: #FFF;
    font-size: 34px;
    text-align: center;
    margin: 10px 0;
    width: 99%; }
	
	
  .sp, .tb {
    display: none; } 

}

.reg {
  font-size: 75%; }


/*@media screen and (min-width: 810px) and (max-width: 1080px){
#TABLET------------------------{}
	.title__main img {
		width:100%;
		height:auto;
	}
    .section02a,
    .section02b,
    .section02c {
        background-position: left -33VW top;
    }
    .course__head,
    .course__madori__feature{
        transform: translateX(3.3VW);
    }
    .section02c .course__madori__list {
        transform: translateX(2.5VW);
    }
}*/

.section02a .course__body,
.section02b .course__body,
.section02c .course__body{
	padding-top: 18px;
	padding-bottom: 36px;
		background: #fff;
}

      .section02a .course__detail__a01 {
          border-bottom: 1px solid #796baf;
		}
      .section02b .course__detail__a01 {
          border-bottom: 1px solid #a40b5d;
		}
      .section02b .course__detail__b02 {
		}


.fo10 {
	font-size:10px!important;
}
.fo12 {
	font-size:12px!important;
}
    ul:after {
        content: "."; 
        display: block; 
        height: 0; 
        font-size:0;	
        clear: both; 
        visibility:hidden;
    }