@charset "utf-8";


	.sec2 h2{
		color: #3296bf;
		font-weight: 600;
		letter-spacing: 5px;
		font-size: 40px;
		font-family: "A-OTF 新ゴ Pro", A-OTF Shin Go Pro;
		border-bottom: 2px solid #66cef6;
		width: fit-content;
        margin: 0 auto;
        margin-bottom: 1em;
	}
	a.btn-orange {
    display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 440px; 
    margin: 0 auto;
    padding: 15px;
    background: #f9a70c;
    font-size: 25px;
    text-decoration: none;
    text-align: center;
    transition: .3s;
    font-weight: bold;
    position: relative;
    border-radius: 5px;
	border: 2px solid #f9a70c;
}
a.btn-orange span{
	font-size: 17px;
}
	.dli-arrow-right {
    position: absolute;
    top: 33%;
    right: -25px;
}

a.btn-orange:hover .dli-arrow-right {
    transform: translateX(15px);
    transition: transform 0.2s ease-in-out;
}
a.btn-orange:hover{
	background: #fff;
	border: 2px solid #f9a70c;
}
.sec2 .bold{
	font-size: 23px;
	font-weight: bold;
}
.sec2 .left{
	text-align: left;
	width: 70%;
	margin: 0 auto;
	margin-bottom: 2em;
	font-weight: bold;
	line-height: 40px;
	margin-top: 2em;
}
.sec3 .flex{
	flex-wrap: wrap;
	justify-content: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
}
.sec3 h1{
	color: #fff;
	font-size: 45px;
	font-weight: 600;
	text-align: center;
	font-family: "A-OTF 新ゴ Pro", A-OTF Shin Go Pro;
	letter-spacing: 2px;
	
}
.sec3 .ttls{
	width: fit-content;
    margin: 0 auto;
	margin-bottom: 2em;
}
.sec3 .ttls p.tops{
	font-size: 15px;
	text-align: right;
	font-weight: bold;
    margin-right: 15px;
    margin-top: 5px;
}

.sec3 p.supportername{
	font-size: 17px;
	padding: 5px 15px;
	background-color: #fff;
	border: 1px solid #3296bf;
	margin: 5px;
	    border-radius: 5px;
	font-weight: bold;
	width: fit-content;
}


.sec4 h1{
	color: #3296bf;
	font-size: 40px;
	font-weight: 800;
	text-align: center;
	font-family: "A-OTF 新ゴ Pro", A-OTF Shin Go Pro;
	    letter-spacing: 1px;
	margin-bottom: 1em;
}
.sec4 a.btn-orange{
	margin-top: 3em;
}


/*max-1030px*/
@media print, screen and ( min-width: 1030px ) {
	
.navDrawr > ul > li.crowd-menu  {
   /* display: inline-block;
    position: relative;*/
    cursor: pointer;
  }
.navDrawr > ul > li.crowd-menu{
	border-bottom: 8px solid #f9a70c;
}

.sec1 { background: #FFF; padding: 120px 0 0;}

.sec2 { 
	padding: 100px 0;
	text-align: center;
	font-size: 18px;
	}
.sec2 .wrap { 
	max-width: 1280px; 
	width: 100%; 
	margin: 0 auto;
	position: relative;
	}
	
    /*.sec2 .wrap:before {
        position: absolute;
        content: "";
        bottom: -102px;
        left: -60px;
        width: 203px;
        height: 474px;
        background: url(../images/crowdfunding/img-before.png) center no-repeat;
    }*/

	.sec2 p{
		font-family: YuGothic, 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif';
		padding: 30px 0;
	}

.sec3 {
  background: #66cef6;
  padding: 100px 0;
  font-size: 18px;
	position: relative;
	padding-bottom: 200px;
}
.sec3 .wrap{
	max-width: 1200px;
}
/*.sec3 .wrap:after {
	position: absolute;
	content: "";
	bottom: 0;
	right: -30px;
	width: 335px;
	height: 352px;
	background: url(../images/crowdfunding/img-after.png) center no-repeat;
}*/
.sec4 {
  background: #f5f5f5;
  padding: 100px 0;
padding-bottom: 180px;
}
	.sec4 .wrap{
		max-width: 740px;
	}
	.sec4 p{
		font-size: 15px;
		line-height: 32px;
		margin-bottom: 5em;
	}
}


/*769px-1029px
@media screen and ( min-width: 769px ) and ( max-width: 1029px ) {

.sec1 { background: #FFF; padding: 120px 0 0;}
.sec1 .wrap { height: 160px; padding-top: 40px; box-sizing: border-box; display: flex; justify-content: center;}
.sec1 .wrap h2 { font-size: 45px; font-family: Arial, Helvetica, "sans-serif"; line-height: 45px; font-weight: 600; color: #3296bf; text-align: center; display: inline-block;}
.sec1 .wrap h2 span { font-size: 20px; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; line-height: 40px; display: block;}

.sec2 { background: linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 50%, #fff 50%, #fff 100%); padding: 40px 0; text-align: center; font-size: 18px;}
.sec2 .wrap { max-width: 1280px; width: 100%; margin: 0 auto;}


}*/

/*768px-min*/
@media only screen and ( max-width: 1029px ) {

.sec1 { background: #FFF; padding: 73px 0 0;}
.sec1 .wrap { height: 120px; padding-top: 20px; box-sizing: border-box; display: flex; justify-content: center;}
.sec1 .wrap h2 { font-size: 30px; font-family: Arial, Helvetica, "sans-serif"; line-height: 45px; font-weight: 600; color: #3296bf; text-align: center; display: inline-block;}
.sec1 .wrap h2 span { font-size: 15px; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; line-height: 25px; display: block;}

section {
  padding: 80px 0;
}
section .wrap { width: 100%; padding: 0 20px;}
section .wrap h2 {
  font-size: 30px;
  font-family: Arial, Helvetica, "sans-serif";
  line-height: 45px;
  font-weight: 600;
  color: #3296bf;
  text-align: center;
  margin-bottom: 30px;
}
	section .wrap h1{
		font-size: 30px;
	}
		a.btn-orange{
		font-size: 21px;
		width: 90%;
	}

.sec2 { text-align: center; font-size: 16px;}
.sec2 .wrap { max-width: 1280px; width: 100%; margin: 0 auto;}
	.sec2 p{
		text-align: left;
		font-size: 15px;
		padding: 10px 0;
	}
	.sec2 .left{
		width: 100%;
		line-height: 30px;
		font-size: 14px;
	}
.sec2 .bold {
	font-size: 19px;
	}
.sec2 .img {
  margin: 40px 0;
}
	
	
	
	
	
.sec3 {
  background: #66cef6;
  font-size: 16px;
	padding: 60px 0;
}
.sec3 .ttls {
    margin-bottom: 1em;
}
	.sec3 p.supportername {
		font-size: 15px;
	}
    .scroll {
        /*overflow-y: scroll;*/
		        height: auto;
    }
	.kome {
        padding-top: 10px;
        color: red;
        font-weight: bold;
    }

.sec4 {
  background: #f5f5f5;
}
	.sec4 p{
		margin-bottom: 3em;
		line-height: 32px;
	}

}