p{line-height:2.5;}
.catch-hero{font-size:2vw;text-shadow:0 0 1px rgba(0,0,0,.8);top:40%}
.section{
	width:70%;
	margin:auto;
	justify-content:space-between
}
.section-title{
	width:100%;
	text-align: center;
	font-size:1.1em;
	margin:8em 0 4em}
.section-title-2{
	width:100%;
	text-align: center;
	font-size:1.1em;
	margin:6em 0 4em}
.about{
	width:60%;
	margin: auto;
	text-align: center;
}
.about img{
	width: 90%;
	border-radius:50%;
	margin: 6em 2vw 0;
	box-shadow: 0px 0px 16px -7px rgba(0,0,0,0.8);
}


.gradient{
    /*ボタンの形状*/
	width: 80%;
	font-weight:bold;
    display: inline-block;
    padding: 18px 60px;  
    border-radius:30px;
    text-decoration: none;
    border:1px solid #8e9850;
    color: #8e9850;
    outline: none;
    /*アニメーションの指定*/ 
    ;-webkit-transition:all .8s ease;
	transition:all .8s ease
}
.yoyaku{
	text-align: center;
	margin-top:8em 
}
.yoyaku p{margin-bottom:4em}
/*hoverした際、グラデーションと影を付ける*/
.gradient:hover{
    /*ボタンの形状*/
    border-color:transparent;
    color: #fff;
    /*背景の色と形状*/
    background: linear-gradient(270deg, #85858c 0%, #8e9850 40%, #eaedcc 100%);
    background-size: 200% auto;
    background-position: right center;
	
}

@media screen and (max-width:1200px) and (min-width:771px){
.section{
	width:90%;
}

}

@media screen and (max-width:770px){
.catch-hero{font-size:4vw}
p{font-size:1.1em}
.section{
	width:90%;
}
.section-title{
	font-size:1.5em;
	margin:4em 0 2em}
.section-title-2{
	font-size:1.5em;
	margin:2em 0}
.about{
	width: 90%;
	text-align: left
}
.about img{
	width: 90%;
}
.yoyaku{
	margin-top:6em;
	padding-bottom: 4em
}
	.yoyaku p{text-align: left}
.gradient{
    /*ボタンの形状*/
    border-color:transparent;
    color: #fff;
    /*背景の色と形状*/
    background: linear-gradient(270deg, #85858c 0%, #8e9850 40%, #eaedcc 100%);
    background-size: 200% auto;
    background-position: right center;
	width: 100%;
	font-size:1.4em
}
}