@charset "UTF-8";
/* CSS Document */
/*スマホ用スタイル*/
@media screen and (max-width: 767px) {

/*セクション間余白----------------------------------------------------------- */
section {
  padding: 45px 0;
}

/*header----------------------------------------------------------- */


/*MV----------------------------------------------------------- */
.eyecatch {
	aspect-ratio: 750 / 1100;
}
.eyecatch .title img {
	width: calc((563 / 750) * 100%);
}
.eyecatch .slider_lt {
	left: 0;
	top: 0;
}
.eyecatch .slider_lt .text {
	left: 5px;
	top: 5px;
}
.eyecatch .slider_lb .text {
	left: 5px;
	bottom: 5px;
}
.eyecatch .slider_rt .text {
	right: 5px;
	top: 5px;
}
.eyecatch .slider_rb .text {
	right: 5px;
	bottom: 5px;
}
.eyecatch .slide01 .text {
	width: 90px;
}
.eyecatch .slide02 .text {
	width: 90px;
}
.eyecatch .slide03 .text {
	width: 90px;
}
.eyecatch .slide04 .text {
	width: 140px;
}
.eyecatch .slide05 .text {
	width: 140px;
}

/*CTA----------------------------------------------------------- */
.cta h2 img {
	width: 342px;
}
.cta .items {
	display: block;
}
.cta .item .button {
	bottom: calc((40 / 750) * 100%);
	width: calc((560 / 750) * 100%);
}
.cta .item:not(:last-child) {
	margin-bottom: 30px;
}

/*sec01----------------------------------------------------------- */


/*sec02----------------------------------------------------------- */
.sec02 h2 img {
	width: calc((691 / 750) * 100%);
}
.sec02 .items { 
	overflow: hidden;
	background: #fff;	
	margin-bottom: calc((60 / 750) * 100%);;
}
.sec02 .item {
	margin-bottom: calc((60 / 750) * 100%);
}
.sec02 .item .image {
	padding: calc((60 / 750) * 100%) 0;
	margin-top: 0;
}
.sec02 .item:nth-child(2n+2) .image {
	padding-right: 0;
}
.sec02 .item .image::after {
	content: none;
}
.sec02 .item .image img.img {
	width: calc((690 / 750) * 100%);
}
.sec02 .item .image a {
	position: static;
	width: calc((440 / 750) * 100%);
	margin: calc((55 / 750) * 100%) auto 0;
}
.sec02 .button h3 {
	margin-bottom: calc((10 / 750) * 100%);
}
.sec02 .button h3 img {
	width: calc((466 / 750) * 100%);
}
.sec02 .button p img {
	width: calc((690 / 750) * 100%);
}
.sec02 .slick-slide {
	margin: 0;
}

/*sec03----------------------------------------------------------- */
.sec03 h2 img {
	width: calc((548 / 750) * 100%);
}
.sec03 .item:not(:last-child) {
	margin-bottom: calc((60 / 750) * 100%);
}

/*sec04----------------------------------------------------------- */
.sec04 h2 img {
	width: calc((592 / 750) * 100%);
}

/*sec06----------------------------------------------------------- */
.sec06 h2 {
	margin-top: -10px;
}

/*sec07----------------------------------------------------------- */
.sec07 h2 {
	margin-left: -15px;
	margin-right: -15px;
}

/*sec10----------------------------------------------------------- */
.sec10 {
	margin-top: calc((200 / 750) * 100%);
}
.sec10 h2 {
	margin-top: calc((-200 / 750) * 100%);
}

/*sec11----------------------------------------------------------- */
.sec11 h2 img {
	width: calc((637 / 750) * 100%);
}

/*sec12----------------------------------------------------------- */
.sec12 h2 img {
	width: calc((677 / 750) * 100%);
}
.sec12 .white_box {
  padding: 20px;
}
.sec12 .white_box:before {
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	top: 5px;
	left: 5px;
}

/*sec13----------------------------------------------------------- */
.sec13 h2 img {
	width: calc((675 / 750) * 100%);
}

/*sec15----------------------------------------------------------- */
.sec15 h2::after { 
	bottom: calc((-60 / 750) * 100vw);
	height: calc((100 / 750) * 100vw);
}
.sec15 h2 img {
	width: calc((368 / 750) * 100%);
}

/*sec91----------------------------------------------------------- */
.sec91 .image {
	margin: 0 -15px;
}

/*Footer----------------------------------------------------------- */
footer {
	padding: 60px 0;
}
footer p {
  width: 40%;
  margin: 0 auto;
}

/*Footer----------------------------------------------------------- */
footer {
	background: #e9d4c3;
	padding: 80px 0;
}

.l-footer small {
	font-size: 0.8rem;
}

.l-footer {
	padding: 3rem 1rem 5.5rem;
    border-top: 3px solid #c56155;
	text-align: center;
}
.l-footer__item a {
	font-size: 0.8rem;
	padding-bottom: 10px;
}

/*==========================================================================*/
/*                             floating banner                              */
/*==========================================================================*/
.floating-banner .btn {
    width: 100%;
    padding: 10px 15px;
    max-width: 100%;
    font-size: 0.9rem;
    margin:0;
}
.float_btn{gap: 10px;}


}/*スマホ用スタイルend*/