@charset "UTF-8";

/* --------------------------------------
	global
-------------------------------------- */

body {
  scrollbar-width: none;
  /*Firefox対応のスクロールバー非表示コード*/
  -ms-overflow-style: none;
  /*Internet Explore対応のスクロールバー非表示コード*/
}

body::-webkit-scrollbar {
  display: none;
  /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}

.wrapper {
  max-width: 750px;
  margin: auto;
}

header {
  padding: 5vw 0 0 4vw;
}

header nav .menu {
  background: #fffdeb;
}

header nav .menu__inner ul li a {
  color: #333;
  font-size: 1.8rem;
}

header nav .menu .closeBtn span {
  color: #333;
}

main {
  margin: auto;
}

.ma {
  margin-left: auto;
  margin-right: auto;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.df {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.jcsb {
  justify-content: space-between;
}

.jcc {
  justify-content: center;
}

.lo {
  max-width: 100vw;
  margin: 0 auto;
}

.lo_inner {
  /* width: 86.667vw; */
  margin: 0 auto;
}

img {
  display: block;
}

/* --------------------------------------
	CV
-------------------------------------- */
.btn a {
  display: block;
  -webkit-animation-name: dokidoki;
  animation-name: dokidoki;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes dokidoki {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  60% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes dokidoki {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  60% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.cv_block .cv_ttx01 {
  max-width: 1000px;
  margin: 10px auto auto;
}



/* ----------------------------------
	sections
---------------------------------- */


#sec01 {
  background: url('../img/01_bg.png') no-repeat;
  background-size: 100%;
}

#sec01 .sec01-1 {
  background: url('../img/01_1_bg.png') no-repeat;
  background-size: 100%;
}

#sec01 .sec01-2 {
  background: url('../img/01_2_bg.png') no-repeat;
  background-size: 100%;
}

#sec08 {
  background-image: url('../img/01_bg.png');
  background-size: 100%;
}

#sec08 .sec08-1 {
  background: url('../img/01_1_bg.png') no-repeat;
  background-size: 100%;
}

#sec08 .sec08-2 {
  background-image: url('../img/01_2_bg.png');
  background-size: 100%;
}

#sec13 .sec13-1,
#sec13 .sec13-3 {
  background: url('../img/13_bg1.png') no-repeat;
  background-size: 100%;
}

#sec13 .sec13-2 {
  background: url('../img/13_bg2.png') no-repeat;
  background-size: 100%;
}

#sec02 .sec002_bg01 {
  background: url('../img/02_bg2.png') center top no-repeat;
  background-size: 100%;
  position: relative;
  z-index: 2;
}

#sec02 .sec002_bg02 {
  background: url('../img/02_bg1.png') center bottom no-repeat;
  background-size: 100%;
  position: relative;
  z-index: 1;
  padding-top: 10%;
  margin-top: -10%;
}

#sec03 {
  background: url('../img/03_bg.png') 0 0 repeat-x;
  background-size: contain;
}

#sec04 {
  background: url('../img/04_bg.png') 0 0 no-repeat;
  background-size: 100%;
}

#sec05 .sec05-blk1 {
  background: url('../img/05_blk1_bg.png') 0 0 no-repeat;
  background-size: 100%;
}

#sec05 .sec05-blk2 {
  background: url('../img/05_blk2_bg.png') 0 0 no-repeat;
  background-size: 100%;
}

#sec05 .sec05-blk3 {
  background: url('../img/05_blk3_bg.png') 0 0 no-repeat;
  background-size: 100%;
}

#sec05 .sec05-blk4 {
  background: url('../img/05_blk4_bg.png') 0 0 no-repeat;
  background-size: 100%;
}

#sec05 .sec05-blk5 {
  background: url('../img/05_blk5_bg.png') 0 0 no-repeat;
  background-size: 100%;
}

#sec05 .sec05-blk6 {
  background: url('../img/05_blk6_bg.png') 0 0 no-repeat;
  background-size: 100%;
}

#sec06 .sec06-blk {
  background: url('../img/06_blk_bg.png') 0 0 no-repeat;
  background-size: 100%;
}

#sec07 {
  background: url('../img/07_bg.png') 0 0 no-repeat;
  background-size: 100%;
}

#sec10 {
  background: url('../img/10_bg2.png') center bottom -1px no-repeat,
    url('../img/10_bg1.png') center top no-repeat;
  background-size: 100%;
  margin: 0 0 10vw;
}

#sec11 {
  background: url('../img/11_bg.png') center bottom -1px no-repeat #fffbea;
  background-size: 100%;
  padding: 0;
  margin: 0 0 5vw;
}

#sec05 .sec05-blk1 {
  background-image: url('../img/05_blk1_bg.png');
}

#sec05 .sec05-blk2 {
  background-image: url('../img/05_blk2_bg.png');
}

#sec05 .sec05-blk3 {
  background-image: url('../img/05_blk3_bg.png');
}

#sec05 .sec05-blk4 {
  background-image: url('../img/05_blk4_bg.png');
}

#sec05 .sec05-blk5 {
  background-image: url('../img/05_blk5_bg.png');
}

#sec06 .sec06-blk {
  background-image: url('../img/06_blk_bg.png');
}


/* detail */
#sec_fv {
  padding: 0;
  background: url(../img/00_bg.png) center top no-repeat;
  background-size: contain;
}

#sec01 {
  padding: 7.693% 0;
  margin: 0;
}

#sec01 .cv_area {
  width: 86.667%;
  padding: 0;
  margin: 0 auto;
}



#sec01 .cv_area .img1,
#sec08 .cv_area .img3 {
  width: 16.923%;
  left: 11%;
  top: 21%;
}

#sec01 .cv_area .btn1,
#sec08 .cv_area .btn3 {
  width: 92.308%;
  margin: 0 auto;
}

#sec01 .cv_area .img2,
#sec08 .cv_area .img4 {
  width: 15.231%;
  left: 11%;
  top: 8%;
}

#sec01 .cv_area .btn2,
#sec08 .cv_area .btn4 {
  width: 65.538%;
  right: 4%;
  bottom: 7%;
}

#sec01 .sec01-1 {
  margin-bottom: 3.847%;
}

#sec08 {
  padding: 7% 0;
  margin: 0;
}

#sec08 .cv_area {
  width: 86.667%;
  padding: 0;
  margin: 0 auto;
}

#sec08 .sec08-1 {
  margin-bottom: 3.847%;
}

#sec13 .cv_area {
  width: 86.667%;
  padding: 0 0 12%;
  margin: 0 auto;
}

#sec13 .cv_area .btn {
  width: 92.308%;
  padding: 0;
  margin: 0 auto;
}

#sec13 .sec13-3 {
  padding-bottom: 6%;
}

#sec02 {
  height: auto;
  padding: 0;
  margin: 0;
}

#sec02 p {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}

#sec03 {
  background-image: url('../img/03_bg.png');
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 3;
  background-size: contain;
}

#sec04 {
  height: auto;
  padding: 0 0 7%;
  margin: 0;
}

#sec04 .video iframe {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.4);
}

#sec04 .video {
  width: 78.667%;
  height: 0;
  padding: 44% 0 0 0;
  margin: 0 auto 3%;
}

#sec05 {
  background: url(../img/05_bg2.png) center bottom no-repeat, url(../img/05_bg1.png) center bottom 1px no-repeat;
}

#sec05 .sec05-4 {
  width: 28.533%;
  left: 8%;
  top: 0.5%;
}

#sec06 {
  padding: 0 0 5vw;
  margin: 0;
}

#sec06 .sec06-1 {
  margin: -12% 0 0 0;
}

#sec06 .sec06-2 {
  width: 9.6%;
  right: 9.6%;
  top: 2.7%;
}

#sec07 {
	padding: 0 0 5vw;
	margin: 0;
}

#sec07 .pc {
	align-items: flex-start;
	width: 750px;
}

#sec07 .blk {
	width: 31%;
}

#sec07 .txt {
	margin-bottom: 8%;
}
/* #sec07 {
  padding: 0 0 10vw;
  margin: 0;
}

#sec07 .voice {
  align-items: flex-start;
}

#sec07 .lo_inner {
  width: 100vw;
}

#sec07 .blk {
  width: 31%;
}

#sec07 .txt {
  margin-bottom: 8%;
}

#sec07 .blk {
  width: 66.667vw;
  height: auto;
} */

#sec10 .sec10-1 {
  width: 100%;
  position: relative;
  left: 0;
  top: -3%;
}

#sec11 .sec11-2 {
  width: 64.933%;
  right: 15%;
  bottom: 0%;
}

#sec12 {
  margin: 0 0 5vw;
}

#sec13 {
  margin-bottom: 11%;
}

footer {
	margin: 0 0 10% 0;
    padding: 0;
	font-size: min(3.4vw, 20px);
}

@media screen and (max-width: 750px) {
	footer {
		margin: 0 0 45% 0;
	}
}

@media screen and (min-width: 1301px) {

	#sec01 .sec01-1 {
		margin-bottom: 50px;
	}

	#sec02 p {
		max-width: unset;
		width: 900px;
	}


	#sec07 .sec07-0 {
		margin-bottom: 0;
	}

	#sec10 {
		margin: 0 0 7%;
	}
}


/* ----------------------------

	アコーディオン

---------------------------- */
#sec07 .trigger_wrap {
	padding: 0;
	margin: 0;
}

#sec07 .trigger_wrap.active {}

#sec07 .trigger_wrap_btn {
	display: block;
	position: relative;
	margin: 0 auto;
	cursor: pointer;
	z-index: 2;
}

#sec07 .trigger_wrap_btn img{
	margin: auto;
}

#sec07 .trigger_wrap_btn span {
	font-size: 36px;
	color: #ff6994;
	text-align: center;
	position: absolute;
	display: inline-block;
	width: 80%;
	top: 50%;
	left: 0;
	margin: auto;
	transform: translateY(-50%);
	transition: 0.4s;
}

#sec07 .trigger_wrap_btn span.open {
	opacity: 1;
}

#sec07 .trigger_wrap_btn span.close {
	opacity: 0;
}

	/* @media screen and (max-width: 828px)
	{
		#sec07 .trigger_wrap
		{
			padding		: 0 0 6.039vw 0;
			margin		: 0;
		}
		#sec07 .trigger_wrap_btn
		{
			width		: 36.23%;
			height		: 8.454vw;
			bottom		: 3.019vw;
			left		: 0;
			right		: 0;
			margin		: 0 auto;
			border		: solid 0.242vw #ff6994;
		}
		#sec07 .trigger_wrap_btn::before
		{
			width		: 0.242vw;
			height		: 3.14vw;
			bottom		: 0;
			top			: 0;
			right		: 0;
			margin		: auto 3.865vw auto 0;
		}
		#sec07 .trigger_wrap_btn::after
		{
			width		: 3.14vw;
			height		: 0.242vw;
			bottom		: 0;
			top			: 0;
			right		: 0;
			margin		: auto 2.415vw auto 0;
		}
		#sec07 .trigger_wrap_btn span
		{
			font-size	: 4.348vw;
			width		: 80%;
			top			: 50%;
			left		: 0;
			margin		: auto;
		}
	} */

#sec07 .grad-item {
  position: relative;
  overflow: hidden;
  height: 300px;
  transition: 0.4s;
}

#sec07 .grad-item::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 300px;
  bottom: 0;
  left: 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  content: "";
  z-index: 1;
  transition: 0.4s;
}

#sec07 .trigger_wrap_btn.active::before {
  transform: rotate(90deg);
}

#sec07 .trigger_wrap_btn.active span.open {
  opacity: 0;
}

#sec07 .trigger_wrap_btn.active span.close {
  opacity: 1;
}

#sec07 .grad-item.active {
  height: auto !important;
}

#sec07 .grad-item.active::before {
  opacity: 0;
}

@media screen and (max-width: 1299px) {
  #sec07 .grad-item {
    height: 20vw;
  }

  #sec07 .grad-item::before {
    width: 100%;
    height: 20vw;
    bottom: 0;
    left: 0;
  }
}

@media screen and (max-width: 750px) {
  #sec07 .grad-item {
    height: 50vw;
  }

  #sec07 .grad-item::before {
    width: 100%;
    height: 30vw;
    bottom: 0;
    left: 0;
  }
  #sec07 {
	  padding: 0 0 10vw;
  }

  #sec07 .lo_inner {
	  width: 100vw;
  }

  #sec07 .blk {
	  width: 66.667vw;
	  height: auto;
  }

  #sec07 .trigger_wrap_btn {
	  width: 34.667vw;
	  margin: 0 auto;
  }
}



/* sec16 */
#sec16 {
	width: 100%;
	margin: auto;
	padding: 0 0 10% 0;
}

#sec16 .inner {
    padding: 4vw 3vw;
    margin: auto 6vw;
    background-size: 5px auto;
    border-radius: 2vw;
    display: block;
  }

#sec16 img {
  width: 100%;
}

#sec16 .lo_inner {
	background-image: url('../img/16_bg.png');
    padding: 5% 4% 8%;
  border-radius: 10px;
  align-items: stretch;
  overflow: hidden;
}

#sec16 .sec16-0 {
    /* width: 86.667vw; */
	margin: 0 auto 2vw;
}

#sec16 .block {
	position: relative;
	width: 100%;
    display: block;
    margin-bottom: 3vw;
}

#sec16 .block h3 {
  width: 83.009%;
  margin: 0 auto 7%;
  line-height: 0;
  text-align: center;
  margin-bottom: 3vw;
}

#sec16 .block:last-child {
  margin-bottom: 0;
}

#sec16 .block::before {
  display: none;
}

#sec16 .block:first-child:before {
	display: none;
  }

#sec16 .block .box .txt {
	text-align: center;
    font-size: min(3.1vw, 25px);
    margin-top: 0;
}

#sec16 .block .links {
	padding: 0 12%;
	color: #fd6e78;
    line-height: 2;
    font-size: min(4.2vw, 32px);
}

#sec16 .block .links a {
	color: #fd6e78;
	text-decoration: underline;
}

#sec16 .block .tel {
	width: 84.219%;
  margin: auto;
  padding: 0 3vw;
}

#sec16 .block .buttons {
  margin: 0 auto 7%;
}

#sec16 .block .sns {
    margin: 2% 6% 0;
}

#sec16 .block .sns div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}
  
#sec16 .block .sns div a {
  display: block;
}

#sec16 .block .sns div:nth-child(1) a {
  width: 45%;
}

#sec16 .block .sns div:nth-child(2) {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  margin-top: 1rem;
}

#sec16 .block .sns div:nth-child(2) a {
  margin: 0 4.2%;
}

#sec16 .block .sns div:nth-child(2) a:nth-child(1),
#sec16 .block .sns div:nth-child(2) a:nth-child(2),
#sec16 .block .sns div:nth-child(2) a:nth-child(3){
	width: 18%;
}

@media screen and (max-width: 767px) {
	#sec16 .block .sns div:nth-child(2) a{
		margin: 0 2.7%;
	}
}

/* ----------------------------------
	slide, slick
---------------------------------- */
.slide ul {
	width: 100%;
}

.slide ul li {
	margin: 0 20px;
}

.slide .slick-prev {
	z-index: 10;
	border-radius: 50%;
	font-size: 0;
	opacity: 0.8;
}

.slide .slick-next {
	z-index: 10;
	border-radius: 50%;
	font-size: 0;
	opacity: 0.8;
}

.slide .slick-prev::before {
	content: '';
	border: 0px;
	transform: rotate(45deg);
	position: absolute;
}

.slide .slick-next::before {
	content: '';
	border: 0px;
	transform: rotate(45deg);
	position: absolute;
}

#sec04 .slide .slick-prev {
	width: 54px;
	height: 54px;
	background: none;
}

#sec04 .slide .slick-next {
	width: 54px;
	height: 54px;
	background: none;
}

#sec04 .slide .slick-prev::before {
	width: 25px;
	height: 25px;
	border-bottom: solid 4px #5fb0bf;
	border-left: solid 4px #5fb0bf;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)rotate(45deg);
}

#sec04 .slide .slick-next::before {
	width: 25px;
	height: 25px;
	border-top: solid 4px #5fb0bf;
	border-right: solid 4px #5fb0bf;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)rotate(45deg);
}

#sec07 .sp.slide .slick-prev {
	left: 4%;
	top: 33vw;
	width: 10.667vw;
	height: 10.667vw;
	border: solid 3px #199ed6;
	background: #fff;
}

#sec07 .sp.slide .slick-next {
	right: 4%;
	top: 33vw;
	width: 10.667vw;
	height: 10.667vw;
	border: solid 3px #199ed6;
	background: #fff;
}

#sec07 .sp.slide .slick-prev::before {
	width: 20px;
	height: 20px;
	border-bottom: solid 5px #199ed6;
	border-left: solid 5px #199ed6;
	top: 37%;
	left: 39%;
}

#sec07 .sp.slide .slick-next::before {
	width: 20px;
	height: 20px;
	border-top: solid 5px #199ed6;
	border-right: solid 5px #199ed6;
	top: 37%;
	left: 31%;
}

#sec12 .slide .slick-prev {
	left: 12%;
	width: 45px;
	height: 45px;
	border: solid 3px #ef9164;
	background: #fff;
}

#sec12 .slide .slick-next {
	right: 12%;
	width: 45px;
	height: 45px;
	border: solid 3px #ef9164;
	background: #fff;
}

#sec12 .slide .slick-prev::before {
	width: 16px;
	height: 16px;
	border-bottom: solid 3px #ef9164;
	border-left: solid 3px #ef9164;
	top: 30%;
	left: 36%;
}

#sec12 .slide .slick-next::before {
	width: 16px;
	height: 16px;
	border-top: solid 3px #ef9164;
	border-right: solid 3px #ef9164;
	top: 30%;
	left: 20%;
}

.slick-prev:before,
.slick-next:before {
	content: "";
}

#sec04 .slide .slick-prev.slick-disabled,
#sec04 .slide .slick-next.slick-disabled,
#sec12 .slide .slick-prev.slick-disabled,
#sec12 .slide .slick-next.slick-disabled {
	display: block !important;
}

#sec12 .slick-prev.slick-disabled:before,
#sec12 .slick-next.slick-disabled:before {
	opacity: 1;
}


.dots ul {
	text-align: center;
	margin: 1.6vw auto 0;
}

.dots ul li {
	display: inline-block;
	margin: 0;
}

.dots ul button {
	display: block;
	width: 10px;
	height: 10px;
	margin: 6px;
	font-size: 0;
	padding: 0;
	border: 0;
	outline: none;
	cursor: pointer;
	background: #eeebe9;
	border-radius: 50%;
}

.dots ul .slick-active button {
	background: #b5dde4;
}


@media screen and (min-width: 1301px) {
	#sec04 .slide .slick-prev {
		left: 50%;
		transform: translateX(-270px);
	}

	#sec04 .slide .slick-next {
		right: 50%;
		transform: translateX(270px);
	}

	#sec04 .slick-slide {
		width: 451px;
		height: 475px;
	}

	#sec12 .slick-slide {
		width: 490px;
		height: 350px;
	}
}

@media screen and (max-width: 1300px) and (min-width: 768px) {
	.slide .slick-prev {
		width: 4.154vw;
		height: 4.154vw;
	}

	.slide .slick-next {
		width: 4.154vw;
		height: 4.154vw;
	}

	.slide .slick-prev::before {
		width: 1.385vw;
		height: 1.385vw;
	}

	.slide .slick-next::before {
		width: 1.385vw;
		height: 1.385vw;
	}

	#sec04 .slide .slick-prev {
		left: 15%;
		transform: translateX(0px);
		top: 45%;
	}

	#sec04 .slide .slick-next {
		right: 15%;
		transform: translateX(0px);
		top: 45%;
	}

	#sec04 .slick-slide {
		width: 34.692vw;
		height: 36.538vw;
	}

	#sec12 .slick-slide {
		width: 37.692vw;
		height: 26.923vw;
	}

}

@media screen and (max-width: 750px) {
	#sec04 .slick-slide {
		width: 80vw;
		height: 85.733vw;
	}

	.slide {
		width: 100vw;
	}

	.slide ul li {
		margin: 0 1.6vw;
	}

	.slide .slick-prev {
		width: 7.2vw;
		height: 7.2vw;
		left: calc(50% - 46vw);
	}

	.slide .slick-next {
		width: 7.2vw;
		height: 7.2vw;
		right: calc(50% - 46vw);
	}

	.slide .slick-prev::before {
		width: 2.4vw;
		height: 2.4vw;
	}

	.slide .slick-next::before {
		width: 2.4vw;
		height: 2.4vw;
	}

	.slick-slide {
		width: 69.333vw;
		height: 60vw;
	}

	#sec04 .slide .slick-prev {
		width: 7.2vw;
		height: 7.2vw;
		left: calc(50% - 44vw);
		transform: translateX(0px);
	}

	#sec04 .slide .slick-next {
		width: 7.2vw;
		height: 7.2vw;
		right: calc(50% - 44vw);
		transform: translateX(0px);
	}

	#sec07 .sp.slide .slick-prev::before {
		width: 2.667vw;
		height: 2.667vw;
		border-bottom: solid 3px #199ed6;
		border-left: solid 3px #199ed6;
		
	}

	#sec07 .sp.slide .slick-next::before {
		width: 2.667vw;
		height: 2.667vw;
		border-top: solid 3px #199ed6;
		border-right: solid 3px #199ed6;
	}

	#sec12 .slick-slide {
		width: 80vw;
		height: 65.334vw;
	}

	#sec12 .slide .slick-prev {
		left: 3%;
	}

	#sec12 .slide .slick-next {
		right: 3%;
	}
	
}


/* ----------------------------------
	item
---------------------------------- */
.item {
  max-width: 840px;
  margin: 4vw auto;
  position: relative;
}

.item .cart_btn {
  position: absolute;
  width: 79.8%;
  left: 10.1%;
  bottom: 5vw;
  z-index: 1;
}

.item .cart_btn a {
  display: block;
  -webkit-animation-name: dokidoki;
  animation-name: dokidoki;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* -----------------------------------------------------------------

	safariのみの対応

----------------------------------------------------------------- */
_::-webkit-full-page-media,
_:future,
:root #sec03 {
  min-height: 18vw;
}

#sec03-insrt1 {
  margin-top: -9%
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

  ::i-block-chrome,
  #sec03 {
    min-height: 18vw;
  }

  #sec03-insrt1 {
    margin-top: -9%
  }
}


.change_txt {
  text-align: center;
  margin-top: 1em;
  font-size: min(2.6vw, 20px);
}