@charset "UTF-8";

#shisyu{
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	color: #333;
  position: relative;
  padding: 42px 20px 0;
  max-width: 960px;
  margin: 0 auto;
}

#shisyu img{
  height: auto;
  max-width: 100%;
}

ul,
li,
p,
div {
  margin: 0;
  padding: 0;
}

.campain_big{
  margin-bottom:15px;
}

.mainimg{
  position: relative;
}

/*=====↓↓↓↓↓↓ tool ↓↓↓↓↓↓↓====*/
.first-detail2{
  margin-bottom: 10px!important;
}

.first-detail2 .tool{
  position: relative;
  background:url(../images/bg05.png);
  margin: 30px 0 0;
  padding: 10px;
}

.first-detail2 .tool2:after{
  content: " ";
  display: block;
  position: absolute;
  width: 118px;
  height: 106px;
  top: 20px;
  right: 3px;
  background: url(../images/tool2-sub.png) no-repeat 0 0;
}

.first-detail2 .tool3:after{
  content: " ";
  display: block;
  position: absolute;
  width: 121px;
  height: 95px;
  top: 21px;
  right: -6px;
  background: url(../images/tool3-sub.png) no-repeat 0 0;
}

.first-detail2 .tool5:after{
  content: " ";
  display: block;
  position: absolute;
  width: 121px;
  height: 95px;
  top: 21px;
  right: -6px;
  background: url(../images/tool5-sub.png) no-repeat 0 0;
}

.first-detail2 .tool .campaign{
  position: relative;
  background: #fff;
  padding: 10px;
  overflow: hidden;
}

.first-detail2 .tool .campaign .l-box2{
  float: left;
  width: 56.59%;
}

.first-detail2 .tool .campaign .r-box2{
  width: 39%;
  float: left;
  padding: 0 0 10px 20px;
  text-align: left;
}

.first-detail2 .tool .campaign .r-box2 .tl{
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
  color: #cc0000;
  padding: 5px 0 0;
  margin-bottom: 10px;
}

.first-detail2 .tool .campaign .r-box2 dd{
  font-size: 18px;
  line-height: 30px;
  padding: 0 0 5px;
  border-bottom:dotted 1px #A6A6A6;
}

.first-detail2 .tool .campaign .r-box2 .price{
  padding-top:10px;
  font-size: 14px;
 }

.first-detail2 .tool .campaign .r-box2 .price  strong{
  font-size: 20px;
  font-weight: normal !important;
}

.first-detail2 .tool .more a{
  float: right;
  display: block;
  padding: 30px 10px;
  width: 350px;
  width: 39.772%;
  margin: 10px 10px 0 20px;
  text-align: center;
  background: #cc0000;
  border-radius: 5px;
}


/*=====↓↓↓↓↓↓　カットクロスプレゼント（フッター版）↓↓↓↓↓↓↓====*/

.first-detail2 .present2{
  position: relative;
  background:url(../images/bg05.png);
  margin: 30px 0 0;
  padding: 80px 10px 58px;
}

.first-detail2 .present2 h2{
  position: absolute;
  top: 0;
  left: 10px;

}

.present2 img.presentimg {
  margin-top:-7px;

}

.first-detail2 .present2 .campaign{
  position: relative;
  background: #fff;
  overflow: hidden;
  padding: 10px;
  top: 48px;
}

.first-detail2 .present2 .campaign .leftbox{
	margin-top:5px;
  float: left;
  text-align: left;
}

.first-detail2 .present2 .campaign span{
  color: #cc0000;
}

.first-detail2 .present2 .campaign span.num{
  background:url(../images/sec1-num.gif) no-repeat left top;
  color: #fff;
  padding: 2px 4px;
  margin-right: 4px;
}

.first-detail2 .present2 .campaign .leftbox dt{
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 5px 5px;
  width: 100%;
  border-bottom: 1px solid #111111;
}

.first-detail2 .present2 .campaign .leftbox dd{
  font-size: 15px;
  letter-spacing: -1px;
  padding: 5px 0 0 5px;
  margin-bottom: 25px;
  width: 100%;
}

.first-detail2 .present2 .campaign .leftbox dd .caution{
  font-size: 12px;
}

.first-detail2 .present2 .campaign .proce{
  width: 47%;
  float: left;
  text-align: left;
  margin-right: 1.2%;
}

.first-detail2 .present2 .campaign .proce dt{
  border-bottom: 1px solid #111111;
  padding-bottom: 5px;
  letter-spacing: -1px;
  font-size: 14px;
}

.first-detail2 .present2 .campaign .proce dd{
  font-size: 12px;

}

.first-detail2 .present2 .campaign .l-box{
  width: 57%;
  float: left;
  padding:10px 0 10px 10px;
}

.first-detail2 .present2 .campaign .r-box{
  width: 30%;
  float: left;
  padding: 13px 33px;
  text-align: left;
}

.first-detail2 .present2 .campaign .time-out{
  float: left;
  width: 95%;
  background: #696969;
  color: #fff;
  padding: 15px 0;
  text-align: center;
  margin-top: 20px;
}

.first-detail2 .present2 .campaign .cam-num{
  position: absolute;
  text-align: right;
  font-size: 10px;
  right: 25px;
  bottom: 110px;
}

.first-detail2 .more-present a{
  float: right;
  display: block;
  padding: 30px 0;
  width: 350px;
  margin: 12px 10px 0 0;
  text-align: center;
  background: #cc0000;
  border-radius: 5px;
}

/*=====↑↑↑↑　カットクロスプレゼント（フッター版）↑↑↑↑===*/


.menu {
  margin: 16px 0 10px;
  overflow: hidden;
}
.menu h2 {
  margin: 0 0 19px;
  color: #523121;
  font-size: 33px;
  line-height: 56px;
}
.menu h2 span {
  vertical-align: top;
}
.menu h2 span:before {
  content: " ";
  display: inline-block;
  width: 36px;
  height: 56px;
  background:url(../images/menu-title-left.png) no-repeat 0 0;
}
.menu h2 span:after {
  content: " ";
  display: inline-block;
  width: 36px;
  height: 56px;
  background:url(../images/menu-title-right.png) no-repeat right bottom;
}
.menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 28px;
}
.menu ul li {
  width: 24.673%;
}

.bg01{
  background:url(../images/bg01.jpg);
}
.bt01{
  border-top: 1px solid #bf9c9c;
}
.bg02{
  background:url(../images/bg02.jpg);
}
.bt02{
  border-top: 1px solid #ccc5bc;
}
.bg03{
  background:url(../images/bg03.jpg);
}
.bt03{
  border-top: 1px solid #c4cec2;
}
.bg04{
  background:url(../images/bg04.jpg);
}
.bt04{
  border-top: 1px solid #c3ccbc;
}
.no-border {
  border: none;
}

h2.course-title{
  padding: 28px 0 20px;
  font-size: 23px;
  line-height:1.3;
  text-align: center;
}

h2.course-title span{
  color: #999;
  font-size: 54px;
  font-weight: bold;
}

#course1 h2.course-title span{
  position: relative;
  color: #cc0001;
  line-height: 1.3;
}
#course1 h2.course-title span:after{
  content: " ";
  display: block;
  position: absolute;
  top: -5px;
  right: -9px;
  width: 13px;
  height: 13px;
  background:url(../images/course1-title-sub.png) no-repeat 0 0;
}

#course2 h2.course-title span{
  color: #c49106;
}
#course3 h2.course-title span{
  color: #67981a;
}
#course4 h2.course-title span{
  color: #289076;
}

.section h3.mincho{
  font-size: 24px;
  letter-spacing: 2px;
  line-height:1.3;
}

.section h3.mincho span{
  color: #666;
  font-size: 12px;
}

.section h3.mincho.spacing span{
  letter-spacing: 6px;
}

.section{
  padding: 20px 0 10px;
  margin: 10px 0;
}

.section .imageline{
  position: relative;
  border: 5px solid #fff;
}
.section .pointimg{
  position: absolute;
  display: block;
  top: 25px;
  right: 60px;
}

.section .detail{
  margin: auto;
  overflow: hidden;
  padding-bottom: 10px;
  /*border-bottom: 7px solid #fff;*/
  text-align: left;
  width: 94.565%;
}

.section .detail .d-lead{
  margin: 15px 0 5px;
}

.section .detail .d-lead h3{
  font-size: 18px;
  font-weight:bold;
}

.section .detail .d-lead h3,
.section .detail .d-lead p{
	float:left;
  width: 56.5%;
}

.section .detail .d-lead p{
  font-size: 14px;
  line-height: 1.57142857;
  margin-top: 4px;
  margin-right: 3%;
margin-bottom: 20px;
}

.section .detail .d-lead img {
  width: 34.137%;
}

.section .detail .white{
  padding:20px 0 10px;
}

.section .detail .flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
  width: 100%;
}

.section .detail .iteminfo .name {
  margin-bottom: 2px;
}

.section .detail .iteminfo .name a{
  font-size: 20px;
  line-height: 26px;
  font-weight: bold!important;
}

.section .detail .iteminfo.icon1{
  padding-left: 46px;
  background:url("../images/icon1.png") no-repeat 6px top;
}
.section .detail .iteminfo.icon2{
  padding-top: 5px;
  padding-left: 51px;
  background:url(../images/icon2.png) no-repeat 6px top;
}
.section .detail .iteminfo.icon3{
  padding-left: 46px;
  background:url("../images/icon10.png") no-repeat 6px top;
}
.section .detail .iteminfo.icon4{
  padding-top: 5px;
  padding-left: 51px;
  background:url(../images/icon4.png) no-repeat 6px top;
}
.section .detail .iteminfo.icon5{
  padding-top: 5px;
  padding-left: 51px;
  background:url(../images/icon5.png) no-repeat 6px top;
}
.section .detail .iteminfo.icon6{
  /*padding-top: 5px;*/
  padding-left: 51px;
  background:url(../images/icon6.png) no-repeat 6px top;
}

.section .detail .iteminfo.icon7{
  /*padding-top: 5px;*/
  padding-left: 51px;
  background:url(../images/icon7.png) no-repeat 6px top;
}
.section .detail .iteminfo.icon8{
  padding-left: 46px;
  background:url(../images/icon9.png) no-repeat 6px top;
}
.section .detail .iteminfo.icon11{
  padding-left: 46px;
  background:url(../images/icon11.png) no-repeat 6px top;
}
.section .detail .iteminfo.icon12{
  padding-left: 46px;
  background:url(../images/icon12.png) no-repeat 6px top;
}

.section .detail .iteminfo.icon13{
  padding-left: 46px;
  background:url(../images/icon13.png) no-repeat 6px top;
}

.section .detail .iteminfo.icon14{
  padding-left: 46px;
  background:url(../images/icon14.png) no-repeat 6px top;
}
.section .detail .iteminfo.no-icon{
  padding-left: 20px;
  padding-top: 5px;
}



.section .detail .iteminfo{
  font-size: 16px;
  line-height: 1.5;
  padding-left: 10px;
  float: left;
	width: 51.724%;
}

.section .detail .flex .iteminfo{
	width: 300px;
  width: 36.407%;
}

.section .detail .iteminfo .price {
  font-size: 18px;
}

.section .detail .iteminfo .price span{
  color: #cc0000;
}

.section .detail .iteminfo .price strong{
  font-size: 20px;
}

.section .detail .itemimg{
	width: 160px;
  width: 19.417%;
}

.section .detail .more {
  float: right;
  width: 40.229%;
}

.section .detail .more a{
  display: block;
  padding: 30px 10px;
  width: 100%;
  text-align: center;
  background: #cc0000;
  border-radius: 5px;
}

.section .more02 a{
  clear:both;
  display: block;
  padding: 25px 10px;
  width: 94.782%;
  margin: 10px auto;
  text-align: center;
  background: #cc0000;
  background-position:center;
  border-radius: 5px;
}

.more03 a{
  clear:both;
  display: block;
  padding: 25px 10px;
  margin: 20px 0 66px;
  text-align: center;
  background: #f28676;
  background-position:center;
  border-radius: 5px;
}

.more04 a{
  clear:both;
  display: block;
  margin: 30px 0 26px;
  text-align: center;
  background-position:center;
}

.presentbtn {
	border-radius: 5px;
	margin: auto;
  width: 94.782%;
}

.presentbtn ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
    padding: 10px 0 0;
    overflow: hidden;
}

.presentbtn ol li:not(:first-child) {
  margin-left: 12px;
}

/*=====レッスン内容====*/

.section .resson{
  margin: 0 auto 20px;
  padding: 15px 10px 20px;
  background: #ffffff;
  border-radius: 5px;
  width: 94.565%;
}

.section .resson h3 {
  color: #333333;
  font-size: 24px;
  text-align: center;
}

.section .resson h3 span {
  color: #333333;
  font-size: 30px;
}

.section .resson p {
  text-align: center;
}

.section .resson ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  text-align: left;
}

.section .resson1 ul{
  width: 96.47%;
  margin: 20px auto 0;
}


.section .resson1 ul li{
  width: 33.333%;
  margin-bottom: 37px;
  overflow: hidden;
  text-align: left;
}

.section .resson1 ul li .box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.section .resson1 ul li .box img {
  float: left;
  width: 38.095%;
  margin: 0 2px 0 0;
}

.section .resson1 ul li .box dl {
  float: left;
  width: 61.172%;
}

.section .resson1 ul li .box dl dt{
  width: 63px;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
}
.section .resson1 ul li .box dl dt.type1{
  margin: 3px 0 5px;
  background: url(../images/resson_type1.png) no-repeat 0 0;
}
.section .resson1 ul li .box dl dt.type2{
  margin: 14px 0 5px;
  background: url(../images/resson_type2.png) no-repeat 0 0;
}
.section .resson1 ul li .box dl dd{
  font-size: 12px;
  line-height: 16px;
}
.section .resson1 ul li .box dl dd span{
  font-size: 10px;
}
.section .resson1 ul li.l{
  width: 33.333%;
}
.section .resson1 ul li.l .box dl {
  width: 61.172%;
}
.section .resson1 ul li.c{
  width: 33.333%;
}
.section .resson1 ul li.c .box dl {
  width: 61.172%;
}
.section .resson1 .info {
  width: 824px;
  margin: 25px auto 0;
  overflow: hidden;
  border-top: 1px solid #e4e4e4;
	padding-top: 35px;
}
.section .resson1 .info .l {
  float: left;
  width: 522px;
  overflow: hidden;
}
.section .resson1 .info .l img {
  float: left;
  width: 184px;
  margin: 0 10px 0 0;
}
.section .resson1 .info .l dl {
  float: left;
  width: 320px;
  text-align: left;
}
.section .resson1 .info .l dl dt {
  margin: 0 0 5px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
.section .resson1 .info .l dl dd {
  font-size: 13px;
  line-height: 18px;
}
.section .resson1 .info .r {
  float: right;
  width: 270px;
}
.section .resson1 .info .r .video {
  height: 176px;
  background: #33a8a7;
  border-radius: 5px;
}
.section .resson1 .info .r .video p {
  color: #ffffff;
  font-size: 16px;
  line-height: 27px;
}
.section .resson1 .info {
  width: 820px;
  margin: 25px auto 0;
  overflow: hidden;
}

.section .resson1 .info img {
  float: left;
  width: 270px;
  margin: 0 10px 0 0;
}
.section .resson1 .info dl {
  float: left;
  width: 420px;
  text-align: left;
}
.section .resson1 .info dl dt {
  margin: 0 0 5px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
.section .resson1 .info dl dd {
  font-size: 13px;
  line-height: 18px;
}
.section .resson1 .info dl dd p {
  margin: 0 0 10px;
}


.section .resson2 ul{
  width: 830px;
  margin: 20px auto 0;
}

.section .resson2 ul li{
  float: left;
  width: 280px;
  margin-bottom: 37px;
  overflow: hidden;
  text-align: left;
}

.section .resson2 ul li p{
  margin-bottom: 5px;
  overflow: hidden;
  text-align: center;
	background-color: #e7e7e7;
	margin-right : 20px;
	padding: 1px;
}

.section .resson2 ul li div.txt{
  margin-bottom: 5px;
}

.section .resson2 ul li img {
  float: left;
  width: 140px;
  margin: 0 6px 5px 0;
}

.section .resson2 ul li dl {
  float: left;
  width: 130px;
}

.section .resson2 ul li dl dt{
  width: 63px;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
}
.section .resson2 ul li dl dt.type1{
  margin: 1px 0 5px;
  background: url(../images/resson_type1.png) no-repeat 0 0;
}
.section .resson2 ul li dl dt.type2{
  margin: 1px 0 5px;
  background: url(../images/resson_type2.png) no-repeat 0 0;
}
.section .resson2 ul li dl dd{
  font-size: 12px;
  line-height: 16px;
}
.section .resson2 ul li dl dd strong{
  display: inline-block;
  margin: 2px 0 5px;
  font-weight: bold;
}
.section .resson2 ul li.r{
  width: 267px;
}
.section .resson2 ul li.r dl {
  width: 120px;
}
.section .resson2 .info {
  width: 820px;
  margin: 0px auto 0;
  overflow: hidden;
  border-top: 1px solid #e4e4e4;
	padding-top: 35px;
}
.section .resson2 .info img {
  float: left;
  width: 270px;
  margin: 0 10px 0 0;
}
.section .resson2 .info dl {
  float: left;
  width: 420px;
  text-align: left;
}
.section .resson2 .info dl dt {
  margin: 0 0 5px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
.section .resson2 .info dl dd {
  font-size: 13px;
  line-height: 18px;
}
.section .resson2 .info dl dd p {
  margin: 0 0 10px;
}



.section .resson3 ul{
  width: 97.647%;
  margin: 20px auto 0;
}

.section .resson3 ul li{
  width: 31.325%;
  margin-bottom: 37px;
  overflow: hidden;
  text-align: left;
}

.section .resson3 ul li p{
  margin-bottom: 5px;
  overflow: hidden;
  text-align: center;
	background-color: #e7e7e7;
	padding: 1px;
}

.section .resson3 ul li div.txt{
  margin-bottom: 5px;
}

.section .resson3 ul li img {
  width: 100%;
}

.section .resson3 ul li dl {
  float: left;
  width: 130px;
}

.section .resson3 ul li dl dt{
  width: 63px;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
}
.section .resson3 ul li dl dt.type1{
  margin: 1px 0 5px;
  background: url(../images/resson_type1.png) no-repeat 0 0;
}
.section .resson3 ul li dl dt.type2{
  margin: 1px 0 5px;
  background: url(../images/resson_type2.png) no-repeat 0 0;
}
.section .resson3 ul li dl dd{
  font-size: 12px;
  line-height: 16px;
}
.section .resson3 ul li dl dd strong{
  display: inline-block;
  margin: 2px 0 5px;
  font-weight: bold;
}
.section .resson3 ul li.r{
  width: 31.325%;
}
.section .resson3 ul li.r dl {
  width: 120px;
}
.section .resson3 .info {
  width: 820px;
  margin: 0px auto 0;
  overflow: hidden;
  border-top: 1px solid #e4e4e4;
	padding-top: 35px;
}
.section .resson3 .info img {
  float: left;
  width: 270px;
  margin: 0 10px 0 0;
}
.section .resson3 .info dl {
  float: left;
  width: 420px;
  text-align: left;
}
.section .resson3 .info dl dt {
  margin: 0 0 5px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
.section .resson3 .info dl dd {
  font-size: 13px;
  line-height: 18px;
}
.section .resson3 .info dl dd p {
  margin: 0 0 10px;
}






.section .profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 97.156%;
  margin: 25px auto 0;
  overflow: hidden;
  border-top: 1px solid #e4e4e4;
}
.section .profile img {
  width: 25.609%;
}

.section .profile dl {
  width: 70%;
  text-align: left;
}
.section .profile dl dt {
  margin: 0 0 5px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
.section .profile dl dd {
  font-size: 13px;
  line-height: 18px;
}
.section .profile dl dd p {
  margin: 0 0 10px;
}
.section .no-border {
  margin-top: 10px;
  border-top: none;
}
.section .profile img.mt-0 {
  margin-top: 0;
}


/*=====ギャラリー====*/
.section .gallery {
  margin: 0 auto 20px;
  padding: 15px 0 20px;
  background: #ffffff;
  border-radius: 5px;
  width: 94.565%;
}

#course2 .gallery.gallery1,
#course4 .gallery.gallery6 {
  margin: 0 6px 0;
}

.section .gallery h3 {
  color: #333333;
  font-size: 24px;
  text-align: center;
}

.section .gallery ul{
  overflow: hidden;
  text-align: left;
}

.section .gallery ul li p{
  text-align: center;
  font-size: 12px;
}

.section .gallery1 ul{
  margin-top: 27px;
}
.section .gallery1 ul li.no1{
  margin-left: 34px;
}
.section .gallery1 ul li.no2{
  margin-left: 40px;
}
.section .gallery1 ul li.no3{
  margin-left: 37px;
}
.section .gallery1 ul li.no4{
  margin-left: 27px;
}
.section .gallery1 ul li.no5{
  margin-left: 17px;
}
.section .gallery1 ul li.no6{
  margin-left: 31px;
}

.section .gallery2 ul{
  width: 830px;
  margin: 10px auto 22px;
  padding: 0 0 20px;
  border-bottom: 1px solid #e4e4e4;
}
.section .gallery2 ul li.no2{
  margin-left: 11px;
}
.section .gallery2 ul li.no3{
  margin-left: 22px;
}
.section .gallery2 ul li.no4{
  margin-left: 23px;
}
.section .gallery2 ul li.no5{
  margin-left: 23px;
}
.section .gallery2 ul li.no6{
  margin-left: 21px;
}

.section .gallery2 .howto {
  width: 820px;
  margin: 0 auto;
  overflow: hidden;
}
.section .gallery2 .howto h3 {
  margin-bottom: 20px;
}
.section .gallery2 .howto .l {
  float: left;
  width: 410px;
  overflow: hidden;
}
.section .gallery2 .howto .r {
  float: right;
  width: 410px;
  overflow: hidden;
}
.section .gallery2 .howto img {
  float: left;
  width: 264px;
  margin: 0 5px 0 0;
}
.section .gallery2 .howto dl {
  float: left;
  width: 126px;
  text-align: left;
}
.section .gallery2 .howto dl dt {
  margin: 0 0 5px;
  font-weight: bold;
}
.section .gallery2 .howto dl dd {
  font-size: 12px;
  line-height: 16px;
}


.section .gallery3 ul{
  width: 830px;
  margin: 10px auto 22px;
  padding: 0 0 20px;
  border-bottom: 1px solid #e4e4e4;
}
.section .gallery3 ul li.no1{
  margin-left: 5px;
  margin-bottom: 10px;
}
.section .gallery3 ul li.no2{
  margin-left: 51px;
}
.section .gallery3 ul li.no3{
  margin-left: 53px;
}
.section .gallery3 ul li.no4{
  margin-left: 56px;
}
.section .gallery3 ul li.no5{
  margin-left: 54px;
}
.section .gallery3 ul li.no6{
  clear: both;
  margin-left: 56px;
}
.section .gallery3 ul li.no7{
  margin-left: 64px;
}
.section .gallery3 ul li.no8{
  margin-left: 60px;
}
.section .gallery3 ul li.no9{
  margin-left: 65px;
}

.section .gallery3 .howto {
  width: 580px;
  /*margin: 0 10px;*/
  overflow: hidden;
    float:left;
	
}

.section .gallery3 .howto2 {
  width: 530px;
  /*margin: 0 10px;*/
  overflow: hidden;
    float:left;
	
}
.section .gallery3 .howto3 {
  width: 320px;
  /*margin: 0 10px;*/
  overflow: hidden;
	
}
.section .gallery3 .howto3 h4 {
   color: #333333;
    font-size: 20px;
}
.section .gallery3 .howto4 {
  width: 520px;
  /*margin: 0 10px;*/
  overflow: hidden;
    float:left;
	
}
.section .gallery3 .howto4 h4 {
   color: #333333;
    font-size: 18px;
}
.section .gallery3 .howto5 {
  width: 200px;
  /*margin: 0 10px;*/
  overflow: hidden;
	
}
.section .gallery3 .howto h3 {
  margin-bottom: 20px;
}
.section .gallery3 .howto .l {
  float: left;
  width: 550px;
  padding-left: 30px;
  overflow: hidden;
}
.section .gallery3 .howto .c {
  float: left;
  width: 140px;
  overflow: hidden;
}
.section .gallery3 .howto .r {
  float: left;
  width: 140px;
  overflow: hidden;
}
.section .gallery3 .howto .f {
  float: left;
  width: 140px;
  overflow: hidden;
}
.section .gallery3 .howto img {
  float: left;
  margin: 0 5px 0 0;
}
.section .gallery3 .howto dl {
  float: left;
  width: 190px;
  text-align: left;
}
.section .gallery3 .howto dl dd {
  margin: 10px 0 0 15px;
  font-size: 12px;
  line-height: 16px;
   text-align: justify;
}

.section .gallery3 .howto dl dt {
  margin: 0px 0 0 15px;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}

.section .gallery3 .video {
  height: 176px;
  border-radius: 5px;
  float:left;
  margin-top:20px;
  margin-left:6px;
  padding:0 8px 2px;
}
.section .gallery3 .video p {
  color: #000;
  font-size: 16px;
  line-height: 31px;
}
.section .gallery3 .video .point_p {
  color: #000;
  font-size: 12px;
  line-height: 16px;
}

.point2 {
  width: 580px;
}
.point4 {
  width: 400px;
}

.point2 .point2_in {
	width: 250px;
	float: left;
	margin: 5px 10px;
}

.point2 .point2_in p {
  font-size: 12px;
  line-height: 16px;
	margin-top: 10px;
}

.point4 .point4_in {
	width: 520px;
	float: left;
	margin: 5px 10px;
}
.point4 .point4_in img {
	margin: 5px 10px;
	float: left;
	width: 325px;
}

.point4 .point4_in p {
  font-size: 12px;
  line-height: 16px;
	margin-top: 10px;
	float: left;
	width: 175px;
	text-align: left;
}

.point5 .point5_in {
	width: 250px;
  width: 28.7355%;
	float: left;
	margin: 5px 0;
}
.point5 .point5_in img {
	margin: 5px 0;
	float: left;
    width: 300px;
}

.point5 .point5_in p {
  font-size: 12px;
  line-height: 16px;
	margin-top: 5px;
	float: left;
	width: 300px;
	text-align: left;
}

.point6 .point6_in {
	width: 450px;
  width: 51.724%;
	float: left;
	margin: 5px 3.5% 5px 6%;
}
.point6 .point6_in img {
	margin: 5px 0;
	float: left;
	width: 450px;
}

.point6 .point6_in p {
  font-size: 12px;
  line-height: 16px;
	margin-top: 5px;
	float: left;
	width: 400px;
	text-align: left;
}
.point7 .point7_in {
	width: 480px;
	float: left;
	margin: 5px 0 5px 100px;
}
.point7 .point7_in img {
	margin: 5px 0;
	float: left;
	width: 480px;
}

.point7 .point7_in p {
  font-size: 12px;
  line-height: 16px;
	margin-top: 5px;
	float: left;
	width: 430px;
	text-align: left;
}

.point8 {
  width: 200px;
	float: left;
	padding: 0 0 0 20px;
}

.point8 .point3_in {
	width: 200px;
	float: left;
	margin: 5px 10px;
}


.point3 {
  width: 265px;
	float: left;
	padding: 0 0 0 20px;
}

.point3 .point3_in {
	width: 265px;
	float: left;
	margin: 5px 10px;
}

.point3 .point3_in p {
  color: #000;
  font-size: 16px;
  line-height: 31px;
}



.section .gallery4 ul{
  margin-top: 16px;
}
.section .gallery4 ul li.no1{
  margin-left: 20px;
}
.section .gallery4 ul li.no2{
  margin-left: 16px;
}
.section .gallery4 ul li.no3{
  margin-left: 16px;
}
.section .gallery4 ul li.no4{
  margin-left: 16px;
}
.section .gallery4 ul li.no5{
	margin-top: 10px;
  margin-left: 20px;
}
.section .gallery4 ul li.no6{
	margin-top: 10px;
  margin-left: 16px;
}

.section .gallery5 ul{
  width: 830px;
  margin: 27px auto 22px;
  padding: 0 0 20px;
  border-bottom: 1px solid #e4e4e4;
}
.section .gallery5 ul li{
  overflow: hidden;
}
.section .gallery5 ul li img {
  float: left;
  width: 120px;
  margin: 0 10px 0 0;
}
.section .gallery5 ul li p {
  float: left;
  text-align: left;
}
.section .gallery5 ul li.no1 p{
  width: 150px;
  margin-right: 17px;
}
.section .gallery5 ul li.no2 p{
  width: 136px;
  margin-right: 10px;
}
.section .gallery5 ul li.no3 p{
  width: 115px;
}

.section .gallery5 .howto {
  width: 820px;
  margin: 0 auto;
  overflow: hidden;
}

.section .gallery5 .howto h3 {
  margin-bottom: 10px;
}
.section .gallery5 .howto .l {
  float: left;
  width: 289px;
  overflow: hidden;
}
.section .gallery5 .howto .c {
  float: left;
  width: 285px;
  overflow: hidden;
}
.section .gallery5 .howto .r {
  float: left;
  width: 246px;
  overflow: hidden;
}
.section .gallery5 .howto img {
  float: left;
  width: 132px;
  margin: 0 10px 0 0;
}
.section .gallery5 .howto dl {
  float: left;
  text-align: left;
}
.section .gallery5 .howto .l dl {
  width: 126px;
}
.section .gallery5 .howto .c dl {
  width: 115px;
}
.section .gallery5 .howto .r dl {
  width: 100px;
}
.section .gallery5 .howto dl dd {
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 16px;
}


.section .gallery5 .point {
  width: 553px;
  margin: 0 auto;
  overflow: hidden;
    margin-bottom: 15px;
}

.section .gallery5 .point h3 {
  margin-bottom: 15px;
}

.section .gallery5 .center{
   margin: 0 auto;

}
.section .gallery5 .point img{
  float: left;
  width: 148px;
  margin: 0 10px 0 0;
  overflow: hidden;
}
.section .gallery5 .point p{
  float: left;
  text-align:left;
  width: 392px;
  overflow: hidden;
}

.section .gallery5 .point p span{
font-size:18px;
line-height:1;
font-weight:bold;
display: inline-block;
}

.section .gallery5b ul{
  width: 830px;
  margin: 15px auto 0px;
}
.section .gallery5b ul li{
  overflow: hidden;
}
.section .gallery5b ul li img {
  float: left;
  width: 120px;
  margin: 0 10px 0 0;
}
.section .gallery5b ul li p {
  float: left;
  text-align: left;
  padding-top:8px;
}
.section .gallery5b ul li.no1 p{
  width: 150px;
  margin-right: 17px;
}
.section .gallery5b ul li.no2 p{
  width: 136px;
  margin-right: 10px;
}
.section .gallery5b ul li.no3 p{
  width: 115px;
}

.section .gallery5b .info {
  width: 820px;
  margin: 25px auto 0;
  overflow: hidden;
  padding-top: 20px;
  border-top: 1px solid #e4e4e4;
}
.section .gallery5b .info img {
  float: left;
  width: 330px;
  margin: 0 10px 0 0;
}
.section .gallery5b .info dl {
  float: left;
  width: 480px;
  text-align: left;
}
.section .gallery5b .info dl dt {
  margin: 0 0 5px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
.section .gallery5b .info dl dd {
  font-size: 13px;
  line-height: 18px;
}
.section .gallery5b .info dl dd p {
  margin: 0 0 10px;
}




.section .gallery6 ul{
  margin-top: 27px;
}
.section .gallery6 ul li{
  margin-left: 26px;
}
.section .gallery6 ul li.no1{
  margin-left: 30px;
}


.section .gallery7 ul{
  margin-top: 16px;
}
.section .gallery7 ul li.no1{
  margin-left: 20px;
}
.section .gallery7 ul li.no2{
  margin-left: 16px;
}
.section .gallery7 ul li.no3{
  margin-left: 16px;
}
.section .gallery7 ul li.no4{
  margin-left: 16px;
}
.section .gallery7 .info {
  width: 820px;
  margin: 25px auto 0;
  overflow: hidden;
  border-top: 1px solid #e4e4e4;
}
.section .gallery7 .info img {
  float: left;
  width: 210px;
  margin: 20px 10px 0 0;
}
.section .gallery7 .info p {
  float: left;
  width: 170px;
  text-align: left;
  padding-top: 20px;
  margin-right : 20px;
}


.section .gallery8 ul{
  margin-top: 16px;
}
.section .gallery8 ul li.no1{
  margin-left: 32px;
}
.section .gallery8 ul li.no2{
  margin-left: 15px;
}
.section .gallery8 ul li.no3{
  margin-left: 8px;
}

.section .gallery8 .info p {
  float: left;
  width: 170px;
  text-align: left;
  padding-top: 20px;
  margin-right : 20px;
}

.section .gallery11 ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
  margin-top: 16px;
}

.section .gallery11 ul li{
  text-align: center;
}

.section .gallery11 ul li.no2{
  margin: 0 7%;
}


.section .gallery11 .info p {
  float: left;
  width: 170px;
  text-align: left;
  padding-top: 20px;
  margin-right : 20px;
}

.section .gallery9 ul{
  margin-top: 16px;
}
.section .gallery9 ul li.no1{
  margin-left: 40px;
}
.section .gallery9 ul li.no2{
  margin-left: 50px;
}
.section .gallery9 ul li.no3{
  margin-left: 26px;
}
.section .gallery9 ul li.no4{
  margin-left: 30px;
}

.section .gallery9 .info p {
  float: left;
  width: 170px;
  text-align: left;
  padding-top: 20px;
  margin-right : 20px;
}
.section .gallery9 .mr-15{
  margin-right: 15px;
}
.section .gallery9 .mr-40{
  margin-right: 40px;
}

.section .gallery10 ul{
  width: 830px;
  margin: 15px auto 0px;
}
.section .gallery10 ul li.no1 {
  margin-left: 50px;
}
.section .gallery10 ul li.no3 p{
  margin-left: 30px;
}

.section .gallery10 .info {
  width: 820px;
  margin: 25px auto 0;
  overflow: hidden;
  padding-top: 20px;
  border-top: 1px solid #e4e4e4;
}





.section .voice1{
  padding: 25px 0 5px;
}

.section .voice1 ol{
  overflow: hidden;
  width: 840px;
  margin: 15px auto 0;
}

.section .voice1 ol li {
  overflow: hidden;
  float: left;
  width: 400px;
  margin: 0 0 0 20px;
  text-align: left;
}

.section .voice1 ol li img{
  float: left;
  margin-right: 10px;
}
.section .voice1 ol li p{
  float: left;
  width: 310px;
  font-size: 13px;
  line-height: 18px;
}

.section .voice1 ol li p span{
  display: block;
  margin: 0 0 5px;
  font-size: 12px;
  line-height: 18px;
  text-align: right;
}

/*=====コレクションチェック===*/

.check{
  overflow: hidden;
  text-align: left;
  margin-bottom: 50px;
}

.check h4{
  background:url(../images/line02.gif) repeat-x left top;
  padding: 15px 25px 20px 0;
  min-height: 55px;
  font-size: 18px;
  text-align: left;
}

.check .left{
  float: left;
  width: 57%;
}

.check .img-left{
  float: left;
  width: 42.391%;
}

.check dl{
  padding: 15px 20px 0;
  margin-bottom: 20px;
}

.check .col1 dt{
  background:url(../images/icon3.png) no-repeat left bottom;
}
.check .col2 dt{
  background:url(../images/icon1.png) no-repeat left bottom;
}
.check .col3 dt{
  background:url(../images/icon2.png) no-repeat left bottom;
}

.check .col4 dt{
  background:url(../images/icon_rotation.png) no-repeat left bottom;
}

.check .col5 dt{
  background:url(../images/icon_justone.png) no-repeat left bottom;
}


.check dt{
  font-size: 20px;
  line-height: 1;
  padding: 15px 0 0 45px;
  margin-bottom: 12px;
  min-height: 24px;
}

.check dd{
  font-size: 13px;
  line-height: 1.53846154;
}

.check dl.col3{
  padding-top: 0;
}


/*=====Footmenu===*/

.foot_menu h4.mincho{
  position: relative;
  text-align: center;
  font-size: 24px;
}

.foot_menu .align-c{
  margin-bottom: 30px;
}


.foot_menu h4.mincho:before {
  border-top: 1px solid #9c9c9c;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}

.foot_menu h4.mincho span{
  position: relative;
  background: #fff;
  /*display: inline-block;*/
}

.foot_menu ol{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin: 20px 0 30px;
}

.foot_menu ol li{
  float: left;
  margin: 0 10px 10px 0;
  text-align: left;
  line-height: 2;
  font-size:11px;
}

.foot_menu p {
  font-size:16px;
  margin: 20px 0 0;
  text-align: center;
}

.foot_menu ol.sns{
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  width: 100%;
  margin: 20px 0 30px;
  text-align:center;
}

.foot_menu ol.sns li{
  display:inline-block;
  margin: 0 15px 10px;
  line-height: 2;
  font-size:11px;
  float:none;
}


/*=====pagetop===*/

.pagetop{
  text-align: right;
  margin-bottom: 15px;
}

.pagetop a{
  background:url(../images/pagetop.gif) no-repeat left center;
  min-height: 9px;
  padding-left: 12px;
  font-size: 9px;
}

.pagetop_cn {
	margin: 0 0 50px;
  text-align: center;
}


#course1 {
  border-top: 5px solid #cc0001;
}
#course2 {
  border-top: 5px solid #cca006;
}
#course3 {
  border-top: 5px solid #73a524;
}
#course4 {
  border-top: 5px solid #289076;
}

ruby {
	font-weight: bold;
}

rt {
	font-size: 10px;
}

.youtube {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: auto;
	width: 83.448%;
}

.youtube .video {
	width: 55.096%;
}

.youtube .video p {
	padding: 56.2% 0 0;
	position: relative;
}

.youtube iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.youtube .l {
  width: 39.393%;
}

@media (max-width: 768.98px) {
  #header_kr {
    width: 100%;
}

  #header_kr #head-topnavi_allb_kr {
    display: none;
  }

  #shisyu {
    padding: 50px 0 0;
  }

  .menu h2 {
    margin: 0 auto 19px;
    width: 90%;
  }

  h2.course-title {
    margin: auto;
    width: 80%;
  }

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

  .section .detail .d-lead {
    margin: 20px 3.125% 12px;
  }

  .section .detail .d-lead img {
    display: none;
  }

  .section .detail .d-lead h3, .section .detail .d-lead p {
    float: none;
    width: 100%;
  }

  .section .detail .iteminfo {
    margin-bottom: 20px;
    float: none;
    width: 100%;
  }

  .section .detail .more {
    float: none;
    width: 100%;
  }

  .section .detail .more a {
    padding: 20px 10px;
  }

  .resson.resson1 p:not(:first-child) {
    margin-top: 30px;
  }

  .resson.resson1 h3 {
    display: none;
  }

  .youtube .video {
    width: 100%;
  }

  .youtube .l {
    display: none;
  }

  .presentbtn {
    display: none;
  }

  .section .resson1 ul {
    width: 100%;
  }

  .section .resson1 ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0;
    padding: 2%;
    width: 50%;
  }

  .section .resson1 ul li:not(last-child) {
    border-bottom: 1px dashed #000;
  }

  .section .resson1 ul li:nth-child(odd) {
    border-right: 1px dashed #000;
  }

  .section .resson1 ul li.l {
    width: 50%;
  }

  .section .resson1 ul li.c {
    width: 50%;
  }

  .section .resson1 ul li .box {
    display: block;
    padding: 10px 0;
  }

  .section .resson1 ul li .box img {
    float: none;
    margin: 0;
    width: 100%;
  }

  .section .resson1 ul li.l .box dl {
    width: 100%;
  }

  .section .resson3 ul li {
    width: 48%;
  }

  .section .resson3 ul li.r {
    width: 48%;
  }

  .more03 a {
    margin: 20px auto 60px;
    width: 96%;
  }

  .section .profile {
    display: block;
  }

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

  .section .profile dl {
    margin: 20px auto 0;
    width: 94%;
  }

  .section .profile dl dd p {
    line-height: 1.6;
  }

  .section .gallery {
    padding: 5px 0 20px;
  }

  .section .no-border {
    margin-top: 0;
  }

  .section .detail .itemimg {
    display: none;
  }

  .section .detail .flex {
    display: block;
  }

  .section .detail .flex .iteminfo {
    width: 100%;
  }

  .section .gallery11 ul li {
    width: 30%;
  }

  .section .gallery11 ul li.no2 {
    margin: 0 2%;
  }

  .point5 {
    width: 100%;
  }

  .point5 .point5_in {
    float: none;
    margin: 5px auto 0;
    width: 94%;
  }

  .point5 .point5_in img {
    margin: 0;
    float: none;
    width: 100%;
  }

  .point6 .point6_in {
    float: none;
    margin: auto;
    width: 94%;
  }

  .point6 .point6_in img {
    float: none;
    width: 100%;
  }

  .first-detail2 {
    padding: 0 1.5625%;
  }

  .first-detail2 .tool .campaign {
    padding: 16px;
  }

  .first-detail2 .tool .campaign .l-box2 {
    float: none;
    width: 100%;
  }

  .first-detail2 .tool .campaign .r-box2 {
    float: none;
    padding: 0;
    width: 100%;
  }

  .first-detail2 .tool .more a {
    float: none;
    margin: 0;
    width: 100%;
  }

  .first-detail2 .tool5:after {
    right: 0;
  }

  .section .detail .d-lead h3 {
    font-size: 1rem;
  }

  .section .detail .d-lead p {
    font-size: 0.8125rem;
  }

  .section .detail .iteminfo .name a {
    font-size: 0.9375rem;
  }

  .section .detail .iteminfo .price {
    font-size: 0.9375rem;
  }

  .section .detail .iteminfo .price strong {
    font-size: 1.25rem;
  }

  .foot_menu h4.mincho {
    font-size: 1.25rem;
  }

  .section .resson1 ul li .box dl dd {
    font-size: 0.625rem;
  }

  .section .resson h3 {
    font-size: 0.75rem;
  }

  .section .gallery h3 {
    font-size: 1.1875rem;
  }

  .section .gallery ul li p {
    font-size: 0.625rem;
  }

  .first-detail2 .tool .campaign .r-box2 .tl {
    font-size: 0.75rem;
    line-height: 1.6;
  }

  .first-detail2 .tool .campaign .r-box2 dd {
    font-size: 1rem;
  }

  .first-detail2 .tool .campaign .r-box2 .price {
    font-size: 0.9375rem;
  }

  .first-detail2 .tool .campaign .r-box2 .price strong {
    font-size: 1.25rem;
  }

  .check h4 {
    background: none;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    line-height: 1.4;
    padding: 1.125rem;
  }

  .check .left {
    float: none;
    width: 100%;
  }

  .check .pattern_ct {
    float: none;
    margin: auto;
    width: 94%;
  }

  .check .img-left {
    float: none;
    margin: auto;
    width: 94%;
  }

  .foot_menu p {
    margin: 1.25rem auto 0;
    width: 94%;
  }

  .foot_menu ol {
    display: block;
  }

  .foot_menu ol li {
    float: none;
    margin: 0 auto 0.625rem;
    width: 94%;
  }

  .foot_menu ol li img {
    height: auto;
    width: 100%;
  }

  .foot_menu ol.sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .pc {
    display: none;
  }
}