@charset "utf-8";
/* //////////////////////////////////
基本設定メモ
緑:#0e754b;
薄緑:#eef5f2;
濃茶:#5b4b24;
茶:#9b8548;
薄茶:#ebe8e0;
赤:#cc293d;

ボタングラデーション
background: #a68d4d;
background: -moz-linear-gradient(45deg, #a68d4d 0%, #b99e3a 100%);
background: -webkit-linear-gradient(45deg, #a68d4d 0%,#b99e3a 100%);
background: linear-gradient(45deg, #a68d4d 0%,#b99e3a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a68d4d', endColorstr='#b99e3a',GradientType=1 );

フォント丸ゴ
font-family: 'M PLUS Rounded 1c', sans-serif;
	-o-transform: rotate(0.05deg);
	-ms-transform: rotate(0.05deg);
	-moz-transform: rotate(0.05deg);
	-webkit-transform: rotate(0.05deg);
	transform: rotate(0.05deg);
///////////////////////////////////*/

.key__visual{
	background:url(../_img/ic2.jpg) no-repeat center center /cover;
	width:100%;
}
@media (max-width:640px){
  .key__visual{
    background:url(../_img/ic2_sp.jpg) no-repeat center center /cover;
  }
}
.sp__block {
  display: none;
}
@media (max-width:640px){
  .sp__block {
    display: block;
  }
}
.pc__block {
  display: block;
}
@media (max-width:640px){
  .pc__block {
    display: none;
  }
}

.sec__intro{
	padding: 80px 0 40px;
}
.sec__intro .copy {
	font-size: 29px;
	line-height: 1.5;
	padding: 0 0 20px;
	text-align: center;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	-o-transform: rotate(0.05deg);
	-ms-transform: rotate(0.05deg);
	-moz-transform: rotate(0.05deg);
	-webkit-transform: rotate(0.05deg);
	transform: rotate(0.05deg);
}
.sec__intro .txt{
	font-size: 14px;
  margin-bottom: 36px;
  text-align: center;
	line-height: 1.57;
}
.sec__intro .btn a{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	-o-transform: rotate(0.05deg);
	-ms-transform: rotate(0.05deg);
	-moz-transform: rotate(0.05deg);
	-webkit-transform: rotate(0.05deg);
	transform: rotate(0.05deg);
	width:100%;
  height: 100%;
	display: flex;
  align-items: center;
  justify-content: center;
	margin: 0 auto;
	text-align: center;
	border:solid 2px #7CBD5C;
	padding: 19px 0 18px;
	border-radius: 10px;
	text-decoration: none;
	position: relative;
	line-height: 1.1;
}
.sec__intro .btn a:after{
	content:"";
	display: block;
	position: absolute;
	right:10px;
	width:26px;
	height:26px;
	background: #7CBD5C;
	top:calc(50% - 12px);
	border-radius: 50%;
}
.sec__intro .btn a:before{
	content:"";
	display: block;
	position: absolute;
	right:20px;
	width:9px;
	height:9px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform:rotate(-45deg);
	top:calc(50% - 5px);
	z-index: 5;
}
.sec__intro .btn.btn__inside a:before{
	top:calc(50% - 7px);
  right: 18px;
	transform:rotate(45deg);
}
.sec__intro .btn span{
	color: #346346;
	font-size: 26px;
  font-weight: 700;
}
.sec__intro .btn a:hover{
	opacity: 0.8;
}
@media (max-width:1000px){
  .sec__intro .btn span{
    font-size: 2vw;
  }
}
@media (max-width:640px){
  .sec__intro{
    padding: 40px 0 20px;
  }
  .sec__intro .copy {
    font-size:  23px;
  }
  .sec__intro .flex__box{
    flex-direction: column;
  }
  .sec__intro .btn a{
    border:solid 1px #7CBD5C;
    padding: 10px 0;
    border-radius: 6px;
  }
  .sec__intro .btn a:after{
    width:20px;
    height:20px;
    top:calc(50% - 8px);
  }
  .sec__intro .btn a:before{
    right:18px;
    width:6px;
    height:6px;
    top:calc(50% - 2px);
  }
  .sec__intro .btn.btn__inside a:before{
    top:calc(50% - 4px);
    right: 17px;
  }
  .sec__intro .btn.w32{
    width: 100%;
    margin-bottom: 10px;
  }
  .sec__intro .btn span{
    font-size: 18px;
  }
}

/**/
.sec__morning{
	margin-top: 76px;
  padding-top: 20px;
}
.sec__morning .inner__box {
  position: relative;
}
.sec__morning .ttl{
  position: relative;
	font-size: 33px;
	padding-left: 36px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	-o-transform: rotate(0.05deg);
	-ms-transform: rotate(0.05deg);
	-moz-transform: rotate(0.05deg);
	-webkit-transform: rotate(0.05deg);
	transform: rotate(0.05deg);
  color: #7CBD5B;
  font-weight: 500;
}
.sec__morning .ttl:before {
  content: "";
  background: url(/youchien/_common/_img/ic_clover.png) no-repeat center center / cover;
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0;
  top: 0px;
  display: block;
}
.sec__morning .txt {
  max-width: 466px;
  margin-top: 20px;
  padding-left: 36px;
	font-size: 18px;
  color: #5B4B24;
	line-height: 1.6;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	-o-transform: rotate(0.05deg);
	-ms-transform: rotate(0.05deg);
	-moz-transform: rotate(0.05deg);
	-webkit-transform: rotate(0.05deg);
	transform: rotate(0.05deg);
}
.sec__morning .illust {
  margin: 30px 0 0 120px;
  max-width: 292px;
  width: 100%;
}
.sec__morning .illust img {
  width: 100%;
  height: auto;
}
.sec__morning .img {
  position: absolute;
  top: -16px;
  right: 22px;
  max-width: 528px;
  width: 100%;
}
.sec__morning .img img {
  width: 100%;
  height: auto;
}
@media (max-width:1100px){
  .sec__morning .txt {
    max-width: none;
    width: 45%;
  }
  .sec__morning .img {
    width: 50%;
  }
}
@media (max-width:640px){
  .sec__morning{
    margin-top: 0;
  }
  .sec__morning .ttl{
    font-size: 24px;
    padding-left: 32px;
  }
  .sec__morning .ttl:before {
    width: 24px;
    height: 24px;
    top: -1px;
  }
  .sec__morning .txt {
    max-width: none;
    width: auto;
    margin-top: 10px;
    padding-left: 0;
    font-size: 14px;
    line-height: 1.85;
  }
  .sec__morning .illust {
    margin: 30px 0 0;
    max-width: 128px;
  }
  .sec__morning .img {
    position: relative;
    top: inherit;
    right: inherit;
    max-width: none;
    width: 83%;
    margin: -25vw 0 0 auto;
  }
}

/**/
.sec__school {
	margin-top: 100px;
  padding-top: 20px;
}
.sec__school .ttl{
  position: relative;
	font-size: 33px;
	padding-left: 36px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	-o-transform: rotate(0.05deg);
	-ms-transform: rotate(0.05deg);
	-moz-transform: rotate(0.05deg);
	-webkit-transform: rotate(0.05deg);
	transform: rotate(0.05deg);
  color: #7CBD5B;
  font-weight: 500;
}
.sec__school .ttl:before {
  content: "";
  background: url(/youchien/_common/_img/ic_clover.png) no-repeat center center / cover;
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0;
  top: 0px;
  display: block;
}
.sec__school .txt {
  margin-top: 20px;
  padding-left: 36px;
	font-size: 18px;
  color: #5B4B24;
	line-height: 1.6;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	-o-transform: rotate(0.05deg);
	-ms-transform: rotate(0.05deg);
	-moz-transform: rotate(0.05deg);
	-webkit-transform: rotate(0.05deg);
	transform: rotate(0.05deg);
}
.sec__school .sub-ttl {
  margin: 40px 0 20px;
  padding: 17px 20px;
  background: #CFAA4F;
  border-radius: 10px;
	font-size: 24px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	-o-transform: rotate(0.05deg);
	-ms-transform: rotate(0.05deg);
	-moz-transform: rotate(0.05deg);
	-webkit-transform: rotate(0.05deg);
	transform: rotate(0.05deg);
  color: #fff;
}
.sec__school .flex__box{
  flex-wrap: wrap;
}
.sec__school .curriculum {
	width: 48%;
  margin-bottom: 60px;
  text-align: center;
}
.sec__school .curriculum__img {
}
.sec__school .curriculum__img img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.sec__school .curriculum__ttl {
  margin-top: -18px;
  display: inline-block;
  background: #ff7000;
  color: #fff;
  border: solid 3px #fff;
  text-align: center;
  border-radius: 25px;
  padding: 9px 80px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 20px;
	-o-transform: rotate(0.05deg);
	-ms-transform: rotate(0.05deg);
	-moz-transform: rotate(0.05deg);
	-webkit-transform: rotate(0.05deg);
	transform: rotate(0.05deg);
}
.sec__school .curriculum__time {
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.66;
}
.sec__school .curriculum__txt {
  margin-top: 10px;
  font-size: 15px;
  text-align: left;
  line-height: 1.66;
}

@media (max-width:640px){
  .sec__school{
    margin-top: 10px;
  }
  .sec__school .ttl{
    font-size: 24px;
    padding-left: 32px;
  }
  .sec__school .ttl:before {
    width: 24px;
    height: 24px;
    top: -1px;
  }
  .sec__school .txt {
    margin-top: 10px;
    padding-left: 0;
    font-size: 14px;
    line-height: 1.85;
  }
  .sec__school .flex__box{
    flex-direction: column;
  }
  .sec__school .curriculum {
    width: auto;
    margin-bottom: 50px;
  }
  .sec__school .curriculum__txt {
    margin-top: 8px;
    font-size: 14px;
  }
}

br._pc {
  display: block;
}
br._sp {
  display: none;
}

@media (max-width:640px){
  br._pc {
    display: none;
  }
  br._sp {
    display: block;
  }
}