*{
    margin:0;
    padding:0;
}
body {
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"Noto Sans Japanese", -apple-system, BlinkMacSystemFont, "Helvetica Neue",  "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	color: #392a1f;
	line-height: 2;
	background: #fff;
	letter-spacing: 0.05em;
	font-size: 18px;
	margin:0;
	padding:0;
	box-sizing: border-box;
}
img{
    max-width: 100%;
   height: auto;
   aspect-ratio: attr(width) / attr(height);
}
div{
	box-sizing: border-box;
}

a{
	text-decoration: none;
}

section .section-full-inner{
	padding:110px 0;
	width: 100%;
	position: relative;
	z-index: 20
}

video{
	max-width: 100%;
	height: auto;
}

section .section-inner{
padding:110px 20px;
width: 1200px;
margin: 0 auto;
position: relative;
z-index: 20
}

section .section-full-inner.no-padding-top{
	padding-top: 0;
}
section .section-full-inner.no-padding-bottom{
	padding-bottom: 0;
}

.flex-box{
	display: flex;
	flex-wrap: wrap;
}
.flex-2-1{
  display: flex;
  flex-wrap: wrap;
  margin:0 -2% -30px;
}
.flex-2-1 .f-box{
  width: 46%;
  margin:0 2% 30px;
}
.flex-3-1{
  display: flex;
  flex-wrap: wrap;
  margin:0 -1% -20px;
}
.flex-3-1 .f-box{
  width: 31.3%;
  margin:0 1% 20px;
}
.center{
    text-align: center;
}
.gothic{
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo,-apple-system, BlinkMacSystemFont, "Helvetica Neue",  sans-serif;
}


/*header*/


/*button*/


@media screen and (max-width: 1200px){
	section .section-inner{
		padding:80px 0;
		width: calc(100% - 40px);
		margin: 0 20px;
	}
	section .section-full-inner{
		padding:70px 0;
	}

	/*header*/

}
@media screen and (max-width: 767px){
	body {
    font-size: 88%;
	}
	section .section-inner{
		padding:60px 0;
		width: calc(100% - 30px);
		margin: 0 15px;
	}
	section .section-full-inner{
		padding:50px 0;
	}

	.flex-2-1,.flex-3-1{
    margin:0;
  }
  .flex-2-1 .f-box,.flex-3-1 .f-box{
    width: 100%;
    margin:0 0 25px;
  }
  .flex-2-1 .f-box:last-child,
  .flex-3-1 .f-box:last-child{
    margin-bottom:0;
  }

	/*header*/

}




/*改行*/
@media screen and (min-width: 768px){
    .pc-br::before {
        content: "\A";
        white-space: pre;
    }
}
@media screen and (max-width: 767px){
    .sp-br::before {
        content: "\A";
        white-space: pre;
    }
}
    


/*******************************************************
section
*******************************************************/

/*top-02-sec*/
.top-02-sec{
	background-color: #f9f7f2;
}

/*top-03-sec*/
.top-03-sec{
	background-color: #f2efe4;
}

/*top-04-sec*/
.top-04-sec{
	background-color: #f9f7f2;
}
.top-04-sec .content{
 background-color: #f2efe4;
 border: 4px solid;
 border-image: linear-gradient(to right,#ceb94a,#543c04) 1;
}
.top-04-sec .content .btn-wrap{
	padding: 0 65px 50px;
}
.top-04-sec .content .btn-type1{
	color: #fff;
	font-size: 1.3125rem;
	font-weight: 700;
	text-align: center;
	background: #eb6100; /* Old browsers */
	/* background: -moz-linear-gradient(top, #eb6100 0%, #d12300 100%); 
	background: -webkit-linear-gradient(top, #eb6100 0%,#d12300 100%);  */
	background: linear-gradient(to bottom, #eb6100 0%,#d12300 50%,#eb6100 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-size:100% 200%;
	border: 4px solid;
 	border-image: linear-gradient(to right,#eb6100,#d12300) 1;
	padding: 0.8em;
	position: relative;
	transition:background-position 0.3s;
}
.top-04-sec .content .btn-type1::before{
	content: "";
	position: absolute;
	width: 15px;
	height: 24px;
	top: 50%;
	transform: translateY(-50%);
	right: 38px;
	background:url(../img/arrow.svg) center / contain no-repeat; 
	z-index: 2;
	transition: 0.3s;
}

.top-04-sec .content .btn-type1::after{
	content: "";
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	background: #eb6100; /* Old browsers */
	background: -moz-linear-gradient(left, #eb6100 0%, #d12300 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #eb6100 0%,#d12300 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #eb6100 0%,#d12300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 50%;
	transition: 0.3s;
}

.top-04-sec .content a:hover .btn-type1{
	background-position:0 100%;
}

@media screen and (max-width: 767px){
	.top-04-sec .content .btn-wrap{
		padding: 20px;
	}
	.top-04-sec .content .btn-type1{
		padding: 0.8em 2.5em 0.8em 0.8em;
		font-size: 1.125rem;
	}
	.top-04-sec .content .btn-type1::before{
		width: 10px;
		height: 16px;
		right: 21px;
	}
	.top-04-sec .content .btn-type1::after{
		width: 38px;
		height: 38px;
		right: 8px;
	}
}

/*top-05-sec*/
.top-05-sec{
	background:url(../img/sec5-bg.jpg) center / cover no-repeat; 
}

/*top-06-sec*/
.top-06-sec{
	background: #f2efe4; /* Old browsers */
	background: -moz-linear-gradient(top, #f2efe4 0%, #d6cc99 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f2efe4 0%,#d6cc99 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f2efe4 0%,#d6cc99 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*top-07-sec*/
.top-07-sec{
	background-color: #f9f7f2;
}

/*top-08-sec*/
.top-08-sec{
	background: #f2efe4; /* Old browsers */
	background: -moz-linear-gradient(top, #d6cc99 0%, #f2efe4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d6cc99 0%,#f2efe4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d6cc99 0%,#f2efe4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*top-09-sec*/
.top-09-sec{
	background-color: #f2efe4;
}

/*******************************************************
footer
*******************************************************/
footer{
	background-color: #d6cc99;
}

footer .copyright{
	font-size: 14px;
	font-weight: 700;
	padding: 5px;
	text-align: center;
}