@charset "utf-8";
/* CSS Document */

/* base
-----------------------------------------------*/
picture {
display: block;
}
.allwrapper .sp {
	display: block;
}
.allwrapper .pc {
	display: none;
}
@media (min-width:768px){
	.allwrapper .sp {
		display: none;
	}
	.allwrapper .pc {
		display: block;
	}
}

/* ========== base style ========== */
.allwrapper {
width: 100%;
min-height: 100vh;
padding-bottom: 13vw;
letter-spacing: 0.02em;
background: #fff;
animation-delay: 0.75s;
font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
.allwrapper * {
box-sizing: border-box;
}
.allwrapper a:link,
.allwrapper a:visited,
.allwrapper .acordion_btn {
text-decoration: none;
}
.allwrapper a {
	transition: all  0.7s ease;
}
@media (hover: hover) {
	.allwrapper a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}
}
.allwrapper ol,
.allwrapper ul {
list-style:none;
}
.allwrapper img, 
.allwrapper video,
.allwrapper button {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.allwrapper img,
.allwrapper picture {
	vertical-align: bottom;
}
@media (min-width:768px){
	.allwrapper {
		padding-bottom: 0;
		width: 100vw;
	}
}
.allwrapper ::selection {
	color: #fff;
	background-color: #2d4e7e;
}

/* page style
-----------------------------------------------*/
body{
	margin: 0;
}
.allwrapper {
	text-align: center;
}
.mvWrap {
	position: relative;
	width: 100%;
	text-align: center;
}
.mvImgCol {
	position: relative;
	width: calc(700/750*100vw);
	height: calc(767/750*100vw);
	margin: calc(20/750*100vw) auto calc(80/750*100vw);
	overflow: hidden;
}
.mvCatch {
	width: calc(366/750*100vw);
	z-index: 2;
	position: absolute;
	left: calc(-8 / 750* 100vw);
    bottom: calc(-42 / 750* 100vw);
}
.mvTit {
	width: calc(467/750*100vw);
	margin: auto;
}
.mvIntroTxt {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
	font-size: calc(23/750*100vw);
	line-height: calc(43/750*100vw);
	color: #000;
	margin-top: calc(85/750*100vw);
}
@media (min-width:768px) {
	.mvImgWrap {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.mvImgCol {
		width: calc(613/1250*100vw);
		height: calc(585/1250*100vw);
		margin: 0 calc(42/1250*100vw) 0 0;
	}
	.mvImg {
		width: calc(613/1250*100vw);
	}
	.mvCatch {
		width: calc(180/1250*100vw);
		left: calc(411/1250*100vw);
		bottom: calc(25/1250*100vw);
	}
	.mvTit {
		width: calc(325/1250*100vw);
		margin: 0;
	}
	.mvIntroTxt {
		font-size: calc(15/1250*100vw);
		line-height: calc(28/1250*100vw);
		margin-top: calc(30/1250*100vw);
	}
}
@media (min-width:1250px){
	.mvImgCol {
		width: 613px;
		height: 585px;
		margin: 0 42px 0 0;
	}
	.mvImg {
		width: 613px;
	}
	.mvCatch {
		width: 180px;
		left: 411px;
		bottom: 25px;
	}
	.mvTit {
		width: 325px;
		margin: 0;
	}
	.mvIntroTxt {
		font-size: 15px;
		line-height: 28px;
		margin-top: 30px;
	}
}


/* LOOK
-----------------------------------------------*/
.lookCol {
	margin: calc(110/750*100vw) auto 0;
}
.lookTit {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 900;
	font-size: calc(40/750*100vw);
	color: #1c4277;
	letter-spacing: 0.2rem;
}
.lookList {
	margin: calc(50/750*100vw) auto 0;
	width: calc(650/750*100vw);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: calc(70/750*100vw) calc(10/750*100vw);
}
.lookList li {
	width: calc(320/750*100vw);
}
.lookList li .lookListBtn {
	background-color: #1c4277;
	border-radius: calc(6/750*100vw);
	margin-top: calc(20/750*100vw);
	padding: calc(6/750*100vw) 0 calc(10/750*100vw);
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	letter-spacing: 0.2rem;
}
.lookList li .lookListBtnTxt {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 900;
	font-size: calc(22/750*100vw);
	color: #fff;
	margin-right: calc(15/750*100vw);
}
.lookList li .lookListBtnTxt span {
	font-size: calc(26/750*100vw);
	color: #ffebfc;
	vertical-align: -0.05rem;
}
.lookList li .lookListBtnArrow {
	width: calc(13/750*100vw);
	padding-top: calc(4 / 750* 100vw);
}
@media (min-width:768px){
	.lookCol {
		margin: calc(75/1250*100vw) auto 0;
	}
	.lookTit {
		font-size: calc(27/1250*100vw);
	}
	.lookList {
		margin: calc(60/1250*100vw) auto 0;
		width: calc(715/1250*100vw);
		gap: calc(70/1250*100vw) calc(40/1250*100vw);
	}
	.lookList li {
		width: calc(210/1250*100vw);
	}
	.lookList li .lookListBtn {
		border-radius: calc(5/1250*100vw);
		margin-top: calc(6/1250*100vw);
		padding: calc(5/1250*100vw) 0 calc(6/1250*100vw);
	}
	.lookList li .lookListBtnTxt {
		font-size: calc(15/1250*100vw);
		margin-right: calc(6/1250*100vw);
	}
	.lookList li .lookListBtnTxt span {
		font-size: calc(18/1250*100vw);
	}
	.lookList li .lookListBtnArrow {
		width: calc(8/1250*100vw);
		padding-top: calc(2/1250*100vw);
	}
}
@media (min-width:1250px){
	.lookCol {
		margin: 75px auto 0;
	}
	.lookTit {
		font-size: 27px;
	}
	.lookList {
		margin: 60px auto 0;
		width: 715px;
		gap: 70px 40px;
	}
	.lookList li {
		width: 210px;
	}
	.lookList li .lookListBtn {
		border-radius: 5px;
		margin-top: 6px;
		padding: 5px 0 6px;
	}
	.lookList li .lookListBtnTxt {
		font-size: 15px;
		margin-right: 6px;
	}
	.lookList li .lookListBtnTxt span {
		font-size: 18px;
	}
	.lookList li .lookListBtnArrow {
		width: 8px;
		padding-top: 2px;
	}
}

/* Section COMMON
-----------------------------------------------*/
.secWrap {
	position: relative;
	margin: 0 auto;
	padding-top: calc(40/750*100vw);
}
.secWrap.bgGray {
	margin: calc(180 / 750* 100vw) 0 calc(100 / 750* 100vw);
    width: 100%;
    height: 100%;
    padding: calc(40 / 750* 100vw) 0 calc(100 / 750* 100vw);
    position: relative;
    background-color: #f6f6f6;
    z-index: 2;
}
.secWrap.bgGray::before,
.secWrap.bgGray::after {
	content: '';
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	width: 100%;
	height: calc(192/750*100vw);
	z-index: -1;
}
.secWrap.bgGray::before {
	background-image: url('../images/bg-top.png');
	top: calc(-90/750*100vw);
}
.secWrap.bgGray::after {
	background-image: url('../images/bg-bottom.png');
	bottom: calc(-90/750*100vw);
}
.secTit {
	margin: 0 calc(30/750*100vw) 0 auto;
}
.secTitSub {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
	font-size: calc(40/750*100vw);
	color: #1c4277;
	display: inline-block;
	text-align: left;
}
.secTitSub .secTitSubLine {
	display: inline-block;
	padding: 0 0 0 calc(50/750*100vw);
	margin-bottom: calc(10/750*100vw);
	background-image: url('../images/txt-line.png');
	background-size: calc(619/750*100vw);
	background-position: bottom;
	background-repeat: repeat-x;
	transition: all .7s cubic-bezier(0.65, 0, 0.35, 1);
	-webkit-clip-path: inset(0 100% 0 0);
	clip-path: inset(0 100% 0 0);
}
.secTitSubBox {
	overflow: hidden;
    display: inline-block;
	
}
.anim-txtSub.scrollin {
	-webkit-clip-path: inset(0);
	clip-path: inset(0);
}
.secTxt {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
	font-size: calc(23/750*100vw);
	line-height: calc(43/750*100vw);
	color: #1c4277;
	display: inline-block;
	text-align: justify;
	width: calc(650/750*100vw);
	margin: calc(30/750*100vw) auto calc(50/750*100vw);
	letter-spacing: -0.01rem;
}
.secImgCol, .secImgBox {
	position: relative;
}
.secCatch {
	position: absolute;
	z-index: 2;
}
@media (min-width:768px){
	.secWrap {
		padding-top: calc(80/1250*100vw);
	}
	.secWrap.bgGray {
		margin: calc(200/1250*100vw) 0 calc(150/1250*100vw);
		padding: calc(80/1250*100vw) 0 calc(60/1250*100vw);
	}
	.secWrap.bgGray::before,
	.secWrap.bgGray::after {
		content: '';
		background-size: calc(2500/1250*100vw);
		background-repeat: repeat-x;
		background-position: center;
		position: absolute;
		left: 0;
		width: 100%;
		height: calc(268/1250*100vw);
		z-index: -1;
	}
	.secWrap.bgGray::before {
		background-image: url('../images/bg-top_pc.png');
		top: calc(-90/1250*100vw);
	}
	.secWrap.bgGray::after {
		background-image: url('../images/bg-bottom_pc.png');
		bottom: calc(-110/1250*100vw);
	}
	.secImgWrap {
		position: relative;
		margin: auto;
	}
	.secFlexCol {
		display: flex;
	}
	.secTit {
		margin: 0;
		position: absolute;
	}
	.secTitSub {
		font-size: calc(20/1250*100vw);
	}
	.secTitSub .secTitSubLine {
		padding: 0 0 0 calc(20/1250*100vw);
		margin-bottom: calc(5/1250*100vw);
		background-size: calc(305/1250*100vw);
	}
	.secWrap.bgGray .secTitSub .secTitSubLine {
		padding: 0;
	}
	.secTitSubBox {
		overflow: hidden;
		display: inline-block;
	}
	.secTxt {
		font-size: calc(15/1250*100vw);
		line-height: calc(25/1250*100vw);
		width: 100%;
		padding: calc(15/1250*100vw) 0 0 calc(20/1250*100vw);
		margin: 0;
		box-sizing: border-box;
	}
	.secWrap.bgGray .secTxt {
		padding: calc(20/1250*100vw) 0 0 0;
	}
}
@media (min-width:1250px){
	.secWrap {
		padding-top: 80px;
	}
	.secWrap.bgGray {
		margin: 200px 0 150px;
		padding: 80px 0 60px;
	}
	.secWrap.bgGray::before,
	.secWrap.bgGray::after {
		background-size: 2500px;
		height: 268px;
	}
	.secWrap.bgGray::before {
		top: -90px;
	}
	.secWrap.bgGray::after {
		bottom: -110px;
	}
	.secTitSub {
		font-size: 20px;
	}
	.secTitSub .secTitSubLine {
		padding: 0 0 0 20px;
		margin-bottom: 5px;
		background-size: 305px;
	}
	.secTxt {
		font-size: 15px;
		line-height: 25px;
		padding: 15px 0 0 20px;
	}
	.secWrap.bgGray .secTxt {
		padding: 20px 0 0 0;
	}
}

/* Slick
-----------------------------------------------*/
.imgSlide {
	width: 100%;
	height: 100%;
	vertical-align: bottom;
}
.slick-dotted.slick-slider {
	margin-bottom: 0;
	padding-bottom: 30px;
}
.slick-dots {
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
}
.slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0 5px;
}
.slick-dots li button {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #fff;
	border: solid 1px #2d4e7e;
	padding: 0;
}
.slick-dots li.slick-active button {
    background-color: #2d4e7e;
}

/* Item
-----------------------------------------------*/
.itemCol {
	margin: calc(100/750*100vw) auto 0;
}
.itemTit {
	width: calc(335/750*100vw);
	position: relative;
	z-index: 2;
	margin-left: calc(13/750*100vw);
}
.itemList {
	background-color: #f6f6f6;
	width: calc(706/750*100vw);
	box-sizing: border-box;
	padding: calc(80/750*100vw) calc(28/750*100vw) calc(65/750*100vw);
	display: flex;
	flex-wrap: wrap;
	gap: calc(30/750*100vw) calc(10/750*100vw);
	margin: calc(-45/750*100vw) auto 0;
	border-radius: calc(7/750*100vw);
}
.secWrap.bgGray .itemList {
	background-color: #fff;
}
.itemList li a {
	display: block;
}
.itemList li {
	width: calc(320/750*100vw);
}
.itemList .itemListBox {
	display: flex;
}
.itemList .itemListImg {
	width: calc(109/750*100vw);
	margin-right: calc(10/750*100vw);
}
.itemList .itemListTxtCol {
	width: calc(210/750*100vw);
	text-align: left;
}
.itemList .itemListName {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 400;
	font-size: calc(20/750*100vw);
	line-height: calc(26/750*100vw);
	letter-spacing: -0.08rem;
	color: #000;
	height: calc(92/750*100vw);
}
.itemList .itemListBottom {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.itemList .itemListPrice {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
	font-size: calc(24/750*100vw);
	color: #000;
	display: inline-block;
	letter-spacing: -0.01rem;
}
.itemList .itemListPrice span {
	font-size: calc(18/750*100vw);
}
.itemList .itemListBtn {
	width: calc(44/750*100vw);
	background-color: #d1e4ff;
	padding: calc(9/750*100vw) calc(12/750*100vw);
	box-sizing: content-box;
}
@media (min-width:768px){
	.itemCol {
		margin: calc(70/1250*100vw) auto 0;
		width: calc(910/1250*100vw);
	}
	.itemTit {
		width: calc(233/1250*100vw);
		margin-left: 0;
	}
	.itemList {
		width: calc(883/1250*100vw);
		padding: calc(55/1250*100vw) calc(60/1250*100vw) calc(35/1250*100vw);
		gap: calc(40/1250*100vw) calc(60/1250*100vw);
		margin: calc(-35/1250*100vw) auto 0;
		justify-content: center;
		border-radius: calc(14/1250*100vw);
	}
	.itemList li {
		width: calc(145/1250*100vw);
	}
	.itemList .itemListBox {
		display: block;
	}
	.itemList .itemListImg {
		width: calc(90/1250*100vw);
		margin: 0 auto;
	}
	.itemList .itemListTxtCol {
		width: inherit;
		text-align: center;
	}
	.itemList .itemListName {
		font-size: calc(13/1250*100vw);
		line-height: calc(16/1250*100vw);
		height: calc(58/1250*100vw);
		margin-top: calc(5/1250*100vw);
		letter-spacing: 0;
	}
	.itemList .itemListBottom {
		justify-content: center;
	}
	.itemList .itemListPrice {
		font-size: calc(16/1250*100vw);
		margin-right: calc(10/1250*100vw);
	}
	.itemList .itemListPrice span {
		font-size: calc(11/1250*100vw);
		margin-left: calc(3/1250*100vw);
		display: inline-block;
	}
	.itemList .itemListBtn {
		width: calc(29/1250*100vw);
		padding: calc(3/1250*100vw) calc(7/1250*100vw);
	}
}
@media (min-width:1250px){
	.itemCol {
		margin: 70px auto 0;
		width: 910px;
	}
	.itemTit {
		width: 233px;
		margin-left: 0;
	}
	.itemList {
		width: 883px;
		padding: 55px 60px 35px;
		gap: 40px 60px;
		margin: -35px auto 0;
		border-radius: 14px;
	}
	.itemList li {
		width: 145px;
	}
	.itemList .itemListImg {
		width: 90px;
	}
	.itemList .itemListName {
		font-size: 13px;
		line-height: 16px;
		height: 58px;
		margin-top: 5px;
		letter-spacing: -0.02rem;
	}
	.itemList .itemListPrice {
		font-size: 16px;
		margin-right: 10px;
	}
	.itemList .itemListPrice span {
		font-size: 11px;
		margin-left: 3px;
	}
	.itemList .itemListBtn {
		width: 29px;
		padding: 3px 7px;
	}
}


/* section 00
-----------------------------------------------*/
.sec00 {
	margin-top: calc(170/750*100vw);
}
.secMovCol {
	position: relative;
	width: calc(572/750*100vw);
	margin: auto;
}
video.secMov {
	position: absolute;
	width: calc(500/750*100vw);
	height: calc(888/750*100vw);
	overflow: hidden;
	top: calc(26/750*100vw);
	left: calc(27/750*100vw);
}
@media (max-width:767px){
	.sec00 .secImgCol {
		margin: calc(180/750* 100vw) 0 calc(120/750* 100vw);
		width: 100%;
		height: 100%;
		padding: calc(70/750* 100vw) 0 calc(50/750* 100vw);
		position: relative;
		background-color: #f6f6f6;
		z-index: 2;
	}
	.sec00 .secImgCol::before,
	.sec00 .secImgCol::after {
		content: '';
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
		width: 100%;
		height: calc(192/750*100vw);
		z-index: -1;
	}
	.sec00 .secImgCol::before {
		background-image: url('../images/bg-top.png');
		top: calc(-90/750*100vw);
	}
	.sec00 .secImgCol::after {
		background-image: url('../images/bg-bottom.png');
		bottom: calc(-90/750*100vw);
	}
	.secImgBox.imgAnimLoop {
		display: flex;
	}
	.secImgBox.imgAnimLoop .secImgList {
		transform:translateX(100%);
		display: flex;
	}
	.secImgBox.imgAnimLoop.loopL .secImgList {
		animation: loopL 11s linear infinite;
	}
	.secImgBox.imgAnimLoop .secImgList li {
		flex: 0 0 auto;
		width: calc(752/750*100vw);
		overflow: hidden;
	}
	.secImgBox.imgAnimLoop .secImgList li:nth-child(1) {
		padding: calc(30/750*100vw);
	}
}
@keyframes loopL {
	0% { transform:translateX(0); }
	100% { transform:translateX(-100%); }
}
@media (min-width:768px){
	.sec00 {
		margin-top: calc(140/1250*100vw);
	}
	.sec00 {
		width: 100%;
		height: 100%;
		margin: auto;
		margin: calc(330/1250*100vw) 0 calc(100/1250*100vw);
		padding: 0;
		position: relative;
		background-color: #f6f6f6;
		z-index: 2;
	}
	.sec00::before,
	.sec00::after {
		content: '';
		background-size: calc(2500/1250*100vw);
		background-repeat: repeat-x;
		background-position: center;
		position: absolute;
		left: 0;
		width: 100%;
		height: calc(268/1250*100vw);
		z-index: -1;
	}
	.sec00::before {
		background-image: url('../images/bg-top_pc.png');
		top: calc(-90/1250*100vw);
	}
	.sec00::after {
		background-image: url('../images/bg-bottom_pc.png');
		bottom: calc(-90/1250*100vw);
	}
	.secCol {
		width: calc(950/1250*100vw);
		margin: auto;
		position: relative;
	}
	.secMovCol {
		width: calc(285/1250*100vw);
		margin: auto;
		position: absolute;
		top: calc(-190/1250*100vw);
		left: 0;
	}
	video.secMov {
		position: absolute;
		width: calc(250/1250*100vw);
		height: calc(448/1250*100vw);
		top: calc(11/1250*100vw);
		left: calc(13/1250*100vw);
	}
	.sec00 .secImgCol {
		margin: calc(220/1250*100vw) 0 calc(220/1250*100vw) auto;
		width: calc(635/1250*100vw);
		height: 100%;
		padding: 0;
	}
	.sec00 .secImgCol::before,
	.sec00 .secImgCol::after {
		height: calc(290/1250*100vw);
	}
	.sec00 .secImgCol::before {
		top: calc(-45/1250*100vw);
	}
	.sec00 .secImgCol::after {
		bottom: calc(-45/1250*100vw);
	}
	.secImgList {
		display: flex;
	}
	.secImgBox.imgAnimLoop .secImgList li:nth-child(1) {
		width: calc(300/1250*100vw);
		margin: calc(88/1250*100vw) calc(15/1250*100vw) 0 0;
	}
	.secImgBox.imgAnimLoop .secImgList li:nth-child(2) {
		width: calc(320/1250*100vw);
	}
}

@media (min-width:1250px){
	.sec00 {
		margin-top: 140px;
	}
	.sec00 {
		margin: 330px 0 100px;
	}
	.sec00::before,
	.sec00::after {
		background-size: 2500px;
		height: 268px;
	}
	.sec00::before {
		top: -90px;
	}
	.sec00::after {
		bottom: -90px;
	}
	.secCol {
		width: 950px;
	}
	.secMovCol {
		width: 285px;
		top: -190px;
	}
	video.secMov {
		width: 250px;
		height: 448px;
		top: 11px;
		left: 13px;
	}
	.sec00 .secImgCol {
		margin: 220px 0 220px auto;
		width: 635px;
	}
	.sec00 .secImgCol::before,
	.sec00 .secImgCol::after {
		height: 290px;
	}
	.sec00 .secImgCol::before {
		top: -45px;
	}
	.sec00 .secImgCol::after {
		bottom: -45px;
	}
	.secImgBox.imgAnimLoop .secImgList li:nth-child(1) {
		width: 300px;
		margin: 88px 15px 0 0;
	}
	.secImgBox.imgAnimLoop .secImgList li:nth-child(2) {
		width: 320px;
	}
}

/* section 01
-----------------------------------------------*/
.sec01 .secTit {
	width: calc(150/750*100vw);
}
.sec01 .secTitSub {
	margin-top: calc(-40/750*100vw);
}
.sec01 .secCatch {
	width: calc(59/750*100vw);
	top: calc(35/750*100vw);
	left: calc(30/750*100vw);
}
@media (min-width:768px){
	.sec01 .secImgWrap {
		width: calc(960/1250*100vw);
	}
	.sec01 .secTit {
		width: calc(83/1250*100vw);
		position: absolute;
		right: 0;
		top: calc(20/1250*100vw);
	}
	.sec01 .secFlexCol {
		flex-direction: row-reverse;
	}
	.sec01 .secTitSub {
		margin-top: calc(65/1250*100vw);
	}
	.sec01 .secCatch {
		width: calc(27/1250*100vw);
		top: calc(8/1250*100vw);
		left: calc(11/1250*100vw);
	}
	.sec01 .secImgBox {
		width: calc(602/1250*100vw);
		order: 1;
	}
	.sec01 .imgSlide {
		display: flex;
	}
	.sec01 .imgSlide li {
		width: calc(296/1250*100vw);
	}
	.sec01 .imgSlide li:nth-child(1) {
		margin-right: calc(10/1250*100vw);
	}
}
@media (min-width:1250px){
	.sec01 .secImgWrap {
		width: 960px;
	}
	.sec01 .secTit {
		width: 83px;
		top: 20px;
	}
	.sec01 .secTitSub {
		margin-top: 65px;
	}
	.sec01 .secCatch {
		width:27px;
		top: 8px;
		left: 11px;
	}
	.sec01 .secImgBox {
		width: 602px;
	}
	.sec01 .imgSlide li {
		width: 296px;
	}
	.sec01 .imgSlide li:nth-child(1) {
		margin-right: 10px;
	}
}

/* section 02
-----------------------------------------------*/
.sec02 .secTit {
	width: calc(173/750*100vw);
}
.sec02 .secTitSub {
	margin-top: calc(-40/750*100vw);
}
.sec02 .secImg01 {
	width: calc(673/750*100vw);
}
.sec02 .secCatch {
	width: calc(59/750*100vw);
	top: calc(35/750*100vw);
	right: calc(30/750*100vw);
}
.sec02 .secImg02 {
	width: calc(422/750*100vw);
	margin: calc(35/750*100vw) calc(35/750*100vw) 0 auto;
}
@media (min-width:768px){
	.sec02 .secImgWrap {
		width: calc(1005/1250*100vw);
	}
	.sec02 .secFlexCol {
		justify-content: space-between;
	}
	.sec02 .secTit {
		width: calc(102/1250*100vw);
		left: calc(250/1250*100vw);
		top: 0;
	}
	.sec02 .secTitCol {
		order: 1;
	}
	.sec02 .secTitSub {
		margin-top: calc(70/1250*100vw);
	}
	.sec02 .secTxtCol {
		width: calc(350/1250*100vw);
	}
	.sec02 .secImg01 {
		width: calc(296/1250*100vw);
		order: 3;
	}
	.sec02 .secCatch {
		width: calc(26/1250*100vw);
		top: calc(10/1250*100vw);
		right: calc(10/1250*100vw);
	}
	.sec02 .secImg02 {
		width: calc(296/1250*100vw);
		margin: 0 calc(10/1250*100vw) 0 calc(50/1250*100vw);
		order: 2;
	}
}
@media (min-width:1250px){
	.sec02 .secImgWrap {
		width: 1005px;
	}
	.sec02 .secTit {
		width: 102px;
		left: 250px;
	}
	.sec02 .secTitSub {
		margin-top: 70px;
	}
	.sec02 .secTxtCol {
		width: 350px;
	}
	.sec02 .secImg01 {
		width: 296px;
	}
	.sec02 .secCatch {
		width: 26px;
		top: 10px;
		right: 10px;
	}
	.sec02 .secImg02 {
		width: 296px;
		margin: 0 10px 0 50px;
	}
}

/* section 03
-----------------------------------------------*/
.sec03 .secTit {
	width: calc(174/750*100vw);
}
.sec03 .secTitSub {
	margin-top: calc(-40/750*100vw);
}
.sec03 .secImgCol {
	width: calc(715/750*100vw);
	margin: auto;
}
.sec03 .secCatch {
	width: calc(59/750*100vw);
	top: calc(450/750*100vw);
	left: calc(30/750*100vw);
}
@media (min-width:768px){
	.sec03 .secImgWrap {
		width: calc(1250/1250*100vw);
	}
	.sec03 .secTit {
		width: calc(100/1250*100vw);
		top: calc(90/1250*100vw);
		left: calc(1000/1250*100vw);
	}
	.sec03 .secFlexCol {
		flex-direction: row-reverse;
		justify-content: left;
	}
	.sec03 .secTxtCol {
		width: calc(380/1250*100vw);
	}
	.sec03 .secTitSub {
		margin-top: calc(150/1250*100vw);
	}
	.sec03 .secImgCol {
		width: calc(725/1250*100vw);
		margin: 0;
		order: 1;
	}
	.sec03 .imgSlide {
		display: flex;
	}
	.sec03 .imgSlide li {
		width: calc(357/1250*100vw);
	}
	.sec03 .imgSlide li:nth-child(2) {
		margin: calc(66/1250*100vw) 0 0 calc(10/1250*100vw);
	}
	.sec03 .secCatch {
		width: calc(27/1250*100vw);
		top: calc(10/1250*100vw);
		left: calc(325/1250*100vw);
	}
}
@media (min-width:1250px){
	.sec03 .secImgWrap {
		width: 1250px;
	}
	.sec03 .secTit {
		width: 100px;
		top: 90px;
		left: 1000px;
	}
	.sec03 .secTxtCol {
		width: 380px;
	}
	.sec03 .secTitSub {
		margin-top: 150px;
	}
	.sec03 .secImgCol {
		width: 725px;
	}
	.sec03 .imgSlide li {
		width: 357px;
	}
	.sec03 .imgSlide li:nth-child(2) {
		margin: 66px 0 0 10px;
	}
	.sec03 .secCatch {
		width: 27px;
		top: 10px;
		left: 325px;
	}
}

/* section 04
-----------------------------------------------*/
.sec04 .secTit {
	width: calc(173/750*100vw);
}
.sec04 .secTitSub {
	margin-top: calc(20/750*100vw);
}
.sec04 .secImg01 {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.sec04 .secImg01 .secImgBox {
	width: calc(370/750*100vw);
}
.sec04 .secImg02 {
	width: calc(703/750*100vw);
	margin: calc(70/750*100vw) auto 0;
}
.sec04 .secCatch {
	width: calc(274/750*100vw);
	top: calc(-55 / 750* 100vw);
    right: calc(-82 / 750* 100vw);
}
@media (min-width:768px){
	.sec04 .secImgWrap {
		width: calc(940/1250*100vw);
	}
	.sec04 .secTit {
		width: calc(100/1250*100vw);
		top: 0;
		left: calc(233/1250*100vw);
	}
	.sec04 .secFlexCol {
		justify-content: space-between;
	}
	.sec04 .secTxtCol {
		width: calc(347/1250*100vw);
		order: 1;
	}
	.sec04 .secTitSub {
		margin-top: calc(100/1250*100vw);
	}
	.sec04 .secImg01 {
		display: block;
		width: calc(194/1250*100vw);
		order: 3;
	}
	.sec04 .secImg01 .secImgBox {
		width: 100%;
	}
	.sec04 .secImg01 .secImgBox:nth-of-type(2) {
		margin-top: calc(10/1250*100vw);
	}
	.sec04 .secImg02 {
		width: calc(351/1250*100vw);
		margin: 0 calc(10/1250*100vw) 0 calc(38/1250*100vw);
		order: 2;
	}
	.sec04 .secCatch {
		width: calc(117/1250*100vw);
		top: calc(-28/1250*100vw);
		right: inherit;
		left: calc(-37/1250*100vw);
	}
}
@media (min-width:1250px){
	.sec04 .secImgWrap {
		width: 940px;
	}
	.sec04 .secTit {
		width: 100px;
		left: 233px;
	}
	.sec04 .secTxtCol {
		width: 347px;
	}
	.sec04 .secTitSub {
		margin-top: 100px;
	}
	.sec04 .secImg01 {
		width: 194px;
	}
	.sec04 .secImg01 .secImgBox:nth-of-type(2) {
		margin-top: 10px;
	}
	.sec04 .secImg02 {
		width: 351px;
		margin: 0 10px 0 38px;
	}
	.sec04 .secCatch {
		width: 117px;
		top: -28px;
		left: -37px;
	}
}

/* section 05
-----------------------------------------------*/
.sec05 .secTit {
	width: calc(174/750*100vw);
}
.sec05 .secTitSub {
	margin-top: calc(-30/750*100vw);
}
.sec05 .secImg01 {
	width: calc(655/750*100vw);
}
.sec05 .secImg02 {
	width: calc(569/750*100vw);
	margin: calc(50/750*100vw) 0 0 auto;
}
.sec05 .secCatch {
	width: calc(128/750*100vw);
	top: calc(28 / 750* 100vw);
    left: calc(-1 / 750* 100vw);
}
@media (min-width:768px){
	.sec05 .secImgWrap {
		width: calc(1085/1250*100vw);
	}
	.sec05 .secTit {
		width: calc(98/1250*100vw);
		top: 0;
		right: 0;
	}
	.sec05 .secTxtCol {
		width: calc(374/1250*100vw);
		order: 3;
	}
	.sec05 .secTitSub {
		margin-top: calc(64/1250*100vw);
	}
	.sec05 .secImg01 {
		width: calc(357/1250*100vw);
		order: 1;
	}
	.sec05 .secImg02 {
		width: calc(342/1250*100vw);
		margin: calc(68/1250*100vw) 0 0 calc(16/1250*100vw);
		order: 2;
	}
	.sec05 .secCatch {
		width: calc(26/1250*100vw);
		top: calc(13/1250*100vw);
		left: calc(320/1250*100vw);
	}
	.sec05 .itemList {
		padding: calc(55/1250*100vw) calc(100/1250*100vw) calc(35/1250*100vw);
	}
}
@media (min-width:1250px){
	.sec05 .secImgWrap {
		width: 1085px;
	}
	.sec05 .secTit {
		width: 98px;
		top: 0;
		right: 0;
	}
	.sec05 .secTxtCol {
		width: 374px;
		order: 3;
	}
	.sec05 .secTitSub {
		margin-top: 64px;
	}
	.sec05 .secImg01 {
		width: 357px;
		order: 1;
	}
	.sec05 .secImg02 {
		width: 342px;
		margin: 68px 0 0 16px;
		order: 2;
	}
	.sec05 .secCatch {
		width: 26px;
		top: 13px;
		left: 320px;
	}
	.sec05 .itemList {
		padding: 55px 100px 35px;
	}
}

/* section 06
-----------------------------------------------*/
.sec06 .secTit {
	width: calc(171/750*100vw);
}
.sec06 .secTitSub {
	margin-top: calc(-40/750*100vw);
}
.sec06 .secCatch {
	width: calc(354/750*100vw);
	bottom: calc(-2 / 750* 100vw);
    right: calc(-5 / 750* 100vw);
}
.sec06 .secImg02 {
	width: calc(600/750*100vw);
	margin: calc(100/750*100vw) auto 0;
}
@media (min-width:768px){
	.sec06 .secImgWrap {
		width: calc(1046/1250*100vw);
	}
	.sec06 .secTit {
		width: calc(100/1250*100vw);
		top: 0;
		left: calc(230/1250*100vw);
	}
	.sec06 .secFlexCol {
		justify-content: space-between;
	}
	.sec06 .secTxtCol {
		width: calc(323/1250*100vw);
	}
	.sec06 .secTitSub {
		margin-top: calc(85/1250*100vw);
	}
	.sec06 .secCatch {
		width: calc(165/1250*100vw);
		bottom: 0;
		right: calc(6/1250*100vw);
	}
	.sec06 .secImg01 {
		width: calc(383/1250*100vw);
		margin: calc(38/1250*100vw) calc(10/1250*100vw) 0 calc(30/1250*100vw);
	}
	.sec06 .secImg02 {
		width: calc(300/1250*100vw);
		margin: 0;
	}
}
@media (min-width:1250px){
	.sec06 .secImgWrap {
		width: 1046px;
	}
	.sec06 .secTit {
		width: 100px;
		left: 230px;
	}
	.sec06 .secTxtCol {
		width: 323px;
	}
	.sec06 .secTitSub {
		margin-top: 85px;
	}
	.sec06 .secCatch {
		width: 165px;
		right: 6px;
	}
	.sec06 .secImg01 {
		width: 383px;
		margin: 38px 10px 0 30px;
	}
	.sec06 .secImg02 {
		width: 300px;
	}
}

/* footer
-----------------------------------------------*/
.btnCheckAll {
	width: calc(510/750*100vw);
	background-color: #1c4277;
	padding: calc(25/750*100vw) 0;
	font-family: "Noto Sans JP", sans-serif;
	font-size: calc(30/750*100vw);
	margin: calc(250/750*100vw) auto 0;
	color: #fff;
	cursor: pointer;
	display: block;
	border-radius: calc(10/750*100vw);
	letter-spacing: 0.2rem;
}
.allwrapper .staffCredit {
	margin: calc(130/750*100vw) auto calc(120/750*100vw);
}
.footer {
	padding-bottom: 8.6vw;
}
.footerlogo {
	display: block;
	margin: 0 auto;
	width: 17.88vw;
}
.copyright {
	text-align: center;
	letter-spacing: 0.05em;
	margin-top: 3.73vw;
	font-size: 2.4vw;
}
@media (min-width:768px){
	.btnCheckAll {
		width: calc(256/1250*100vw);
		padding: calc(12/1250*100vw) 0;
		font-size: calc(15/1250*100vw);
		margin: calc(90/1250*100vw) auto 0;
		border-radius: calc(5/1250*100vw);
	}
	.allwrapper .staffCredit {
		margin: calc(36/1250*100vw) auto calc(190/1250*100vw);
		width: calc(340/1250*100vw);
	}
	.footer {
		padding-bottom: calc(60/1250*100vw);
	}
	.footerlogo {
		display: block;
		margin: 0 auto;
		width: calc(65/1250*100vw);
	}
	.copyright {
		text-align: center;
		letter-spacing: 0.05em;
		margin-top: calc(12/1250*100vw);
		font-size: calc(10/1250*100vw);
	}
}
@media (min-width:1250px){
	.btnCheckAll {
		width: 256px;
		padding: 12px 0;
		font-size: 15px;
		margin: 90px auto 0;
		border-radius: 5px;
	}
	.allwrapper .staffCredit {
		margin: 36px auto 190px;
		width: 340px;
	}
	.footer {
		padding-bottom: 60px;
	}
	.footerlogo {
		display: block;
		margin: 0 auto;
		width: 65px;
	}
	.copyright {
		text-align: center;
		letter-spacing: 0.05em;
		margin-top: 12px;
		font-size: 10px;
	}
}


/* ---------------------------------------------------------------
	Animation
--------------------------------------------------------------- */
.fadein-top{
	opacity: 0;
	transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.fadein:not(.anim-txtSub),.order:not(.anim-txtSub){
	opacity: 0;
	transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.fadein-top.anim-up,
.fadein.anim-up,
.order.anim-up{
	transform: translate(0, 40px);
}
.mvCatch.fadein-top,
.fadein.anim-zoom,
.order.anim-zoom {
	transition: all 0.3s cubic-bezier(.37,1.7,.64,1);
	transform: scale(0.7);
}

.secCatch.order.anim.scrollin {
	transform: translate(0, 0) scale(1);
}
.fadein.scrollin,
.order.scrollin{
	opacity: 1;
	transform: translate(0, 0) scale(1);
}
.fadein-top.scrollin-top{
	opacity: 1;
	transform: translate(0, 0);
}

@media (max-width:767.9px){
	.fadeinSp{
		opacity: 0;
		transition: all 0.7s;
	}
	.fadeinSp.anim-up{
		transform: translate(0, 20px);
	}
	.fadeinSp.scrollin{
		opacity: 1;
		transform: translate(0, 0);
	}
}
.fadein.delay01s, .order.delay01s { transition-delay: 0.1s; }
.fadein.delay02s, .order.delay02s { transition-delay: 0.2s; }
.fadein.delay03s, .order.delay03s, .delay03s { transition-delay: 0.3s; }
.fadein.delay04s, .order.delay04s { transition-delay: 0.4s; }
.fadein.delay05s, .order.delay05s { transition-delay: 0.5s; }
.fadein.delay06s, .order.delay06s { transition-delay: 0.6s; }
.fadein.delay07s, .order.delay07s { transition-delay: 0.7s; }
.fadein.delay08s, .order.delay08s { transition-delay: 0.8s; }
.fadein.delay09s, .order.delay09s { transition-delay: 0.9s; }
.fadein.delay10s, .order.delay10s { transition-delay: 1.0s; }

@media (min-width:768px){
	.fadeinPc{
		opacity: 0;
		transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);
	}
	.fadeinPc.anim-up{
		transform: translate(0, 40px);
	}
	.fadeinPc.scrollin{
		opacity: 1;
		transform: translate(0, 0) scale(1);
	}
	.fadein.delayPc03s, .order.delayPc03s { transition-delay: 0.3s; }
	.fadein.delayPc06s, .order.delayPc06s { transition-delay: 0.6s; }
	.fadein.delayPc09s, .order.delayPc09s { transition-delay: 0.9s; }
	.fadein.delayPc09s, .order.delayPc10s { transition-delay: 1.0s; }
	.fadein.delayPc11s, .order.delayPc11s { transition-delay: 1.1s; }
	.fadein.delayPc12s, .order.delayPc12s { transition-delay: 1.2s; }
	.fadein.delayPc13s, .order.delayPc13s { transition-delay: 1.3s; }
	.fadein.delayPc14s, .order.delayPc14s { transition-delay: 1.4s; }
	.fadein.delayPc15s, .order.delayPc15s { transition-delay: 1.5s; }
	.fadein.delayPc16s, .order.delayPc16s { transition-delay: 1.6s; }
	.fadein.delayPc17s, .order.delayPc17s { transition-delay: 1.7s; }
	.fadein.delayPc18s, .order.delayPc18s { transition-delay: 1.8s; }
	.fadein.delayPc19s, .order.delayPc19s { transition-delay: 1.9s; }
	.fadein.delayPc21s, .order.delayPc21s { transition-delay: 2.1s; }
	.fadein.delayPc24s, .order.delayPc24s { transition-delay: 2.4s; }
}