@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&display=swap');

/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

body {
	width: 100% !important;
	color: #333;
	line-height: 1.6;
	overflow: hidden;
	font-size: 1.8rem;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
	font-weight: 700;
}

body.open{
	height: 100vh;
}

.syu{
	font-family:"Noto Sans JP",serif!important;
}

.jost{
	font-family: 'Jost', sans-serif!important;
	font-weight: 300;
}


canvas{
    position: absolute;
    bottom: 155px;
    width: 105%;
    z-index: 1;
}



#waveCanvas2{
	z-index: 0;
	bottom: 156px;
}

#waveCanvas3{
	z-index: 0;
	bottom: 158px;
}


.canre{
	position: absolute;
	bottom: -15px;
	left: 0px;
	width:100%;
	transform: rotate(-8deg);
	z-index: 1;
}

.canab{
	position:relative;
	width: 100%;
}

.canab:before{
	position:absolute;
	content:"";
	width: 110%;
	height: 274px;
	background: #fff;
	bottom: -117px;
	left: 0;
}


/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #fff;
    text-align:center;
    color:#fff;
    max-height: 1125px;
    min-height: 1125px;
}

#splash_logo{
	max-width:680px;
	margin:auto;
	width: 95%;
	text-align: center;
	font-weight: 700;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	top: -100px;
	bottom: 0;
	height: fit-content;
	z-index: 99999;
	opacity: 0;
	transition: 1s;
}

#splash_logo.active{
	opacity: 1;
}



  
/*リンク表示方法*/

a {
	text-decoration: underline;	
}

a:link {
	color: #333;
}

a:visited {
	color: #333;
}

a:active {
	color: #333;
}

a:hover {
	color: #b34d66;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* color */
.white{
	color:white;
}


.unbar{
	position:relative;
}

.unbar:before{
	position:absolute;
	content:"";
	background:#818181;
	width:100%;
	height:8px;
	bottom:0;
	left:0;
}


/*-----------------------------------------------------------
PCサイズ
-----------------------------------------------------------*/

.pc, .pc2 {
	display: block;
}

.sp, .sp2 {
	display: none;
}


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

header {
	padding: 0;
	text-align: center;
	position: fixed;
	right: 50px;
	z-index: 2;
}

header li{
	background:#fff;
	border-radius: 50%;
	width: 83px;
	height: 83px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 25px;
	transition: .5s;
	box-shadow: 0 0px 6px #ccc;
}

header li a{
	text-decoration: none;
	line-height: 1.2;
	font-size: 1.81rem;
	font-weight: 400;
	color: #606060!important;
}

header li:hover{
	opacity:0.7;
}

header li:hover a{
	color:#000;
}


/*-----------------------------------------------------------
#slide
-----------------------------------------------------------*/

#modal {
	display: none;
}

/*-----------------------------------------------------------
#cover
-----------------------------------------------------------*/

#cover {
	width: 100%;
	margin: 0px auto 0;
	min-height: 1125px;
	position: relative;
	max-height: 1125px;
}

#cover:before{
	position:absolute;
	content:"";
	/* background:#fff; */
	width: 102%;
	height: 240px;
	bottom: -125px;
	right: -40px;
	z-index: 1;
	transform: rotate(-8deg);
}

#cover video{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

.covd,#splash_logo{
	max-width:680px;
	margin:auto;
	width: 95%;
	text-align: center;
	font-weight: 700;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	top: -100px;
	bottom: 0;
	height: fit-content;
	/* z-index: 99999; */
}

#cover h1,#splash h1{
	max-width:677px;
}

.covp1{
	font-size:2.9rem;
	text-shadow: 6px 6px 4.08px #0c5b6666;
	position:relative;
	padding: 4px 0;
}

.covp1:before,.covp1:after{
	position:absolute;
	content:"";
	width:100%;
	height:2px;
	background:#fff;
	box-shadow: 6px 6px 4.08px #0c5b6666;
}

.covp1:before{
	top:0;
	left:0;
}

.covp1:after{
	bottom:0;
	left:0;
}

.covp2{
	font-size:4.66rem;
	text-shadow: 6px 6px 4.08px #0C5B6640;
	margin-top: 30px;
}


/*-----------------------------------------------------------
 #main
-----------------------------------------------------------*/

#main {
	width: 100%;
	margin: 0px auto 0;
	z-index: 1;
	position: relative;
	background: #fff;
}

.inner{
	width: 95%;
	max-width: 1540px;
	margin: 0 auto;
}


.inner2{
	width: 95%;
	max-width: 1820px;
	margin: 0 auto;
}

.mainTit{
	font-size: 3rem;
	text-align: center;
	line-height: 1.3;
}

.mainTit span{
	display: block;
	font-size: 1.4rem;
}

.content01{padding: 110px 0 130px;}

.co1d{
	display:flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1360px;
	margin: auto;
	width: 100%;
	transform: translate(0px, 200px);
	opacity: 0;
	transition:.8s;
}

.co1d.active{
	transform: translate(0px, 0px);
	opacity:1;
}

.co1dl{
	max-width:665px;
	width: 49%;
}

.co1dl ul{
	display:flex;
	align-items: baseline;
	text-align: center;
	justify-content: space-between;
	font-size: 2rem;
	color: #606060;
	font-weight: 500;
}

.co1dl ul p:last-child{
	margin-top:10px;
}

.co1dr{
	width: 50%;
	font-size: 2.5rem;
	max-width: 608px;
	line-height: 2.36;
	/* color: #606060; */
}

.co1p{
	font-size: 1.2rem;
	font-weight:400;
	margin-top: 40px;
	max-width: 390px;
}

.co1p.pc{
	display: flex;
}

.co1p.sp{
	display:none;
}


.content02{
	background: #E5E2E2;
	padding: 60px 0 70px;
	text-align:center;
}

.tit1{
	font-size: 2.6rem;
	font-weight: 500;
}

.sld{
	position:relative;
	margin: 0 10px;
}

.sld a{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.sld:hover{
	opacity:0.7;
}

.content02 .tit1{
	margin-bottom:45px;
	/* font-weight: 700; */
}

.content03{
	padding: 30px 0;
	margin-top: 30px;
	background: linear-gradient(90deg, #CEE3F0, #C6C0DA,#EED3DE,#F0D1BD,#F9F7D4,#CFE3CE);
}

.co3d{
	max-width:920px;
	margin:auto;
	width: 95%;
	background: #fff;
	position: relative;
	padding: 20px 40px;
}

.co3d::before, .co3d::after {
	content: '';
	width: 95%;
	height: 15px;
	position: absolute;
}

.co3d::before {
	border-left: solid 2px #000000;
	border-right: solid 2px #000000;
	border-top: solid 5px #000000;
	top: 15px;
	left: 0;
	right:0;
	margin:auto;
}

.co3d::after {
	border-right: solid 2px #000000;
	border-left: solid 2px #000000;
	border-bottom: solid 5px #000000;
	bottom: 15px;
	left: 0;
	right:0;
	margin:auto;
}

.co3d1{
	display:flex;
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	top: 35px;
	left: 0;
	width: 92%;
	right: 0;
	margin: auto;
}

.co3p1{
	position:relative;
	font-size: 1.8rem;
	display: flex;
	height: 33.6px;
	align-items: center;
	justify-content: center;
}

.co3p1:before{
	position:absolute;
	content:"";
	left: -7px;
	top: -2px;
	background:#000;
	width: 1.31px;
	height: 100%;
}

.co3d1 h3{
	line-height: 1.1;
	text-align: center;
	font-size: 2.5rem;
}

.co3d2{
	padding: 45px 0 20px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.co3d2r h2{
	font-size:3.5rem;
	width: fit-content;
	margin-bottom: 5px;
}

.co3p2{
	font-size: 2rem;
	font-weight: 500;
}

.co3p3{
	font-size: 2.8rem;
	margin-top: 30px;
	font-weight: 500;
	/* color: #606060; */
}

.content04{
	padding: 110px 0 165px;
	text-align:center;
}

.content04 h2{
	font-size:3.6rem;
	line-height: 1.87;
	color: #606060;
	font-weight:500;
}

.content04 h2 span{
	font-size:3.708rem;
	font-weight:700;
	color: #000000;
}

.absp{
	position:relative;
}

.absp:before{
	position:absolute;
	content:"";
	background:url(../img/co41.png)no-repeat center;
	width: 0px;
	height: 67px;
	background-size: contain;
	left: 0;
	bottom: -20px;
	z-index: -1;
	overflow: hidden;
	transition: 500ms linear;
}

.absp.active:before{
	width: 529px;
}

.co4d{
	background: url(../img/bg4.png)no-repeat center;
	background-size:cover;
	padding:60px 0 120px;
	margin-top: 70px;
	border-radius: 50px;
}

.co4d h3{
	font-size:4.268rem;
	line-height: 1.2;
	position: relative;
	width: fit-content;
	margin: 0 auto 60px;
}

.co4d h3 span{
	font-size:3.892rem;
	/* font-weight: 500; */
}

.co4d h3:before,.co4d h3:after{
	width: 3px;
	height:100%;
	background:#000;
	position:absolute;
	content:"";
	top:0;
}

.co4d h3:before{
	left:0;
}

.co4d h3:after{
	right:0;
}

.co4d ul{
	max-width:1016px;
	width:95%;
	margin: auto;
}

.co4d li{
	font-size:3rem;
	margin-bottom: 45px;
	height: 133px;
	display: flex;
	justify-content: flex-end;
	padding: 0 10px;
	opacity: 0;
	transform: translateY(100px);
	transition: .4s;
	flex-direction: column;
	font-weight: 500;
	background: #2e2e2e96;
}

.co4d li:first-child{
	justify-content: center;
}

.co4sp2{
	font-size: 1.8rem;
	font-weight:400;
	text-align: center;
	margin: 10px 0 10px;
}

.co4d li:nth-child(2){
	transition: 0.8s;
}

.co4d li:nth-child(3){
	transition: 1s;
	margin-bottom: 0;
}

.co4d li:nth-child(4){
	transition: 1.2s;
}

.co4sp1{
	position:relative;
	width: fit-content;
	margin: 0 auto;
}

.co4sp1:before{
	position:absolute;
	content:"※1";
	font-size:1.8rem;
	top: -10px;
	right: -35px;
	font-weight: 500;
}

li:nth-child(3) .co4sp1:before{
	content:"※2";
}


.co4d li.active{
opacity: 1;
  transform: translateY(0);
}

.content05 .inner2>ul>li{
	margin-bottom:270px;
	position: relative;
	overflow-y: clip;
}

.content05 .inner2>ul>li:last-child{
	margin-bottom:210px;
}

.co5d{
	display:flex;
	justify-content: space-between;
	align-items: stretch;
}

.co5dl{
	width: 54%;
	max-width:964px;
	position: relative;
}

.co5dl>img{
	display:block;
}

.co5dr{
	width: 44%;
	max-width: 790px;
	padding: 6vw 90px 0 0;
	position: relative;
}

.co5du{
	display:flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.co5dul{
	max-width: 420px;
	width: 60%;
	margin-right: 7%;
	margin-bottom: 10px;
	padding-bottom: 13.572%;
}

.content05 li:nth-child(2n) .co5dul dl{
	justify-content: flex-end;
}

.co5dul dl{
	display:flex;
	align-items: stretch;
	margin-bottom: 65px;
}

.co5dul dt{
	padding-right:10px;
	margin-right: 20px;
	position:relative;
	display: flex;
	align-items: center;
}

.co5dul dt:before{
	position:absolute;
	content:"";
	width: 1.07px;
	height: 49.68px;
	background:#000;
	right:0;
	top:0;
	bottom: 0;
	margin: auto;
}

.co5dul dd{
	font-size: 3.2rem;
	position:relative;
	width: fit-content;
	line-height: 1;
	padding: 15.5px 0;
}


.co5dul p{
	font-size: 2rem;
	font-weight:500;
	line-height: 1.86;
	margin-bottom: 45px;
	color: #606060;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}



.mBtn{
	border: 1px solid #606060;
	font-size: 2rem;
	width: 80%;
	max-width: 168px;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 31.45px;
	cursor: pointer;
	background: #fff;
	font-weight: 200;
}

.mBtn.pc2{
	display:flex;
}

.mBtn.sp2{
	display:none;
}


.co5dd{
	position:absolute;
	top: 33vw;
	right: 2.5vw;
	opacity: 0.9;
	width: 320px;
}

.abtxt{
	position:absolute;
	right: 35px;
	top: 0px;
	width: 44px;
}

.co5li:before{
	position:absolute;
	content:"";
	width:22.5px;
	height:100%;
	top:0;
}

.ablu:before{
	background:#0352B7;
	right:0;
}

.aora:before{
	background:#E95504;
	left:0;
}
.apure:before{
	background:#CD1022;
	right:0;
}
.asuga:before{
	background:#E40E5C;
	left:0;
}
.aneon:before{
	background:#31A93C;
	right:0;
}

.agre:before{
	background:#00A6A2;
	left:0;
}

.amilk:before{
	background:#D9A774;
	right:0;
}

.apin:before{
	background:#F555A6;
	left:0;
}

.ayel:before{
	background:#F9DF00;
	right:0;
}

.acyan:before{
	background:#0352B7;
	left:0;
}

.apur:before{
	background:#724597;
	right:0;
}


.content05 li:nth-child(2n) .co5d{
    flex-direction: row-reverse;
}

.content05 li:nth-child(2n) .co5du{
	flex-direction: row-reverse;
}

.content05 li:nth-child(2n) .co5dul{
	max-width: 470px;
	width: 74%;
	margin-right: 0%;
	margin-left: 0px;
}

.content05 li:nth-child(2n) .abtxt{
	position:absolute;
	left: 35px;
	top: 0px;
}

.content05 li:nth-child(2n) .co5dul p{
	text-align:right;
}

.content05 li:nth-child(2n) .mBtn{margin-left: auto;}

.content05 li:nth-child(2n) .co5dd{
	right: auto;
	left: 3.5vw;
}

.content05 li:nth-child(2n) .co5dr{
	padding: 6vw 0 0 90px;
}


/*-----------------------------------------------------------
 footer
-----------------------------------------------------------*/

footer {
	margin: 0px auto 0;
}



.copyright {
	background: #C9CACA;
	color: #000;
	text-align: center;
	padding: 53px 0;
	font-size: 1.8rem;
	font-weight: 500;
}


/* 全ページ共通クラス
----------------------------------------------------------- */


/*--- ページトップ ---*/
#pageTop {
	position: fixed;
	right: 25px;
	z-index: 9998;
}

/* TOP
----------------------------------------------------------- */

/*-- メインヴィジュアル スライダー --*/

.bx-wrapper {
	margin: 0 0 20px !important;
	position: relative;
}

.bx-controls-direction {
	width: 100%;
	position: absolute;
	top: 50%;
}

.bx-controls-direction a {
	width: 32px;
	height: 32px;
	margin: -16px 0 0;
	position: absolute;
	top: 50%;
	z-index: 9999;
	outline: 0;
	text-indent: -9999px;
}

.bx-prev {
	left: 1% !important;
	background: url(./../img/prev.png) no-repeat 0 0;
	background-size: contain;
}

.bx-next {
	right: 1% !important;
	background: url(./../img/next.png) no-repeat 100% 0;
	background-size: contain;
}

/* modal */
.modal{
	transition: .8s;
	opacity: 0;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	z-index: -1;
}

.modal.active{
	background: #000000ad;
	opacity: 1;
	z-index: 0;
}

.m1{
	position:relative;
	width: 47%;
}

.close{
	position:absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}


.spmodal .modal{
	transition: .8s;
	opacity: 0;
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	z-index: -1;
	visibility: hidden;
	touch-action: none;
}

.spmodal .modal.active{
	height: 100vh;
	z-index: 9999;
	opacity: 1;
	visibility: visible;
}

.ribon:after{
	position:absolute;
	content:"";
	width: 45%;
	height: 160px;
	z-index: -1;
	bottom: 120px;
	right: 0px;
	overflow: hidden;
	transition: 1s;
	transform: skewY(25deg);
	opacity: 0;
}

.ribon.active:after{opacity: 1;}

.ribon2:after{
	position:absolute;
	content:"";
	width: 45%;
	height: 160px;
	transform: skewY(-25deg) translate(0%, 0%);
	z-index: -1;
	bottom: 160px;
	left: 0px;
	overflow: hidden;
	transition: 1s;
	opacity: 0;
}


.ribon2.active:after{opacity: 1;}


.ribon.ablu:after{
	background: linear-gradient(-90deg, #E1EDF2 0%, #82BDE5 ,#3F4CCD,#0B0B80);
}
.ribon2.aora:after{
	background: linear-gradient(-90deg,#EA6000, #EA6000,#F4C252,#F2DAA0,#F9EDD4);
}
.ribon.apure:after{
	background: linear-gradient(-90deg,#EFB6BB , #CC7B83,#C6595F,#C40011,#A61927);
}
.ribon2.asuga:after{
	background: linear-gradient(90deg,#FFFFFF , #EB85A9,#E63C75,#E40B5B,#E30156);
}
.ribon.aneon:after{
	background: linear-gradient(-90deg,#CCD743 , #B3E50C,#90F500,#009D3C);
}
.ribon2.agre:after{
	background: linear-gradient(-90deg,#00A6A2,#B4EADA , #BFE8DC,#E9FDF7);
}
.ribon.amilk:after{
	background: linear-gradient(-90deg ,#F9EDD4,#F2DAA0,#E7C999,#D8B490,#D7A671,#D9A775 );
}
.ribon2.apin:after{
	background: linear-gradient(-90deg,#F555A6,#F555A6, #E7B5CF, #FBEDF6);
}
.ribon.ayel:after{
	background: linear-gradient(-90deg,#FCFCE1,#F7FFD9,#FAFF97,#F9DF00, #F9DF00);
}
.ribon2.acyan:after{
	background: linear-gradient(-90deg,#3374F0,#3475F0,#387BEE,#468EE9,#5CADE1,#71C9DA,#8AD3ED,#E9F5F8);
}
.ribon.apur:after{
	background: linear-gradient(-90deg,#F8F1FD, #F0D6FB,#C298EA,#A57ACC,#8E62B4,#7E52A4,#75489A,#724597,#724597);
}

.ribon.active:after{
	background-size: 100% auto;
	animation: gradationAnime01 1s forwards ease-out;
	animation-delay: 1s;
}
@keyframes gradationAnime01{
	0%{background-position:90% 0}
	100%{background-position:0% 0}
}

.ribon2.active:after{
	background-size: 100% auto;
	animation: gradationAnime01 1s forwards ease-out;
	animation-delay: 1s;
}
@keyframes gradationAnime02{
	0%{background-position:90% 0}
	100%{background-position:0% 0%}
}

@keyframes zoomUp {
	0% {
	  transform: scale(1.2);
	}
	100% {
	  transform: scale(1); /* 拡大率 */
	}
  }
  .add-animation {
	animation: zoomUp 10s linear 0s normal both;
  }

.adp{
	text-align:center;
	color:#606060;
	padding-bottom: 25px;
	font-size: 1.5rem;
	font-family: "Noto Sans JP",serif!important;
	font-weight: 400;
}

.slick-slider.sp{
	display:none;
}

/*-- 固定ここまで --*/

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

.canre{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width:100%;
	z-index: 1;
	transform: rotate(0deg);
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

}



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1800px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.co5dul p{
	/* font-size: 2.061rem; */
}

.co5dul{
	width: 70%;
	margin-right: 0%;
}

.co5dul dd{
	font-size: 3.3rem;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1800px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1700px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.co5dul p{
	/* font-size: 2.061rem; */
}

.content05 li:nth-child(2n) .co5dul{
	max-width: 470px;
	width: 77%;
	margin-right: 0%;
	margin-left: 0px;
}

.co5dur{
	width: 26%;
	padding-bottom: 20px;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1800px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1500px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



.co5dul{
	width: 70%;
	margin-right: 0%;
}

.co5dd{
	position:absolute;
	width: 190px;
	right: 4vw;
}

.content05 li:nth-child(2n) .co5dd{
	right: auto;
	left: 6vw;
}

.co5d{height: initial;}
	
.co5dur{
	width: 26%;
}

.co5dul dl{
	margin-bottom: 30px;
}

	
.content05 li:nth-child(2n) dl{
	justify-content: flex-end;
}

/* canvas{
    bottom: -9vw;
    left:-100px;
    width: 150%;
}

#waveCanvas2{
	 bottom: -8.8vw;
}

#waveCanvas3{
 bottom: -8.5vw;
} */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1500px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1400px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



.co5dul{
	width: 70%;
	margin-right: 0%;
}

.content05 li:nth-child(2n) .co5dul{
	max-width: 470px;
	width: 72%;
	margin-right: 0%;
	margin-left: 0px;
}

.co5dul dd{
	font-size:3.6rem;
	position:relative;
	width:100%;
}

.abtxt{
	position:absolute;
	right: 20px;
	top: 0px;
	width: 38px;
}

.content05 li:nth-child(2n) .abtxt{
	position:absolute;
	left: 20px;
	top: 0px;
}

.co5li:before{
	position:absolute;
	content:"";
	width: 12.5px;
	height:100%;
	top:0;
}

.co5dr{
	width: 44%;
	max-width: 790px;
	padding: 5.857vw 60px 0 0;
	position: relative;
}

.content05 li:nth-child(2n) .co5dr{
	padding: 6vw 0 0 60px;
}

.covd,#splash_logo{
	max-width:564px;
	margin:auto;
	width: 95%;
	text-align: center;
	font-weight: 700;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	top: -100px;
	bottom: 0;
	height: fit-content;
}

/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
    max-height: 800px;
    min-height: 800px;
}

#cover {
	width: 100%;
	margin: 0px auto 0;
	min-height: 800px;
	position: relative;
	max-height: 800px;
}

canvas{
    /* bottom: 30px; */
    /* left: -50px; */
    /* width: 110%; */
}

#waveCanvas2{
	 /* bottom: 31px; */
}

#waveCanvas3{
 /* bottom: 35px; */
}

header li{
	background:#fff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 25px;
	transition: .5s;
}

header li a{
	font-size: 1.287rem;
}

.tit1{
	font-size: 1.85rem;
}

.co1dr{
	width: 50%;
	max-width: 437px;
	line-height: 2.36;
}

.co1dl{
	max-width:472px;
	width: 49%;
}

.co1d{
	max-width: 942px;
	margin: auto;
	width: 100%;
}


.co1dl ul{
	font-size: 1.421rem;
}
	
#pageTop {
	width:32px;
	right:50px;
}

header {
	right: 40px;
}

.content01{padding: 60px 0 85px;}

.sld{
	position:relative;
	margin: 0px 24px;
}

.pc3{
	display:none;
}

.co3d2r h2{
	font-size: 2.487rem;
	width: fit-content;
	margin-bottom: 10px;
}

.unbar:before{
	position:absolute;
	content:"";
	background:#818181;
	width:100%;
	height:8px;
	bottom: -5px;
	left:0;
}
	
.co3p2{
	font-size: 1.421rem;
	font-weight: 500;
}

.co3p3{
	font-size: 1.99rem;
	margin-top: 20px;
	font-weight: 500;
}


.co3d{
	max-width:677px;
	margin:auto;
	width: 95%;
	background: #fff;
	position: relative;
	padding: 15px 40px;
}


.co3d2{
	padding: 35px 0 20px;
	justify-content: flex-start;
	align-items: flex-start;
}



.co3d2l{
	max-width: 197px;
	margin-right: 20px;
}


.content03{
	padding: 20px 0;
}

.content04 h2{
	font-size:2.558rem;
	line-height: 1.87;
	font-weight:500;
}

.content04 h2 span{
	font-size:2.635rem;
	font-weight:700;
}

.absp.active:before{
	width: 370px;
	bottom: -25px;
}

.co4d li{
	font-size: 2.132rem;
	height: 95px;
	max-width: 578px;
	margin: 0 auto 35px;
	align-items: center;
}

.co4d{
	max-width:926px;
	margin: 70px auto 0;
	padding: 60px 0;
}

.co4d h3{
	font-size:3.127rem;
	line-height: 1.2;
	position: relative;
	width: fit-content;
	margin: 0 auto 60px;
}

.co4d h3 span{
	font-size:2.558rem;
}

.content04{
	padding: 145px 0 275px;
	text-align:center;
}

.co4sp2{
	font-size: 1.279rem;
	margin: 10px 0 5px;
}

.inner2{
	width: 94%;
	max-width: 1820px;
	margin: 0 auto;
}

.co4sp1:before{
	font-size:1.279rem;
	top: -5px;
	right: -20px;
}

.co5dul dd{
	font-size:3.198rem;
	position:relative;
	width: fit-content;
	line-height: 1;
	padding: 15.5px 0;
}


.co5dul p{
	font-size: 1.9rem;
	margin-bottom: 30px;
}



.mBtn{
	border: 1px solid #606060;
	font-size: 1.99rem;
	width: 80%;
	max-width: 167px;
	height: 42.64px;
}


.ribon:after{
	position:absolute;
	content:"";
	width: 44%;
	height: 11vw;
	z-index: -1;
	bottom: 14.8%;
	right: 0px;
	overflow: hidden;
	transition: 2s;
	transform: skewY(23deg);
	opacity: 0;
}

.co5dd{
	position:absolute;
	width: 190px;
	right: 2.7vw;
	top: 35vw;
}

.ribon2:after{
	width: 44%;
	height: 11vw;
	transform: skewY(-23deg);
	bottom: 14.6%;
}

.content05 li:nth-child(2n) .co5dd{
	right: auto;
	left: 3vw;
}

.co5dul dt{
	width: 53px;
}

.content05 .inner2>ul>li{
	margin-bottom:190px;
}

.content05 .inner2>ul>li:last-child{
	margin-bottom:230px;
}

.canre{
	position: absolute;
	bottom: -50px;
	left: 0px;
	width:100%;
	transform: rotate(-8deg);
	z-index: 1;
}



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1400px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */






/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1300px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


.co5dur{width: 140px;}


.co5dd{
	position:absolute;
	right: 2vw;
	top: 36vw;
}

.content05 li:nth-child(2n) .co5dd{
	right: auto;
	left: 3vw;
}

.co5dul dl{
	display:flex;
	align-items: stretch;
	margin-bottom: 30px;
}


.co5dul dd{
	font-size: 3rem;
	position:relative;
}

.co5dul p{
	font-size: 1.7rem;
	margin-bottom: 30px;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1300px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1200px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.co5dl{
	width: 48%;
	max-width:964px;
}

.co5dr{
	width: 50%;
	max-width: 790px;
	position: relative;
	padding: 1vw 50px 0 0;
}

.co5dd{
	position:absolute;
	width: 150px;
	right: 4vw;
	top: 33vw;
}

.content05 li:nth-child(2n) .co5dd{
	right: auto;
	left: 5vw;
}


.co5dul p{
	font-size: 1.5rem;
}

.content05 li:nth-child(2n) .co5dr{
	padding: 1vw 0 0 50px;
}

.co5dul dd{
	font-size: 2.8rem;
	position:relative;
}

canvas{
    /* bottom: 35px; */
    /* left:-100px; */
    /* width: 150%; */
}

#waveCanvas2{
	 /* bottom: 36px; */
}

#waveCanvas3{
	 /* bottom: 40px; */
}
	
.ribon:after{
	width: 52%;
	height: 120px;
	bottom: 40px;
}
.ribon2:after{
	width: 52%;
	height: 120px;
	bottom: 40px;
}

.ribon.active:after{
	/* transform: skewY(20deg) translate(0%, 0%); */
}

.ribon2.active:after{
	/* transform: skewY(-20deg) translate(0%, 0%); */
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1000px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

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

.co1dl{
	max-width:665px;
	width: 40%;
}

.co1dr{
	width: 59%;
	font-size: 2.5rem;
	max-width: 600px;
	line-height: 2.36;
}

.co1dl ul{
	font-size: 1.6rem;
}



.co5d{
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	width: 75%;
	margin-right: auto;
}

.content05 li:nth-child(2n) .co5d{
    flex-direction: column;
    margin-left: auto;
    margin-right: 0;
}

.content05 .inner2{
	width:100%;
}


.co5dl{
	width: 100%;
	max-width:964px;
	margin-right: auto;
}

.co5dr{
	width: 100%;
	max-width: 790px;
	position: relative;
	padding: 3vw 0px 300px 30px;
}

.content05 li:nth-child(2n) .co5dr{
	padding: 3vw 30px 300px 0px;
}

.co5dd{
	position:absolute;
	right: -15px;
	top: 400px;
}

.content05 li:nth-child(2n) .co5dd{
	right: auto;
	left: 5px;
}

.co5li:before{
	position:absolute;
	content:"";
	width: 8.21px;
	height:100%;
	top:0;
}

.co5du{
	display:flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.abtxt{
	position:absolute;
	right: 10px;
	top: 0px;
	width: 30px;
}

.content05 .inner2>ul>li{
	margin-bottom:100px;
}

.ribon.active:after{
	/* width: 106%; */
}

.ribon2.active:after{
	/* width: 106%; */
}

.ribon:after{
	bottom: 20px;
	height: 100px;
	transform: skewY(20deg) translate(0%, 0%);
	width: 106%;
}

.ribon.active:after{
	/* transform: skewY(20deg) translate(0%, 0%); */
}

.ribon2:after{
	bottom: 30px;
	height: 100px;
	transform: skewY(-20deg) translate(0%, 0%);
	width: 106%;
}

.ribon2.active:after{
	/* transform: skewY(-20deg) translate(0%, 0%); */
}

canvas{
    /* bottom: 0px; */
    /* left:-100px; */
    /* width: 110%; */
}


#waveCanvas2{
	 /* bottom: 1px; */
}

#waveCanvas3{
	 /* bottom: 5px; */
}

#cover:before{
	position:absolute;
	content:"";
	/* background:#fff; */
	width: 100%;
	height: 120px;
	bottom: -70px;
	right: -20px;
	z-index: 1;
	transform: rotate(-8deg);
}


.co5dul dd{
	font-size: 3rem;
	position:relative;
	width: fit-content;
}


.co3d2l{
	max-width:180px;
	margin-right: 0px;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1000px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc2 {
	display: none;
}

.sp2 {
	display: block;
}


#cover {
	width: 100%;
	margin: 0px auto 0px;
	background: none;
	min-height: 811px;
	/* z-index: 1; */
	max-width: 811px;
}

#cover h1,#splash h1{
	max-width:677px;
}

#cover video{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

.covp1{
	font-size:2rem;
	text-shadow: 6px 6px 4.08px #0c5b6666;
	position:relative;
	padding: 10px 0;
}

.covp2{
	font-size: 3rem;
	text-shadow: 6px 6px 4.08px #0C5B6640;
	margin-top: 30px;
	line-height: 1.435;
}

.co1d{
	display:flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column-reverse;
}

.co1dl{
	margin-top: 15px;
	width: 100%;
}

.co1dl ul{
	min-width: 266px;
	width: 80%;
	margin: 0 auto;
}

.co1dr{
	width: 100%;
	font-size: 2.5rem;
	max-width: 600px;
	line-height: 2.36;
	text-align: justify;
}

.inner{
	width: 85%;
	max-width: 1540px;
	margin: 0 auto;
}


.inner2{
	width: 85%;
	max-width: 1820px;
	margin: 0 auto;
}

.tit1{
	font-size: 2rem;
}

.co1dr .tit1 span{
	letter-spacing: -1px;
}

.content01{padding: 25px 0 75px;}

.content02{
	padding: 30px 0 50px;
}

.co3p3{
	font-size: 1.45rem;
	margin-top: 15px;
	font-weight:500;
}

.co3d{
	max-width:920px;
	margin:auto;
	width: 85%;
	background: #fff;
	position: relative;
	padding: 35px 0px;
}

.co3d1 h3{
	font-size: 1.665rem;
	text-align:left;
}

.co3d1{
	top: 30px;
	width: 90%;
}

.co3d2{
	padding: 45px 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.co3d::before, .co3d::after {
	content: '';
	width: 95%;
	height: 15px;
	position: absolute;
}

.content04 h2{
	font-size: 2rem;
	line-height: 2.1;
	padding: 225px 0;
}

.content04 h2 span{
	font-size: 2.6rem;
}

.absp:before{
	position:absolute;
	content:"";
	background:url(../img/co41.png)no-repeat center;
	width: 0px;
	height: 51px;
	background-size: contain;
	left: 0;
	bottom: -20px;
	z-index: -1;
}

.absp.active:before{
	width: 344px;
}

.content04{
	padding: 0 0 60px;
	text-align:center;
}

.content04 .inner{
	width:100%;
}

.co4d{
	background:url(../img/bg4sp.jpg)no-repeat center;
	background-size:cover;
	padding: 75px 0;
	border-radius: 0;
	margin: 0px auto 0px;
}

.co4d h3{
	font-size:2.316rem;
	line-height: 1.2;
	position: relative;
	width: fit-content;
	margin: 0 auto 45px;
}

.co4d h3 span{
	font-size: 2rem;
}

.co4d h3:before,.co4d h3:after{
	width: 3px;
	height:100%;
	background:#000;
	position:absolute;
	content:"";
	top:0;
}


.co4d ul{
	max-width:1016px;
	width: 90%;
	margin: auto;
}

.co4d li{
	font-size: 1.8rem;
	background: #616363cc;
	margin-bottom: 15px;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	position: relative;
}


.co5d{
	width: 90%;
	margin-right: auto;
}

.content05 .inner2>ul>li{
	margin-bottom: 60px;
	overflow: hidden;
}

.content05 .inner2>ul>li:last-child{
	margin-bottom: 120px;
}

.abtxt{
	position:absolute;
	right: 10px;
	top: 0px;
	width: 25px;
}

.content05 li:nth-child(2n) .abtxt{
	position:absolute;
	left: 10px;
	top: 0px;
}

.co5dul{
	width: 70%;
	margin-right: 0%;
	min-width: 230px;
	padding: 0;
}

.co5du{
	display:flex;
	justify-content: flex-end;
	align-items: flex-start;
}

.co5dr{
	width: 100%;
	max-width: 790px;
	position: relative;
	padding: 7px 0px 200px 30px;
}

.content05 li:nth-child(2n) .co5dr{
	padding: 7px 30px 200px 0px;
}

.co5dd{
	position:absolute;
	right: -15px;
	top: 350px;
}

.co5dul dt:before{
	position:absolute;
	content:"";
	width: 0.87px;
	height: 40.22px;
	background:#000;
	right:0;
	top:0;
}

header {
	right: 12px;
}

header li{
	background:#fff;
	border-radius: 50%;
	width: 54px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 25px;
}
header li:last-child{
	margin-top:10px;
}

header li a{
	text-decoration: none;
	line-height: 1.2;
	font-size: 1.2rem;
}

.mBtn.sp2{
	display:flex;
}

.mBtn.pc2{
	display:none;
}

.m1{
	position:relative;
	width: 70%;
	max-width: 262px;
}



.copyright {
	text-align: center;
	padding: 20px 0 40px;
	font-size: 1.608rem;
	font-weight: 500;
}

#pageTop {
	z-index: 9998;
	width: 38px;
	bottom: 60px!important;
	right: 20px;
}

canvas{
    /* bottom: 70px; */
    /* left: 0px; */
    width: 110%;
    /* transform: rotate(-10deg); */
    height: 40px;
}

#waveCanvas2{
	 /* bottom: 71px; */
}

#waveCanvas2{
	z-index: 0;
	bottom: 156px;
}

#waveCanvas3{
	 bottom: 157px;
}

.covd,#splash_logo{
	left: 0;
	right: 0;
	top: -150px;
	bottom: 0;
}

.close{
	position:absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.co5dul dt{
	padding-right:10px;
	margin-right: 10px;
}


.ribon:after{
	bottom: 55px;
	height: 100px;
	transform: skewY(15deg) translate(0%, 0%);
	width: 106%;
}


.ribon2:after{
	bottom: 55px;
	height: 100px;
	transform: skewY(-15deg) translate(0%, 0%);
	width: 106%;
}

.co4sp2{
    font-size: 0.9rem;
    margin: 0px 0 5px;
    text-align: left;
    position: absolute;
    bottom: 0;
}

.co4sp1:before{
	font-size: 1rem;
	top: 25px;
	right: -5px;
	transform: scale(0.9);
}

li:nth-child(3) .co4sp1:before{
	font-size: 1rem;
	top: -5px;
	right: -20px;
	transform: scale(0.9);
}

.co3d2l{
	max-width: 160px;
	margin-right: 0px;
}

.co3d2r h2{
	font-size: 2.332rem;
	width: fit-content;
	margin-bottom: 10px;
}

.unbar:before{
	height:5px;
	bottom: -5px;
}
	
.content03{
	margin:10px auto 0;
}

.co4sp1{
	margin: auto;
}

#cover:before{
	position:absolute;
	content:"";
	/* background:#fff; */
	width: 110%;
	height: 146px;
	bottom: -73px;
	right: -30px;
	z-index: 1;
	display: block;
	transform: rotate(-10deg);
	display: none;
}

.canre{
	position: absolute;
	bottom: -90px;
	left: 0px;
	width: 100%;
	transform: rotate(-10deg);
	z-index: 1;
}

.co1p{
	font-size: 1.1rem;
	font-weight:400;
	margin-top: 40px;
}

.co1p.pc{
	display:none;
}

.co1p.sp{
	display: flex;
}


.adp{
	padding-bottom: 20px;
	font-size: 1.1rem;
}

.slick-slider.pc{
	display:none;
}
	
.slick-slider.sp{
	display:block;
}

/* Loading背景画面設定　*/
#splash {
    max-height: 811px;
    min-height: 811px;
}

.co3p1{
	height: 28.7px;
	width: 44px;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 591px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc, .pcTel {
	display: none;
}

.sp {
	display: block;
}

.covd,#splash_logo{
	max-width: 287px;
	margin:auto;
	width: 81%;
	text-align: center;
	font-weight: 700;
}

#cover h1,#splash h1{
	max-width:677px;
}

.covp1{
	font-size:1.5rem;
	text-shadow: 6px 6px 4.08px #0c5b6666;
	position:relative;
	padding: 4px 0;
}

.covp2{
	font-size: 2.717rem;
	text-shadow: 6px 6px 4.08px #0C5B6640;
	margin-top: 15px;
}

.co1dl ul{
	font-size: 1.2rem;
}

.content02 .tit1{
	margin-bottom:20px;
	font-size:1.692rem;
}

.sld{
	position:relative;
	margin: 0 10px;
	width: 276px;
}

.co3p2{
	font-size: 1.2rem;
}

.co3d2r{
	width: 50%;
	min-width: 170px;
}

.co3d2{
	padding: 30px 0 0px;
}

.co5d{
	width: 90%;
	margin-right: auto;
	min-width: 340px;
}
	
.co5dul dd{
	font-size: 2.8rem;
	position:relative;
}

#MandarinOrange .co5dul dd{
	font-size: 2.4rem;
	letter-spacing: -0.5px;
}

.co5dul p{
	font-size: 1.438rem;
	margin-bottom: 10px;
}

.mBtn{
	font-size:1.541rem;
	height: 31px;
	width: 141px;
}


.co5dur{width: 86px;}

.co5dul dl{
	display:flex;
	align-items: stretch;
	margin-bottom: 10px;
}

.co5dl{
	width: 95%;
	max-width:964px;
	margin-right: auto;
	min-width: 330px;
}

.co5du{
	display:flex;
	justify-content: space-around;
}


.co5dd{
	position:absolute;
	right: -40px;
	top: 220px;
	width: 160px;
}

.content05 li:nth-child(2n) .co5dd{
	right: auto;
	left: -30px;
}
.content05 li:nth-child(2n) .co5dul dl{
	justify-content: flex-end;
}

.content05 li:nth-child(2n) .co5dl{
	margin-left:auto;
	margin-right:0;
}

.content05 li:nth-child(2n) .co5dul{
	margin-left: 0px;
	min-width: 230px;
	width: 75%;
}

canvas{/* bottom: -40vw; *//* left: -20px; *//* width: 130%; */}

#waveCanvas2{/* bottom: -39.8vw; */}

#waveCanvas3{/* bottom: -39.3vw; */}

#cover {
	min-height: 811px;
}

.tit1{
	font-size: 1.7rem;
}



#cover:before{
	position:absolute;
	content:"";
	background:#fff;
	width: 120%;
	height: 120px;
	bottom: -55px;
	right: -15px;
}


.canab:before{
	position:absolute;
	content:"";
	width: 110%;
	background: #fff;
	bottom: -118px;
	left: 0;
}


.co3p1:before{
	position:absolute;
	content:"";
	left: -7px;
	top: -2px;
	background:#000;
	width: 0.94px;
	height: 28.27px;
}

.adp{
	padding-bottom: 25px;
	font-size: 1.1rem;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 591px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.co5dul dd{
	font-size:2.5rem;
	position:relative;
	width:100%;
}



.mBtn{
	font-size:1.541rem;
	height: 31px;
	width: 141px;
}

.co5dul p{
	font-size: 1.438rem;
	margin-bottom: 10px;
	letter-spacing: -1px;
}

.amilk .co5dul p{
	font-size: 1.3rem;
}

.mBtn{
	font-size: 1.5rem;
	height: 31px;
	width: 127px;
}

canvas{/* bottom: -68vw; *//* left: -70px; */}

#waveCanvas2{/* bottom: -67.8vw; */}

#waveCanvas3{/* bottom: -67.3vw; */}


#cover:before{
	position:absolute;
	content:"";
	background:#fff;
	width: 120%;
	height: 121px;
	bottom: -55px;
	right: -15px;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 320px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 320px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */