@charset "utf-8";

*,*::before,*::after{
	box-sizing: border-box;
}

#contents_area{
	font-family: "HondaGlobalFontJP-Regular", sans-serif;
	font-weight: normal;
}

@media print, screen and (min-width: 769px){

	.u-sp-show{
		display: none;
	}
	.u-sp-hide{
		display: block;
	}

	#contents_area{
		padding-top: 121px;
		color: #666666;
	}

	.container{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
	}

	/* hero */
	.hero{
		width: 100%;
		height: 755px;
		text-align: center;
	}
	.hero-row__top{
		width: 100%;
		height: 285px;
		background: #99CDD3;
	}
	.hero-row__top .container{
		height: 100%;
		position: relative;
	}
	.hero-row__top img{
		position: absolute;
		left: -100px;
		bottom:-57px;
		width: 1104px;
		z-index: 1;
	}
	.hero-row__copy{
		width: 100%;
		height: 175px;
		background: #4A9AB3;
		position: relative;
	}
	.hero-row__copy .box{
		position: absolute;
		top: 13px;
		left: 50.3%;
		transform: translateX(-50%);
		z-index: 2;
	}
	.hero-row__copy .box h2{
		width: 726px;
		margin: 0 auto;
	}
	.hero-row__copy .box p{
		font-family: "Hiragino Kaku Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;
		margin-top: 3px;
		font-size: 27px;
		font-weight: bold;
		line-height: 1.48;
		letter-spacing: 0.04em;
		color: #fff;
		text-align: center;
		padding-left: 10px;
		font-feature-settings: normal;
	}
	.hero-row__bottom{
		width: 100%;
		height: 300px;
		background: #99CDD3;
	}
	.hero-row__bottom .container{
		height: 100%;
		position: relative;
	}
	.hero-row__bottom img{
		position: absolute;
		top: -75px;
		right: -135px;
		width: 1166px;
		z-index: 1;
	}

	/* new_item */
	.new_item{
		margin-top: 140px;
		width: 100%;
		padding-bottom: 20px;
	}

	/* sec01 */
	.sec01{
		margin-top: 105px;
		width: 100%;
		background: #CAD7DA;
		padding-bottom: 100px;
	}
	.sec01-title{
		width: 100%;
		height: 360px;
		background: #839FAC;
		text-align: center;
	}
	.sec01-title .container{
		height: 100%;
		position: relative;
	}
	.sec01-title .container::after{
		position: absolute;
		right: -95px;
		bottom:15px;
		content:'';
		width: 1202px;
		height: 373px;
		background: url(../img/sec01-title_bg.png) no-repeat;
		background-size: contain;
		z-index: 1;
	}
	.sec01-title .voice{
		position: absolute;
		top: 70px;
		right: 114px;
		width: 663px;
	}
	.sec01-spada{
		padding-top: 100px;
		margin-bottom: 190px;
	}
	.sec01-spada__top{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.sec01-spada__top .slide{
		width: 450px;
		height: 337px;
		position: relative;
	}
	.sec01-spada__top .slide .image{
		position: absolute;
		top: 0;
		left: 0;
		inset: 0;
		z-index: 0;
		opacity: 0;
		transition: opacity 0s ease-in-out;
	}
	.sec01-spada__top .slide .image.is-active{
		opacity: 1;
	}
	.sec01-spada__top .slide .image img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.sec01-spada__top .text{
		width: 507px;
		margin-right: -15px;
	}
	.sec01-spada__top .text img{
		width: 100%;
	}
	.sec01-spada__image{
		padding: 37px 0 33px;
		text-align: center;
		margin-right: -32px;
	}
	.sec01-spada__image .text{
		display: none;
	}
	.sec01-spada__itemList{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 49px;
	}
	.sec01-spada__itemList .item a{
		display: block;
		transition: 0.3s;
	}
	.sec01-spada__itemList .item a:hover{
		opacity: 0.7;
	}
	.sec01-spada__itemList .item .thumb{
		margin-bottom: 8px;
	}
	.sec01-spada__itemList .item .thumb img{
		width: 100%;
	}
	.sec01-spada__itemList .item p{
		color: #666;
		font-size: 22px;
		font-family: "HondaGlobalFontJP-Bold", sans-serif;
		line-height: 1.2;
		letter-spacing: 0.02em;
		text-align: center;
	}
	.sec01-spada__itemList .item p span{
		display: block;
		font-size:15px;
		font-family: "HondaGlobalFontJP-Light", sans-serif;
		text-align: left;
		letter-spacing: -0.06em;
		width: 134px;
		height: 28px;
		line-height: 28px;
		padding-left: 10px;
		border:#666666 solid 1px;
		border-radius: 20px;
		margin: 8px auto 0;
		position: relative;
	}
	.sec01-spada__itemList .item p span::after{
		position: absolute;
		top: 50%;
		right: 10px;
		content:'';
		width: 8px;
		height: 12px;
		transform: translateY(-50%);
		background: url(../img/icon_arrow.png) no-repeat;
		background-size: contain;
	}
	.sec01-air{
		margin-bottom: 190px;
	}
	.sec01-air__top{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 45px;
	}
	.sec01-air__top .slide{
		width: 450px;
		height: 337px;
		position: relative;
	}
	.sec01-air__top .slide .image{
		position: absolute;
		top: 0;
		left: 0;
		inset: 0;
		z-index: 0;
		opacity: 0;
		transition: opacity 0s ease-in-out;
	}
	.sec01-air__top .slide .image.is-active{
		opacity: 1;
	}
	.sec01-air__top .slide .image img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.sec01-air__top .text{
		position: relative;
		padding-top: 11px;
	}
	.sec01-air__image{
		text-align: center;
		padding: 35px 0 20px;
		margin-right: -191px;
		position: relative;
	}
	.sec01-air__image .text{
		display: none;
	}
	.sec01-air__image::after{
		position: absolute;
		right:63px;
		top:-136px;
		content:'';
		width: 271px;
		height: 263px;
		background: url(../img/sec01-air_img02.png) no-repeat;
		background-size: contain;
	}
	.sec01-air__itemList{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 49px;
	}
	.sec01-air__itemList .item a{
		display: block;
		transition: 0.3s;
	}
	.sec01-air__itemList .item a:hover{
		opacity: 0.7;
	}
	.sec01-air__itemList .item .thumb{
		margin-bottom: 8px;
	}
	.sec01-air__itemList .item .thumb img{
		width: 100%;
	}
	.sec01-air__itemList .item p{
		color: #666;
		font-size: 22px;
		font-family: "HondaGlobalFontJP-Bold", sans-serif;
		line-height: 1.2;
		letter-spacing: 0.02em;
		text-align: center;
	}
	.sec01-air__itemList .item p span{
		display: block;
		font-size:15px;
		font-family: "HondaGlobalFontJP-Light", sans-serif;
		text-align: left;
		letter-spacing: -0.06em;
		width: 134px;
		height: 28px;
		line-height: 28px;
		padding-left: 10px;
		border:#666666 solid 1px;
		border-radius: 20px;
		margin: 8px auto 0;
		position: relative;
	}
	.sec01-air__itemList .item p span::after{
		position: absolute;
		top: 50%;
		right: 10px;
		content:'';
		width: 8px;
		height: 12px;
		transform: translateY(-50%);
		background: url(../img/icon_arrow.png) no-repeat;
		background-size: contain;
	}
	.sec01-air__bottom{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 40px;
	}
	.sec01-air__bottom .slide{
		width: 450px;
		height: 337px;
		position: relative;
	}
	.sec01-air__bottom .slide .image{
		position: absolute;
		top: 0;
		left: 0;
		inset: 0;
		z-index: 0;
		opacity: 0;
		transition: opacity 0s ease-in-out;
	}
	.sec01-air__bottom .slide .image.is-active{
		opacity: 1;
	}
	.sec01-air__bottom .slide .image img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.sec01-air__bottom .text p{
		padding-top: 40px;
		font-size: 29px;
		font-family: "HondaGlobalFontJP-Bold", sans-serif;
		line-height: 1.42;
		letter-spacing: 0.02em;
	}
	.sec01-air__bottom .text p a{
		display: block;
		color: #666 !important;
		font-size:15px;
		font-family: "HondaGlobalFontJP-Light", sans-serif;
		text-align: left;
		letter-spacing: -0.06em;
		width: 134px;
		height: 28px;
		line-height: 28px;
		padding-left: 10px;
		border:#666666 solid 1px;
		border-radius: 20px;
		margin: 6px auto 0 0;
		position: relative;
	}
	.sec01-air__bottom .text p a::after{
		position: absolute;
		top: 50%;
		right: 10px;
		content:'';
		width: 8px;
		height: 12px;
		transform: translateY(-50%);
		background: url(../img/icon_arrow.png) no-repeat;
		background-size: contain;
	}

	/* access-list */
	.access-list{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 337px 337px 337px;
		gap: 100px 0;
	}
	.access-list .slide{
		width: 450px;
		height: 337px;
		position: relative;
	}
	.access-list .slide .image{
		position: absolute;
		top: 0;
		left: 0;
		inset: 0;
		z-index: 0;
		opacity: 0;
		transition: opacity 0s ease-in-out;
	}
	.access-list .slide .image.is-active{
		opacity: 1;
	}

	.access-list .slide .image img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.access-list .text{
		align-content: center;
	}
	.access-list .text p{
		padding-top: 10px;
		font-size: 29px;
		font-family: "HondaGlobalFontJP-Bold", sans-serif;
		line-height: 1.42;
		letter-spacing: 0.02em;
	}
	.access-list .text p a{
		display: block;
		color: #666 !important;
		font-size:15px;
		font-family: "HondaGlobalFontJP-Light", sans-serif;
		text-align: left;
		letter-spacing: -0.06em;
		width: 134px;
		height: 28px;
		line-height: 28px;
		padding-left: 10px;
		border:#666666 solid 1px;
		border-radius: 20px;
		margin: 6px auto 0 0;
		position: relative;
	}
	.access-list .text p a::after{
		position: absolute;
		top: 50%;
		right: 10px;
		content:'';
		width: 8px;
		height: 12px;
		transform: translateY(-50%);
		background: url(../img/icon_arrow.png) no-repeat;
		background-size: contain;
	}
	.access-list .text.col04{
		text-align: right;
	}
	.access-list .text.col04 a{
		margin: 8px 0 0 auto;
	}
	.access-list .col01{
		grid-column: 1/2;
		grid-row: 1/2;
	}
	.access-list .col02{
		grid-column: 2/3;
		grid-row: 1/2;
	}
	.access-list .col03{
		grid-column: 2/3;
		grid-row: 2/3;
	}
	.access-list .col04{
		grid-column: 1/2;
		grid-row: 2/3
	}
	.access-list .col05{
		grid-column: 1/2;
		grid-row: 3/4;
	}
	.access-list .col06{
		grid-column: 2/3;
		grid-row: 3/4;
	}
	.access-list .col01,
	.access-list .col02,
	.access-list .col03,
	.access-list .col04,
	.access-list .col05,
	.access-list .col06{
		position: relative;
		z-index: 1;
	}

	/* sec02 */
	.sec02{
		width: 100%;
		background: #EBE5CC;
	}
	.sec02-title{
		width: 100%;
		height: 360px;
		background: #DFD099;
		text-align: center;
	}
	.sec02-title .container{
		height: 100%;
		position: relative;
	}
	.sec02-title .container::after{
		position: absolute;
		left: -55px;
		bottom:-20px;
		content:'';
		width: 1211px;
		height: 377px;
		background: url(../img/sec02-title_bg.png) no-repeat;
		background-size: contain;
	}
	.sec02-title .voice{
		position: absolute;
		top: 70px;
		left: 205px;
		width: 663px;
	}

	.sec02-item{
		padding: 100px 0;
	}
	.sec02-item .slide.col01,
	.sec02-item .slide.col05{
		margin-left: 0;
		margin-right: auto;
	}
	.sec02-item .slide.col03{
		margin-left: auto;
		margin-right: 0;
	}
	.sec02-item .text.col04 p,
	.sec02-item .text.col06 p{
		padding-top: 30px;
	}
	.sec02-item .col01{
		z-index: 1;
	}
	.sec02-item .col01::before{
		position: absolute;
		top: -47px;
		right: -62px;
		content:'';
		width: 167px;
		height: 167px;
		background: url(../img/sec02-bg_03.png) no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.sec02-item .col01::after{
		position: absolute;
		bottom: -190px;
		right: -175px;
		content:'';
		width: 275px;
		height: 275px;
		background: url(../img/sec02-bg_04.png) no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.sec02-item .col02::before{
		position: absolute;
		bottom: -80px;
		right: 0;
		content:'';
		width: 144px;
		height: 228px;
		background: url(../img/sec02-bg_01.png) no-repeat;
		background-size: contain;
		z-index: -1;
	}
	/*
	.sec02-item .col03::before{
		position: absolute;
		top: -182px;
		left: -186px;
		content:'';
		width: 275px;
		height: 275px;
		background: url(../img/sec02-bg_04.png) no-repeat;
		background-size: contain;
		z-index: -1;
	}
		*/
	.sec02-item .col05::before{
		position: absolute;
		top: -91px;
		right:-88px;
		content:'';
		width: 220px;
		height: 220px;
		background: url(../img/sec02-bg_05.png) no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.sec02-item .col06::before{
		position: absolute;
		bottom:-10px;
		left: 124px;
		content:'';
		width: 173px;
		height: 219px;
		background: url(../img/sec02-bg_02.png) no-repeat;
		background-size: contain;
		z-index: -1;
	}

	/* sec03 */
	.sec03{
		width: 100%;
		background: #D6E0C6;
	}
	.sec03-title{
		width: 100%;
		height: 360px;
		background: #A7C78E;
		text-align: center;
	}
	.sec03-title .container{
		height: 100%;
		position: relative;
	}
	.sec03-title .container::after{
		position: absolute;
		left: -130px;
		bottom:-107px;
		content:'';
		width: 1257px;
		height: 486px;
		background: url(../img/sec03-title_bg.png) no-repeat;
		background-size: contain;
		z-index: 1;
	}
	.sec03-title .voice{
		position: absolute;
		top: 80px;
		left: 160px;
		width: 663px;
	}
	.sec03-item{
		padding: 100px 0;
	}
	.sec03-item .slide.col01,
	.sec03-item .slide.col05{
		margin-left: 0;
		margin-right: auto;
	}
	.sec03-item .slide.col03{
		margin-left: auto;
		margin-right: 0;
	}
	.sec03-item .text.col02 p{
		padding-top: 20px;
	}
	.sec03-item .text.col04 p,
	.sec03-item .text.col06 p{
		padding-top: 35px;
	}
	.sec03-item .col01::before{
		position: absolute;
		top:-55px;
		right:-211px;
		content:'';
		width: 189px;
		height: 186px;
		background: url(../img/sec03-bg_01.png) no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.sec03-item .col03::before{
		position: absolute;
		left: -157px;
		top:-28px;
		content:'';
		width: 135px;
		height: 102px;
		background: url(../img/sec03-bg_02.png) no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.sec03-item .col05::before{
		position: absolute;
		right: -474px;
		top: -55px;
		content:'';
		width: 237px;
		height: 231px;
		background: url(../img/sec03-bg_03.png) no-repeat;
		background-size: contain;
		z-index: -1;
	}

	/* sec04 */
	.sec04{
		width: 100%;
		background: #D8D8D8;
	}
	.sec04-title{
		width: 100%;
		height: 360px;
		background: #BFC0C0;
		text-align: center;
	}
	.sec04-title .container{
		height: 100%;
		position: relative;
	}
	.sec04-title .container::after{
		position: absolute;
		right:-50px;
		bottom:-113px;
		content:'';
		width: 1097px;
		height: 455px;
		background: url(../img/sec04-title_bg.png) no-repeat;
		background-size: contain;
		z-index: 1;
	}
	.sec04-title .voice{
		position: absolute;
		top: 80px;
		right: 115px;
		width: 663px;
	}
	.sec04-item{
		padding: 100px 0;
	}
	.sec04-item .image.col01,
	.sec04-item .image.col05{
		margin-left: 0;
		margin-right: auto;
	}
	.sec04-item .image.col03{
		margin-left: auto;
		margin-right: 0;
	}
	.sec04-item .text.col02 p{
		padding-top: 20px;
	}
	.sec04-item .text.col04 p,
	.sec04-item .text.col06 p{
		padding-top: 35px;
	}
	.sec04-item .col02::before{
		position: absolute;
		top: 36px;
		right: -13px;
		content:'';
		width: 212px;
		height: 223px;
		background: url(../img/sec04-bg_01.png) no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.sec04-item .col04::before{
		position: absolute;
		top: 14px;
		left: 44px;
		content:'';
		width: 222px;
		height: 212px;
		background: url(../img/sec04-bg_02.png) no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.sec04-item .col06::before{
		position: absolute;
		top: 30px;
		right:73px;
		content:'';
		width: 212px;
		height: 222px;
		background: url(../img/sec04-bg_03.png) no-repeat;
		background-size: contain;
		z-index: -1;
	}

	.content_bottom{
		width: 100%;
		background: #fff;
		padding:65px 0;
	}
	.content_bottom p{
		color: #808080;
		font-size: 46px;
		font-family: "HondaGlobalFontJP-Bold", sans-serif;
		text-align: center;
		letter-spacing: 0.05em;
	}

	/* アイテム */
	#section_items {
		padding-top: 90px;
		padding-bottom: 80px;
		background-color: #dbdbdb;
	}
	#section_items h3{
		margin: 0 auto 70px;
        font-size: 29px;
        font-weight: 700;
        text-align: center;
	}

	#section_items .item_list {
		display: flex;
		margin: 0 auto 50px;
		flex-wrap: wrap;
	}

	#section_items .item_list li {
		margin-bottom: 25px;
		width: calc( 50% - 15px);
		background-color: #fff;
	}

	#section_items .item_list li:nth-child(2n) {
		margin-left: 30px;
	}

	#section_items .item_list li a {
		color: #444;
	}

	#section_items .item_list .box_flex {
		position: relative;
		align-items: flex-start;
	}

	#section_items .item_list .img {
		width: 155px;
		position: relative;
		overflow: hidden;
	}

	#section_items .item_list .img img {
		width: 100%;
		vertical-align: middle;
		object-fit: cover;
		-webkit-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

	#section_items .item_list li:hover .img img {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}

	#section_items .item_list .box {
		padding: 10px 10px;
		width: calc(100% - 155px);
		box-sizing: border-box;
	}

	#section_items .item_list h4 {
		color: #000;
		font-size: 18px;
		line-height: 1.7;
		font-weight: normal;
	}

	#section_items .item_list h4 svg {
		margin-left: 3px;
	}

	#section_items .item_list .copy {
		margin-bottom: 35px;
		font-size: 18px;
		line-height: 24px;
	}

	#section_items .item_list .link {
		margin-bottom: 0;
		position: absolute;
		right: 8px;
		bottom: 8px;
		color: #000;
		font-size: 14px;
		text-align: left;
		align-self: flex-end;
	}

	#section_items .item_list .link::after {
		position: relative;
		top: 4px;
		content: "";
		display: inline-block;
		margin-left: 10px;
		width: 18px;
		height: 20px;
		background: url(../img/parts_ico_red_arrow.png) center no-repeat;
		background-size: 18px auto;
		display: inline-block;
	}

	/* banner_acollect */
	.banner_acollect {
		text-align: center;
		margin-bottom: 50px;
	}
	.banner_acollect .sp {
		display: none;
	}

	/* banner_archive */
	.banner_archive {
		text-align: center;

	}
	.banner_archive .sp {
		display: none;
	}

}

@media (min-width: 769px) and (max-width: 980px){
	.container{
		max-width: 100%;
		padding: 0 20px;
	}
	/* hero */
	.hero{
		height: 77.041vw;
	}
	.hero-row__top{
		height: 28.571vw;
	}
	.hero-row__top img{
		left: 0;
		bottom:-6.122vw;
		width:100%;
	}
	.hero-row__copy{
		height: 17.857vw;
	}
	.hero-row__copy .box{
		top: 2.041vw;
	}
	.hero-row__copy .box h2{
		width: 74.082vw;
	}
	.hero-row__copy .box p{
		font-size: 2.755vw;
	}
	.hero-row__bottom{
		height: 30.612vw;
	}
	.hero-row__bottom img{
		top: -7.143vw;
		right: 0;
		width: 100%;
	}

	/* sec01 */
	.sec01{
		margin-top: 10.204vw;
		padding-bottom: 10.204vw;
	}
	.sec01-title{
		height: 36.735vw;
	}
	.sec01-title .container::after{
		right: 0;
		bottom:1.02vw;
		width: 100%;
		height:38.061vw;
		background: url(../img/sec01-title_bg.png) no-repeat;
		background-size: contain;
		z-index: 1;
	}
	.sec01-title .voice{
		position: absolute;
		top: 7.143vw;
		right:auto;
		left: 55%;
		transform: translateX(-50%);
		width: 55vw;
	}
	.sec01-title .voice img{
		width: 100%;
	}
	.sec01-spada{
		padding-top: 10.204vw;
		margin-bottom: 19.388vw;
	}
	.sec01-spada__top{
		justify-content: flex-start;
		gap: 4.082vw;
	}
	.sec01-spada__top .slide{
		width: 45.918vw;
		height: 34.388vw;
	}
	.sec01-spada__top .text{
		width: auto;
		margin-right: 0;
	}
	.sec01-spada__top .text img{
		width: 100%;
	}
	.sec01-spada__image{
		padding: 3.776vw 0 3.673vw;
		margin-right: 0;
	}
	.sec01-spada__itemList{
		gap: 5vw;
	}
	.sec01-air{
		margin-bottom: 19.388vw;
	}
	.sec01-air__top{
		gap: 4.082vw;
	}
	.sec01-air__top .slide{
		width: 45.918vw;
		height: 34.388vw;
	}
	.sec01-air__image{
		padding: 3.265vw 0 2.347vw;
		margin-right: 0;
	}
	.sec01-air__image::after{
		right:-10.122vw;
		top:-13.878vw;
		width: 27.653vw;
		height: 26.837vw;
	}
	.sec01-air__itemList{
		gap: 5vw;
	}
	.sec01-air__bottom{
		gap: 4.082vw;
	}
	.sec01-air__bottom .slide{
		width: 45.918vw;
		height: 34.388vw;
	}

	/* access-list */
	.access-list{
		grid-template-rows: 34.388vw 34.388vw 34.388vw;
		gap: 10.204vw 4.082vw;
	}
	.access-list .slide{
		width: 45.918vw;
		height: 34.388vw;
	}

	/* sec02 */
	.sec02-title{
		height: 36.735vw;
	}
	.sec02-title .container::after{
		left: 0;
		bottom:-2.041vw;
		content:'';
		width: 100%;
		height: 38.469vw;
		background: url(../img/sec02-title_bg.png) no-repeat;
		background-size: contain;
	}
	.sec02-title .voice{
		top: 6.122vw;
		left: 20.408vw;
		width: 60.653vw;
	}
	.sec02-title .voice img{
		width: 100%;
	}

	.sec02-item{
		padding: 10.204vw 0;
	}

	.sec02-item .col01::before{
		top: -4.796vw;
		right: -6.327vw;
		width: 17.041vw;
		height: 17.041vw;
	}
	.sec02-item .col01::after{
		bottom: -19.388vw;
		right: -17.857vw;
		width: 28.061vw;
		height: 28.061vw;
	}
	.sec02-item .col02::before{
		bottom: -8.163vw;
		width: 14.694vw;
		height: 23.265vw;
	}
	.sec02-item .col05::before{
		top: -9.286vw;
		right:-8.98vw;
		width: 22.449vw;
		height: 22.449vw;
	}
	.sec02-item .col06::before{
		bottom:0;
		left: 12.653vw;
		width: 17.653vw;
		height: 22.347vw;
	}

	/* sec03 */
	.sec03-title{
		height: 36.735vw;
	}
	.sec03-title .container::after{
		left: 0;
		bottom:-10.918vw;
		content:'';
		width: 100%;
		height: 49.592vw;
		background: url(../img/sec03-title_bg.png) no-repeat;
		background-size: contain;
		z-index: 1;
	}
	.sec03-title .voice{
		top: 7.653vw;
		left: 21.367vw;
		width: 55.653vw;
	}
	.sec03-title .voice img{
		width: 100%;
	}
	.sec03-item{
		padding: 10.204vw 0;
	}
	.sec03-item .col01::before{
		top:-5.612vw;
		right:-21.531vw;
		width: 19.286vw;
		height: 18.98vw;
	}
	.sec03-item .col03::before{
		left: -16.02vw;
		top:-2.857vw;
		width: 13.776vw;
		height: 10.408vw;
	}
	.sec03-item .col05::before{
		right: -48.367vw;
		top: -5.612vw;
		width: 24.184vw;
		height: 23.571vw;
	}

	/* sec04 */
	.sec04-title{
		height: 36.735vw;
	}
	.sec04-title .container::after{
		right:0;
		bottom:-11.531vw;
		content:'';
		width:100%;
		height: 46.429vw;
		background: url(../img/sec04-title_bg.png) no-repeat;
		background-size: contain;
		z-index: 1;
	}
	.sec04-title .voice{
		position: absolute;
		top: 7.143vw;
		right: 12.245vw;
		width: 60.653vw;
	}
	.sec04-title .voice img{
		width: 100%;
	}
	.sec04-item{
		padding: 10.204vw 0;
	}
	.sec04-item .col02::before{
		top: 3.673vw;
		right: -1.327vw;
		width: 21.633vw;
		height: 22.755vw;
	}
	.sec04-item .col04::before{
		top: 1.429vw;
		left: 4.49vw;
		width: 22.653vw;
		height: 21.633vw;
	}
	.sec04-item .col06::before{
		top: 3.061vw;
		right:7.449vw;
		width: 21.633vw;
		height: 22.653vw;
	}
}

/* slide */
/*
.sec01-spada__top .slide.is-active .image{
	animation-name: slideShow-11;
	animation-iteration-count: infinite;
	animation-duration: 21s;
}
.sec01-air__top .slide.is-active .image{
	animation-name: slideShow-9;
	animation-iteration-count: infinite;
	animation-duration: 17s;
}
.sec01-air__bottom .slide.is-active .image{
	animation-name: slideShow-8;
	animation-iteration-count: infinite;
	animation-duration: 15s;
}

.sec02-item .slide.col01.is-active .image{
	animation-name: slideShow-8;
	animation-iteration-count: infinite;
	animation-duration: 15s;
}
.sec02-item .slide.col03.is-active .image{
	animation-name: slideShow-7;
	animation-iteration-count: infinite;
	animation-duration: 13s;
}
.sec02-item .slide.col05.is-active .image{
	animation-name: slideShow-8;
	animation-iteration-count: infinite;
	animation-duration: 15s;
}

.sec03-item .slide.col01.is-active .image{
	animation-name: slideShow-8;
	animation-iteration-count: infinite;
	animation-duration: 15s;
}
.sec03-item .slide.col03.is-active .image{
	animation-name: slideShow-7;
	animation-iteration-count: infinite;
	animation-duration: 13s;
}
.sec03-item .slide.col05.is-active .image{
	animation-name: slideShow-7;
	animation-iteration-count: infinite;
	animation-duration: 13s;
}
*/
/*
.slide.is-active .image:nth-child(1){
	animation-delay: 0s;
}
.slide.is-active .image:nth-child(2){
	animation-delay: 2s;
}
.slide.is-active .image:nth-child(3){
	animation-delay: 4s;
}
.slide.is-active .image:nth-child(4){
	animation-delay: 6s;
}
.slide.is-active .image:nth-child(5){
	animation-delay: 8s;
}
.slide.is-active .image:nth-child(6){
	animation-delay: 10s;
}
.slide.is-active .image:nth-child(7){
	animation-delay: 12s;
}
.slide.is-active .image:nth-child(8){
	animation-delay: 14s;
}
.slide.is-active .image:nth-child(9){
	animation-delay: 16s;
}
.slide.is-active .image:nth-child(10){
	animation-delay: 18s;
}
.slide.is-active .image:nth-child(11){
	animation-delay: 20s;
}*/

/*

@keyframes slideShow-11 {
	0% {
		opacity: 0;
		z-index : 2;
	}

	4% {
		opacity: 1;
	}

	6.85% {
		opacity: 1;
	}

	17%,
	100% {
		opacity: 0;
		z-index : 0;
	}
}
@keyframes slideShow-9 {
	0% {
		opacity: 0;
		z-index : 2;
	}

	4% {
		opacity: 1;
	}

	7.2% {
		opacity: 1;
	}

	21%,
	100% {
		opacity: 0;
		z-index : 0;
	}
}
@keyframes slideShow-8 {
	0% {
		opacity: 0;
		z-index : 2;
	}

	4% {
		opacity: 1;
	}

	8.8% {
		opacity: 1;
	}

	24%,
	100% {
		opacity: 0;
		z-index : 0;
	}
}
@keyframes slideShow-7 {
	0% {
		opacity: 0;
		z-index : 2;
	}

	4% {
		opacity: 1;
	}

	9.5% {
		opacity: 1;
	}

	29%,
	100% {
		opacity: 0;
		z-index : 0;
	}
}
	*/