/** Shopify CDN: Minification failed

Line 128:0 All "@import" rules must come first

**/


.newprojbase {
    width: 100%;
	margin: 0% 0% 0% 0%;
	position: relative;
	padding: 0% 0 0% 0;
}
.newprojbase h4 {
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif !important;
	letter-spacing: 0.1em;
	margin: 3% 0 3% 0;
}
.newprojbase h4 img {
	width: 150px;
}
.newprojbase h3 {
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif !important;
	letter-spacing: 0.1em;
	margin: 3% 0 3% 0;
}
.newprojbase h3 img {
	width: 100px;
}
.newprojbase img {
	width: 100%;
}

.newproj {
    width: 100%;
	margin: 0% 0% 0% 0%;
	position: relative;
	padding: 3% 0 1% 0;
	background-color: #eaeae8;
}

.newprojtori-pc{
    width: 100%;
	margin: 0% 0% 5% 0%;
	position: relative;
	padding: 1%;
}
.newprojtori-pc h2 {
	width: 100%;
	margin: 0%;
	font-size: 30px;
	font-weight: 200;
	font-family: "Crimson Pro", serif;
	text-align: center;
	padding-top: 0%;
}
.newprojtori-pc h3 {
	width: 100%;
	margin: 3% 0% 4% 0%;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	text-align: center;
	line-height: 160%;
}
.newprojtori-pc p {
	width: 90%;
	margin: 0 5% 0 5%; 
}
.newprojtori-pc ul {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	list-style: none;
	padding-right: 2rem;
	width: 100%;
}
.newprojtori-pc ul li {
	width: 90%;
	border: 1px solid #eee;
	margin: 3% 5% 2% 5%;
	float: left;
	padding: 4% 0% 4% 0%;
	background-color: #fff;
}
.newprojtori-pc ul li img {
	width: 90%;
	margin: 5% 5% 5% 5%;
}
.newprojtori-pc ul h2 {
	width: 95%;
	margin: 2% 5% 3% 0%;
	font-size: 24px;
	font-weight: 200;
	font-family: "Crimson Pro", serif;
}
.newprojtori-pc ul h3 {
	width: 90%;
	margin: 7% 5% 5% 5%;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	line-height: 160%;
	text-align: center;
}
.newprojtori-pc ul p {
	width: 90%;
  overflow: hidden;
	margin: 0 5% 0 5%;
	text-align: justify;
}

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');



newprojtext {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.newprojtitle {
  overflow: hidden;
  transform: translate(-100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  color: #aa8f7b;
  font-family: 'Josefin Sans', sans-serif;
}

.newprojtitle span {
  display: block;
  transform: translate(100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.newprojtitle.-visible,
.newprojtitle.-visible span {
  transform: translate(0, 0);
}

.newprojsentence {
  overflow: hidden;
  transform: translate(-100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  font-family: "Yu Gothic Medium";
  font-size: 16px;
  text-align: center;
}

.newprojsentence span {
  display: block;
  transform: translate(100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.newprojsentence.-visible,
.newprojsentence.-visible span {
  transform: translate(0, 0);
}
.righttub {
	width: 120px;
	background-color: #928c7d;
	color: #fff;
	right: 0px;
	top: 77px;
	position: absolute;
	text-align: center;
	font-size: 12px;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	padding: 1% 0 1% 0;
	border-bottom-left-radius: 17px;
}



@media screen and (min-width: 1000px) {
	
.newprojbase {
    width: 100%;
	margin: 0% 0% 0% 0%;
	position: relative;
	padding: 4% 0 4% 0;
}
.newprojbase h4 {
	text-align: center;
	font-size: 60px;
	font-weight: bold;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif !important;
	letter-spacing: 0.03em;
	margin: 1% 0 2% 0;
}
.newprojbase h4 img {
	width: 180px;
}
	
.newprojbase h3 {
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif !important;
	letter-spacing: 0.1em;
	margin: 2% 0 0% 0;
}
.newprojbase h3 img {
	width: 100px;
}
	
.newprojbase img {
	width: 100%;
}

.newprojtori-pc{
    width: 90%;
	margin: 0% 5% 5% 5%;
	position: relative;
	padding: 1%;
}
.newprojtori-pc h2 {
	width: 100%;
	margin: 0%;
	font-size: 30px;
	font-weight: 200;
	font-family: "Crimson Pro", serif;
	text-align: center;
	padding-top: 0%;
}
.newprojtori-pc h3 {
	width: 100%;
	margin: 3% 0% 4% 0%;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	line-height: 160%;
	text-align: center;
}
.newprojtori-pc p {
	width: 90%;
	margin: 0 5% 0 5%; 
}
.newprojtori-pc ul {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	list-style: none;
	padding-right: 2rem;
	width: 100%;
}
.newprojtori-pc ul li {
	width: 48%;
	border: 1px solid #eee;
	margin: 0 1% 2% 1%;
	padding: 4% 0% 4% 0%;
	float: left;
	background-color: #fff;
}
.newprojtori-pc ul img {
	width: 54%;
	margin: 0% 28% 0% 28%;
}
.newprojtori-pc ul h2 {
	width: 95%;
	margin: 2% 5% 3% 0%;
	font-size: 24px;
	font-weight: 200;
	font-family: "Crimson Pro", serif;
}
.newprojtori-pc ul h3 {
	width: 90%;
	margin: 2% 5% 5% 5%;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	line-height: 160%;
	text-align: center;
}
.newprojtori-pc ul p {
	width: 86%;
  overflow: hidden;
	margin: 0 7% 0 7%; 
	text-align: justify;
}	
.righttub {
	width: 120px;
	background-color: #928c7d;
	color: #fff;
	right: 0px;
	top: 138px;
	position: absolute;
	text-align: center;
	font-size: 12px;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	padding: 1% 0 1% 0;
	border-bottom-left-radius: 17px;
}
.newprojagenda{
    width: 100%;
	margin: 0% 0% 5% 0%;
	position: relative;
	background-color: #928c7d;
	padding: 5% 0 5% 0;
}
.newprojagenda h2 {
	width: 100%;
	margin: 2% 0% 3% 0%;
	font-size: 30px;
	font-weight: 200;
	font-family: "Crimson Pro", serif;
	text-align: center;
	color: #fff;
}
.newprojagenda p {
	line-height: 200%;
}
.newprojagenda-innner{
    width: 90%;
	margin: 0% 5% 5% 5%;
	position: relative;
	background-color: #fff;
	padding: 5%;
}
.newprojhajime{
    width: 100%;
	margin: 5% 0% 0% 0%;
	position: relative;
	background-color: #fff;
	padding: 0% 0 0% 0;
	text-align: center;
}
.newprojhajime h2 {
	width: 100%;
	margin: 1% 0% 5% 0%;
	font-size: 48px;
	font-weight: 800;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	text-align: center;
	color: #000;
	letter-spacing: 0.1em;
}
.newprojhajime h5 {
	width: 100%;
	margin: 5% 0% 0% 0%;
	font-size: 14px;
	font-weight: 800;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	text-align: center;
	color: #938c7d;
	letter-spacing: 0.1em;
}
.newprojhajime p{
    width: 90%;
	margin: 0% 5% 2% 5%;
	position: relative;
	background-color: #fff;
	padding: 0 5% 0 5%;
	text-align: left;
	font-size: 16px;
}
.newprojhajime h4 img {
	width: 180px;
	margin: 0 auto;
	margin-bottom: 0;
}
	
.newprojgoal{
    width: 100%;
	margin: 5% 0% 0% 0%;
	position: relative;
	background-color: #fff;
	padding: 0% 0 0% 0;
	text-align: center;
}
.newprojgoal h2 {
	width: 100%;
	margin: 1% 0% 5% 0%;
	font-size: 40px;
	font-weight: 800;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	text-align: center;
	color: #000;
	letter-spacing: 0.1em;
}
.newprojgoal h5 {
	width: 100%;
	margin: 5% 0% 0% 0%;
	font-size: 14px;
	font-weight: 800;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	text-align: center;
	color: #938c7d;
	letter-spacing: 0.1em;
}
.newprojgoal p{
    width: 84%;
	margin: 0% 8% 2% 8%;
	position: relative;
	background-color: #dad8d3;
	padding: 4% 5% 5% 5%;
	text-align: left;
}
.newprojgoal h4 img {
	width: 360px;
	margin: 0 auto;
	margin-bottom: 0;
}
	
.newprojflow{
    width: 100%;
	margin: 0% 0% 0% 0%;
	position: relative;
	background-color: #fff;
	padding: 0% 0 0% 0;
	text-align: center;
}
.newprojflow h2 {
	width: 100%;
	margin: 1% 0% 5% 0%;
	font-size: 36px;
	font-weight: 500;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	text-align: center;
	color: #000;
	letter-spacing: 0.1em;
}
.newprojflow h5 {
	width: 100%;
	margin: 5% 0% 0% 0%;
	font-size: 14px;
	font-weight: 800;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	text-align: center;
	color: #938c7d;
	letter-spacing: 0.1em;
}
.newprojflow p{
	width: 80%;
	margin: 0 10% 0 10%; 
	font-size: 16px;
	text-align: left;
}
.newprojflow h4 img {
	width: 360px;
	margin: 0 auto;
	margin-bottom: 0;
}
	
.newprojcurriculum{
    width: 100%;
	margin: 0% 0% 0% 0%;
	position: relative;
	background-color: #fff;
	padding: 0% 0 0% 0;
	text-align: center;
}
.newprojcurriculum h2 {
	width: 100%;
	margin: 1% 0% 5% 0%;
	font-size: 36px;
	font-weight: 500;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	text-align: center;
	color: #000;
	letter-spacing: 0.1em;
}
.newprojcurriculum h5 {
	width: 100%;
	margin: 5% 0% 0% 0%;
	font-size: 14px;
	font-weight: 800;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	text-align: center;
	color: #938c7d;
	letter-spacing: 0.1em;
}
.newprojcurriculum p{
    width: 90%;
	margin: 0% 5% 2% 5%;
	position: relative;
	background-color: #fff;
	padding: 0 5% 0 5%;
	text-align: left;
}
.newprojcurriculum h4 img {
	width: 360px;
	margin: 0 auto;
	margin-bottom: 0;
}
.newprojcurriculum table {
	width: 84%!important;
	margin: 0 8% 5% 8%;
	border-collapse:collapse;
	position: relative;
}
.newprojcurriculum table td {
	border-bottom: 0!important;
	border: 1px solid #938c7d;
	margin: 0;
	padding: 1%;
	text-align: center;
}
	.td-left {
		width: 10%;
	}
	.td-middle {
		width: 40%;
	}
	.td-right {
		width: 50%;
	}
.newprojage-pc{
    width: 90%;
	margin: 0% 5% 5% 5%;
	position: relative;
	padding: 1%;
}
.newprojage-pc h2 {
	width: 100%;
	margin: 0%;
	font-size: 30px;
	font-weight: 200;
	font-family: "Crimson Pro", serif;
	text-align: center;
	padding-top: 0%;
}
.newprojage-pc h3 {
	width: 100%;
	margin: 3% 0% 4% 0%;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	line-height: 160%;
	text-align: center;
}
.newprojage-pc p {
	width: 90%;
	margin: 0 5% 0 5%; 
}
.newprojage-pc ul {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	list-style: none;
	padding-right: 2rem;
	width: 100%;
}
.newprojage-pc ul li {
	width: 33%;
	border: 1px solid #eee;
	margin: 0 0% 0% 0%;
	padding: 2% 0% 2% 0%;
	float: left;
	background-color: #fff;
}
.newprojage-pc ul img {
	width: 44%;
	margin: 0% 28% 0% 28%;
}
.newprojage-pc ul h2 {
	width: 95%;
	margin: 2% 5% 3% 0%;
	font-size: 11px;
	font-weight: 200;
	font-family: "Crimson Pro", serif;
}
.newprojage-pc ul h3 {
	width: 90%;
	margin: 1% 5% 1% 5%;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	line-height: 160%;
	text-align: center;
}
.newprojage-pc ul p {
	width: 86%;
  overflow: hidden;
	margin: 0 7% 0 7%; 
	text-align: justify;
}
	
	
.dli-arrow-down {
  display: inline-block;
  vertical-align: middle;
  color: #ccc;
  line-height: 1;
  position: relative;
  width: 0.1em;
  height: 1em;
  background: currentColor;
  margin: 0 auto;
}

.dli-arrow-down::before {
  content: '';
  width: 0.65em;
  height: 0.65em;
  border: 0.1em solid currentColor;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  transform-origin: bottom left;
  position: absolute;
  left: 50%;
  bottom: -0.05em;
  box-sizing: border-box;
}
	
.newprojarrow1{
    position: relative;
    width: 80%;
	margin: 0 11% 0 9%;
    height: 20px;
    background: linear-gradient(to right, #dad8d3, #999284);
}
.newprojarrow1::after{
    content: "";
    position: absolute;
    top: -10px;
    right: -20px;
    border-left: 20px solid #999284;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
	
.diamond {
  width: 120px;
  height: 120px;
  background: #0a4174;
  transform: rotate(45deg);
  position: relative;
  margin: 0 auto;
  margin-top: 4%;
  margin-bottom: 3%;
}
.diamond_box {
  width: 120px;
  transform: rotate(-45deg);
  text-align: center;
  position: absolute;
  top: 50px;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	text-align: center;
	color: #000;
	letter-spacing: 0.1em;
	font-size: 13px;
	color: #fff;
}

.newpromain{
  position: relative;
  margin:0% 0% 0% 0%;
}
.newpromain img{
  width: 100%;
  height: auto;
}
	
	
.goalsanretsu-pc{
    width: 90%;
	margin: 3% 5% 5% 5%;
	position: relative;
	padding: 1%;
}
.goalsanretsu-pc h2 {
	width: 100%;
	margin: 0%;
	font-size: 30px;
	font-weight: 200;
	font-family: "Crimson Pro", serif;
	text-align: center;
	padding-top: 0%;
}
.goalsanretsu-pc h3 {
	width: 100%;
	margin: 3% 0% 4% 0%;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	line-height: 160%;
	text-align: center;
}
.goalsanretsu-pc p {
	width: 90%;
	margin: 0 5% 0 5%; 
	font-size: 16px;
}
.goalsanretsu-pc ul {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	list-style: none;
	padding-right: 2rem;
	width: 100%;
}
.goalsanretsu-pc ul li {
	width: 31%;
	border: 0px solid #eee;
	margin: 0 1% 1% 1%;
	padding: 3% 0% 3% 0%;
	float: left;
	background-color: #fff;
}
.goalsanretsu-pc ul img {
	width: 44%;
	margin: 0% 28% 0% 28%;
}
.goalsanretsu-pc ul h2 {
	width: 95%;
	margin: 2% 5% 3% 0%;
	font-size: 24px;
	font-weight: 200;
	font-family: "Crimson Pro", serif;
}
.goalsanretsu-pc ul h3 {
	width: 90%;
	margin: 2% 5% 5% 5%;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
	line-height: 160%;
	text-align: center;
}
.goalsanretsu-pc ul p {
	width: 86%;
  overflow: hidden;
	margin: 0 7% 0 7%; 
	text-align: justify;
}
	
.newprojbutton {
	width: 80%;
	margin: 3% 10% 3% 10%;
	padding: 2% 0 2% 0;
	text-align: center;
	font-size: 24px;
	letter-spacing: 0.05em;
	font-weight: bold;
	color: #fff;
	position: relative;
	background: linear-gradient(-20deg, #733912 0%, #dad8d3 100%);
	font-family: 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'serif;
}
	
}