/* common
========================================*/
.main-visual{background-image:url(/ldg/ja/air/guide/solution/melcool/lite/setup/img/img_mv_pc.jpg)}
.setup__flow--button{margin: 40px auto;max-width: 830px;}
.setup__flow--button a{background-color:#0f51bd;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;text-align:center;position:relative;padding: 21px 30px;font-size: 16px;}
.setup__flow--button a img{width: 17px;height: 17px;margin-left: 0.25em;}
@media (any-hover: hover) {
	.setup__flow--button a{transition: filter 0.3s ease;}
	.setup__flow--button a:hover{filter: brightness(1.2);}
}
@media only screen and (max-width:767px){
	.main-visual{background-image:url(/ldg/ja/air/guide/solution/melcool/lite/setup/img/img_mv_sp.jpg)}
	.main-visual .logo-melcool.logo-melcool__slim{width: 89px;height: auto;}
	.setup__flow--button{margin: 30px auto;max-width: 830px;}
	.setup__flow--button a{padding: 12px 15px;font-size: 14px;}
	.setup__flow--button a img{width: 1em;height: 1em;}
}
/* parts */
.list--sup li{position: relative;font-size: 16px;padding-left: 1.25em;}
.list--sup li > span:first-of-type{position: absolute;display: inline-block; top: 0;left: 0;}
.list--sup a{text-decoration: underline;}
.list--sup.margin-wide{margin-top: 1.5em;}
.list--dots{margin-top: 20px;}
.list--dots li{position: relative;font-size: 16px;padding-left: 1em;margin-top: 0.5em;}
.list--dots li:first-of-type{margin-top: 0;}
.list--dots li::before{content: "";position: absolute;display: block; top: 0.8em;left: 0.4em;width: 3px;height: 3px;background-color: #333;border-radius: 50%;}
.list--dots a{text-decoration: underline;}
.list--red{color: #d90000;}
.list--bold{font-weight: 700;}
@media (any-hover: hover) {
	.list--sup a:hover{text-decoration: none;}
	.list--dots a:hover{text-decoration: none;}
}
@media screen and (max-width: 767.98px) {
	.list--sup li{font-size: 15px;line-height: 2;}
	.list--dots li{font-size: 15px;line-height: 2;}
}

.caption--image{font-size: 16px;line-height: calc(30 / 16);}
.caption--image.caption--center{text-align: center;}
img + .caption--image{margin-top: 10px;}
.text--breakall{word-break: break-all;}
.text--underline{text-decoration: underline;}
a.link--underline{text-decoration: underline;}
@media (any-hover: hover) {
	a.link--underline:hover{text-decoration: none;}
}

/* margin */
.mt-20{margin-top: 20px;}

/* contents
========================================*/
.setup__lead .section-heading{margin-top: 60px;}
.setup__logo{width: 100%;max-width: 700px;margin: 0 auto;}
.setup__logo img{width: 100%;height: auto;}
.setup__lead--text{font-size: 16px;text-align: center;font-weight: 700;margin-top: 40px;}
@media screen and (max-width: 767.98px) {
	.setup__logo{max-width: 300px;}
	.setup__lead--text{font-size: 15px;text-align: left;}
}
/* lead--anchor */
.setup__lead--anchor{margin-top: 40px;}
.setup__lead--anchor ul{display: grid;grid-template-columns: repeat(3, 1fr);width: 100%;}
.setup__lead--anchor ul li a{display: grid;height: 100%;padding: 40px 0;text-decoration: none;position: relative;}
.setup__lead--anchor ul li:nth-of-type(1) a{padding-left: 78px; padding-right:90px;background-color: #226DE5;}
.setup__lead--anchor ul li:nth-of-type(2) a{padding-left: 100px; padding-right:90px;background-color: #0F51BD;}
.setup__lead--anchor ul li:nth-of-type(3) a{padding-left: 78px; padding-right:90px;background-color: #033D99;}
.setup__lead--anchor ul li:first-of-type a{border-radius: 8px 0 0 8px;}
.setup__lead--anchor ul li:last-of-type a{border-radius: 0 8px 8px 0;}
.setup__lead--anchor .anchor--icon{position: absolute; display: block; width: calc((50/391)*100%);height: auto;right: calc((301/391)*100%);top: 50%;transform: translateY(-50%);}
.setup__lead--anchor .anchor--icon img{width: 100%;height: auto;aspect-ratio: 1/1;}
.setup__lead--anchor .anchor--arrow{position: absolute; display: block; width: calc((40/391)*100%);height: auto;left: calc((301/391)*100%);top: 50%;transform: translateY(-50%);}
.setup__lead--anchor .anchor--arrow img{width: 100%;height: auto;aspect-ratio: 1/1;}
.setup__lead--anchor .anchor--text{display: flex;flex-flow: column;justify-content: flex-start;align-items: center;gap: 10px;}
.setup__lead--anchor .anchor--label{display: inline-block;background-color: #fff;border-radius: 2px;padding: 4px 10px 5px;font-size: 14px;font-weight: 700;color: #226DE5;line-height: 1;}
.setup__lead--anchor .anchor--description{font-size: 18px;font-weight: 700;line-height: 1.3;text-align: center;color: #fff;}
/* lead--anchor unique */
.setup__lead--anchor ul li:nth-of-type(2) .anchor--icon{right: calc((291/391)*100%);}
@media (any-hover: hover) {
	.setup__lead--anchor ul li a{transition: filter 0.3s ease;}
	.setup__lead--anchor ul li a:hover{filter: brightness(1.3);}
}
@media screen and (max-width: 767.98px) {
	.setup__lead--anchor ul li a{padding: 60px 0;text-decoration: none;position: relative;}
	.setup__lead--anchor ul li:nth-of-type(1) a{padding-left: 5px; padding-right:5px;}
	.setup__lead--anchor ul li:nth-of-type(2) a{padding-left: 5px; padding-right:5px;}
	.setup__lead--anchor ul li:nth-of-type(3) a{padding-left: 5px; padding-right:5px;}
	.setup__lead--anchor ul li:first-of-type a{border-radius: 8px 0 0 8px;}
	.setup__lead--anchor ul li:last-of-type a{border-radius: 0 8px 8px 0;}
	.setup__lead--anchor .anchor--icon{position: absolute; display: block; width: 20px;height: 20px;right: 0;left: 0;margin: auto; transform: translate(0);top: 30px;}
	.setup__lead--anchor .anchor--icon img{width: 100%;height: auto;aspect-ratio: 1/1;}
	.setup__lead--anchor .anchor--arrow{position: absolute; display: block; width: 20px;height: 20px;right: 0;left: 0;bottom:30px;top: auto;margin: auto; transform: translate(0);}
	.setup__lead--anchor .anchor--arrow img{width: 100%;height: auto;aspect-ratio: 1/1;}
	.setup__lead--anchor .anchor--text{display: flex;flex-flow: column;justify-content: flex-start;align-items: center;gap: 10px;}
	.setup__lead--anchor .anchor--label{font-size: 10px;}
	.setup__lead--anchor .anchor--description{font-size: 12px;}
	.setup__lead--anchor ul li:nth-of-type(2) .anchor--icon{right: 0;}
}

/* setup__lead--relation */
.setup__lead--relation{margin-top: 40px;}
.setup__lead--relation ul{display: flex;justify-content: flex-end;gap: 10px;}
.setup__lead--relation ul li{width: 180px;}
.setup__lead--relation ul li a{display: flex;align-items: center;justify-content: center; width: 100%;height: 32px;border-radius: 16px;background-color: #FBB113;font-size: 16px;font-weight: 700;color: #333;letter-spacing: -.02em; position: relative;}
.setup__lead--relation ul li a.link--external::before{content: "";display: block;width: 12px;height: 12px;background: url("/ldg/ja/air/guide/solution/melcool/common/img/icon_black_blank.png") center center / 12px no-repeat transparent;order: 1;margin-left: 0.3em;}
.setup__lead--relation ul li a.link--anchor::before{content: "";display: block;transform: rotate(135deg) translateY(4px);border-top: 2px solid #333;border-right: 2px solid #333; width: 9px;height: 9px;order: 1;margin-left: 0.75em;}
@media (any-hover: hover) {
	.setup__lead--relation ul li a{transition: filter 0.3s ease;}
	.setup__lead--relation ul li a:hover{filter: brightness(1.2);}
}
@media screen and (max-width: 767.98px) {
	.setup__lead--relation ul{flex-flow: column;}
	.setup__lead--relation ul li{width: 100%;}
	.setup__lead--relation ul li a{height: 39px;padding-bottom: 2px;}
	.setup__lead--relation ul li a.link--anchor::before{transform: rotate(135deg) translateY(2px);}
}

/* setup__accordion */
.setup__accordion{margin-top: 80px;border: 1px solid #ccc;border-radius: 8px;overflow: hidden;}
@media screen and (max-width: 767.98px) {
	.setup__accordion p{font-size: 15px;line-height: 2;}
}
/* setup__accordion--header */
.setup__accordion--header{position: relative;display: flex;align-items: center;justify-content: flex-start;cursor: pointer;padding: 32px 50px 32px 30px;line-height: calc(34/28);}
.setup__accordion--header .accordion--label{display: flex;align-items: center;justify-content: center;font-size: 14px;color: #0F51BD; width: 100%;max-width: 93px;background-color: #fff;border-radius: 3px;padding: 7px 5px 8px;line-height: 1;margin-right: 20px;}
.setup__accordion--header .accordion--title{font-size: 28px;font-weight: 700;}
.setup__accordion--header .accordion--icon{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 38px;height: 38px;background-color: #fff;border-radius: 3px;}
.setup__accordion--header .accordion--icon::before,
.setup__accordion--header .accordion--icon::after{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto; width: 22px;height: 2px;background-color: #0F51BD;transition: transform 0.3s ease;}
.setup__accordion--header .accordion--icon::before{transform: rotate(0deg);}
.setup__accordion--header .accordion--icon::after{transform: rotate(90deg);}
.setup__accordion--header.open .accordion--icon::after{transform: rotate(0deg);}
@media (any-hover: hover) {
	.setup__accordion--header{transition: filter 0.3s ease;}
	.setup__accordion--header:hover{filter: brightness(1.2);}
}
@media screen and (max-width: 767.98px) {
	.setup__accordion--header{flex-flow: column; padding: 30px 70px 30px 30px;align-items: flex-start;}
	.setup__accordion--header .accordion--label{font-size: 10px;width: auto;padding: 4px 10px 5px;}
	.setup__accordion--header .accordion--title{font-size: 24px;margin-top: 8px;}
	.setup__accordion--header .accordion--icon{width: 30px;height: 30px;}
	.setup__accordion--header .accordion--icon::before,
	.setup__accordion--header .accordion--icon::after{width: 17px;}
}

/* accordion-step-01 */
.accordion-step-01 .setup__accordion--header{background-color: #226DE5;}
.accordion-step-01 .setup__accordion--header .accordion--title{color: #fff;}
.accordion-step-01 .setup__accordion--header .accordion--label{color: #226DE5;}
.accordion-step-01 .setup__accordion--header .accordion--icon::before,
.accordion-step-01 .setup__accordion--header .accordion--icon::after{background-color: #226DE5;}
/* accordion-step-02 */
.accordion-step-02 .setup__accordion--header{background-color: #0F51BD;}
.accordion-step-02 .setup__accordion--header .accordion--title{color: #fff;}
.accordion-step-02 .setup__accordion--header .accordion--label{color: #0F51BD;}
.accordion-step-02 .setup__accordion--header .accordion--icon::before,
.accordion-step-02 .setup__accordion--header .accordion--icon::after{background-color: #0F51BD;}
/* accordion-step-03 */
.accordion-step-03 .setup__accordion--header{background-color: #033D99;}
.accordion-step-03 .setup__accordion--header .accordion--title{color: #fff;}
.accordion-step-03 .setup__accordion--header .accordion--label{color: #033D99;}
.accordion-step-03 .setup__accordion--header .accordion--icon::before,
.accordion-step-03 .setup__accordion--header .accordion--icon::after{background-color: #033D99;}
/* accordion-step-04 */
.accordion-step-04 .setup__accordion--header{background-color: #FBB113;}
.accordion-step-04 .setup__accordion--header .accordion--title{color: #333;}
.accordion-step-04 .setup__accordion--header .accordion--icon::before,
.accordion-step-04 .setup__accordion--header .accordion--icon::after{background-color: #FBB113;}

/* setup__accordion--body */
.setup__accordion--body{background-color: #F3F7FF;border-top:1px solid #ccc;padding: 60px;}
.accordion-step-04 .setup__accordion--body{background-color: #FFF5E1;}
@media screen and (max-width: 767.98px) {
	.setup__accordion--body{padding: 30px;}
}

/* setup__accordion--inner */
.setup__accordion--inner{margin-top: 80px;}
.setup__accordion--body .setup__accordion--inner:first-of-type{margin-top: 0;}
@media screen and (max-width: 767.98px) {
	.setup__accordion--inner{margin-top: 70px;}
}

/* setup__accordion--title */
.setup__accordion--title{font-size: 28px;font-weight: 700;line-height: calc(34/28);padding-bottom: 30px;border-bottom: 1px solid #ccc;}
.setup__accordion--column + .setup__accordion--title{margin-top: 40px;}
.setup__accordion--title + p{margin-top: 30px;}
@media screen and (max-width: 767.98px) {
	.setup__accordion--title{font-size: 24px;line-height: calc(34/24);}
	.setup__accordion--column + .setup__accordion--title{margin-top: 30px;}
	.setup__accordion--title + p{margin-top: 20px;}
}

/* setup__accordion--column */
.setup__accordion--column{display: grid; grid-template-columns: 1fr 1fr; gap: calc((52/1052)*100%);margin-top: 40px;}
@media screen and (max-width: 767.98px) {
	.setup__accordion--column{margin-top: 30px;}
	.setup__accordion--column{display: block;}
}

/* setup__accordion--text */
.setup__accordion--title + .setup__accordion--text{margin-top: 40px;}

/* setup__accordion--image */
.setup__accordion--image img{width: 100%;height: auto;}
@media screen and (max-width: 767.98px) {
	.setup__accordion--image{margin-top: 30px;}
}

/* setup__accordion--table */
.setup__accordion--table{border-top: 1px solid #ccc; border-left: 1px solid #ccc;width: 100%;}
.setup__accordion--table th{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;background-color: #D9E5FF;text-align: center;font-size: 16px;font-weight: 400;width: 50%;padding: 10px;}
.setup__accordion--table td{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;background-color: #fff;text-align: center;font-size: 16px;width: 50%;padding: 10px;}

/* setup__accordion--barcode */
.setup__accordion--barcode{display: grid; grid-template-columns: 1fr 1fr; gap: calc((20/1052)*100%);margin-top: 40px;}
.setup__accordion--barcode-item{display: flex; flex-flow: column; row-gap: 10px; background-color: #ffffff;border: 1px solid #ccc; padding: 25px;}
.setup__accordion--barcode-text{align-items: center;line-height: calc(30/16);}
.setup__accordion--barcode-banner{display: flex;justify-content: center;align-items: center;}
.setup__accordion--barcode + p{margin-top: 30px;}
@media (any-hover: hover) {
	.setup__accordion--barcode-banner a{transition: opacity .2s ease;}
	.setup__accordion--barcode-banner a:hover{opacity: .7;}
}
@media screen and (max-width: 767.98px) {
	.setup__accordion--barcode{display: flex;flex-flow: column;gap: 10px;}
	.setup__accordion--barcode-item{display: block; padding: 30px;}
	.setup__accordion--barcode .image--barcode{display: none;}
	.setup__accordion--barcode-text{letter-spacing: -.02em;}
	.setup__accordion--barcode-banner{margin-top: 8px;}
}

/* setup__accordion--imagefull */
.setup__accordion--imagefull{margin-top: 30px;}
.setup__accordion--imagefull + p{margin-top: 30px;}

/* settings--wrap */
.settings--wrap{margin-top: 60px;}
.settings--wrap .settings--title{font-size: 18px;font-weight: 700;}

/* complete--wrap */
.complete--wrap{margin-top: 60px;}
.complete--wrap .complete--title{font-size: 18px;font-weight: 700;}
.complete--wrap p{margin-top: 20px;}

/* setup__note */
.setup__note{margin-top: 40px;}