@charset "UTF-8";

/* --------------------------------
	content
-------------------------------- */
#content {background-color: #f8f8f8;padding-top: 50px;padding-bottom: 65px;font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}
@media screen and (max-width: 767.98px) {
	#content {padding-top: 0;padding-bottom: 50px;}
}

/* --------------------------------
	container
-------------------------------- */
.container { box-sizing: content-box; position: relative; margin-right: auto; margin-left: auto; padding: 0 13px; max-width: 1414px; }
@media screen and (max-width: 767.98px) {
.container { padding: 0 20px; }
}

/* --------------------------------
	view
-------------------------------- */
@media print, screen and (min-width: 768px) {
.sp { display: none !important; }
}
@media screen and (max-width: 767.98px) {
.pc { display: none !important; }
}

/* --------------------------------
	cp-background
-------------------------------- */
.cp-background { background-color: #fff; padding-bottom: 65px; }
@media screen and (max-width: 767.98px) {
	.cp-background { padding-bottom: 25px; }
}

/* --------------------------------
	cp-mv
-------------------------------- */
.cp-mv img { width: 100%; height: auto; vertical-align: top; }
@media screen and (max-width: 767.98px) {
	.cp-mv { margin: 0 -20px; }
}

/* --------------------------------
	cp-heading
-------------------------------- */
.cp-heading { background: url(/ldm/slim/melcool25-cp/img/bg-heading_lv2.png) center center no-repeat; color: #00509f; display: flex; align-items: center; justify-content: center; height: 100px; font-size: calc(48/16*100%);font-weight: 900;line-height: 1; text-shadow: -4px -4px 0px #fff,0px -4px 0px #fff,4px -4px 0px #fff,4px 0px 0px #fff,4px 4px 0px #fff,0 4px 0px #fff,-4px 4px 0px #fff,-4px 0px 0px #fff; }
@media screen and (max-width: 767.98px) {
	.cp-heading { background: url(/ldm/slim/melcool25-cp/img/bg-heading_lv2_sp.png) center center/cover no-repeat; height: 50px; font-size: calc(24/16*100%);text-shadow: -2px -2px 0px #fff,0px -2px 0px #fff,2px -2px 0px #fff,2px 0px 0px #fff,2px 2px 0px #fff,0 2px 0px #fff,-2px 2px 0px #fff,-2px 0px 0px #fff; }
}

/* --------------------------------
	cp-apply
-------------------------------- */
.cp-apply { text-align: center;padding: 50px calc(57/1414*100%) 0; }
.cp-apply__heading { font-size: calc(24/16*100%);font-weight: 700;line-height: calc(40/24); }
.cp-apply__link { margin-top: 15px; }
.cp-apply__link a { border-radius: 10px;border: 4px solid #00509f;display: inline-block; vertical-align: top; overflow: hidden; box-shadow: 0px 0px 20px 0px rgba(0,0,0,.15); }
.cp-apply__link a img { height: auto; max-width: 100%; vertical-align: top; }
.cp-apply__note {display: inline-flex;vertical-align: top;font-size: calc(14/16*100%);line-height: calc(30/14);margin-top: 5px;text-align: left;}
@media (hover: hover) {
	.cp-apply__link a { transition: opacity .3s ease; }
	.cp-apply__link a:hover { opacity: .7; }
}
@media screen and (max-width: 767.98px) {
	.cp-apply { padding: 20px 20px 0; }
	.cp-apply__heading { font-size: calc(14/16*100%);line-height: calc(40/28); }
	.cp-apply__link a img { width: 100%; }
	.cp-apply__note {display: flex;font-size: calc(10/16*100%);line-height: calc(30/20);margin-top: 10px;}
}

/* --------------------------------
	cp-applicants
-------------------------------- */
.cp-applicants { margin-top: 60px; }
.cp-applicants__text{ font-size: calc(24/16*100%);font-weight: 700;line-height: calc(40/24);text-align: center;margin-top: 40px;padding: 0 calc(57/1414*100%); }
@media screen and (max-width: 767.98px) {
	.cp-applicants { margin-top: 25px; }
	.cp-applicants__text{ font-size: calc(14/16*100%);line-height: calc(40/28);margin-top: 23px;padding: 0; }
}

/* --------------------------------
cp-service
-------------------------------- */
.cp-service { margin-top: 60px;text-align: center; }
.cp-service img{height: auto;max-width: 100%;vertical-align: top;}
.cp-service__background{ background-color: #d0f1ff;padding: 50px calc(57/1414*100%) 70px; }
.cp-service__title{background-color: #00509f;border-radius: 10px 10px 0 0;display: flex;align-items: center;justify-content: center;padding: 14px;}
.cp-service__box{background-color: #fff;padding: 30px 50px 50px;border-radius: 0 0 10px 10px;}
.cp-service__text{color: #00509f;font-size: calc(24/16*100%);font-weight: 700;line-height: calc(40/24);}
.cp-service__column{margin-top: 30px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px;}
.cp-service__share-heading{color: #fff;display: flex;justify-content: center;position: relative;font-size: calc(18/16*100%);font-weight: 700;margin-bottom: -25px;padding: 0 10px;}
.cp-service__share-heading span{box-sizing: border-box;background-color: #00509f;display: inline-flex;align-items: center;justify-content: center;padding: 5px 40px;border-radius: 25px;min-height: 50px;}
.cp-service__share-img{border: 4px solid #00509f;border-radius: 10px;padding: 44px 20px 18px;}
.cp-service__slim-heading{color: #00509f;font-size: calc(18/16*100%);font-weight: 700;display: grid;grid-template-columns: 1fr;gap: 18px;}
.cp-service__slim-heading span{display: block;}
.cp-service__slim-img{margin-top: 15px;}
.cp-service__slim-note{font-size: calc(14/16*100%);display: flex;justify-content: center;margin-top: 15px;}
.cp-service__slim-link{font-size: calc(13/16*100%);display: flex;justify-content: center;word-break: break-all;margin-top: 10px;}
.cp-service__slim-link a{color: #333;}
@media screen and (max-width: 767.98px) {
	.cp-service { margin-top: 35px; }
	.cp-service__background{padding: 20px; }
	.cp-service__title{background-color: #00509f;border-radius: 10px 10px 0 0;display: flex;align-items: center;justify-content: center;padding: 8px 12px;}
	.cp-service__box{padding: 15px 20px 20px;}
	.cp-service__text{font-size: calc(14/16*100%);line-height: calc(40/28);}
	.cp-service__column{margin-top: 15px;grid-template-columns: 1fr;gap: 15px;}
	.cp-service__share-heading{font-size: calc(12/16*100%);margin-bottom: -15px;}
	.cp-service__share-heading span{padding: 3px 10px 5px;border-radius: 15px;min-height: 30px;}
	.cp-service__share-img{border: 2px solid #00509f;padding: 33px 15px 20px;}
	.cp-service__slim-heading{font-size: calc(12/16*100%);line-height: calc(40/28);gap: 5px;}
	.cp-service__slim-heading span{display: block;}
	.cp-service__slim-heading img{width: 74px;}
	.cp-service__slim-img{margin-top: 10px;}
	.cp-service__slim-note{font-size: calc(10/16*100%);margin-top: 5px;text-align: left;}
	.cp-service__slim-link{font-size: calc(9/16*100%);margin-top:5px;text-align: left;}
}

/* --------------------------------
	cp-present
-------------------------------- */
.cp-present__img{ display: flex;justify-content: center;gap: 36px;margin-top: 45px;padding: 0 calc(57/1414*100%); }
.cp-present__img img{height: auto;max-width: calc(50% - 18px);vertical-align: top;}
@media screen and (max-width: 767.98px) {
	.cp-present__img{ flex-direction: column;align-items: center;gap: 10px;margin-top: 20px;padding: 0; }
	.cp-present__img img{max-width: calc(525/670*100%);}
}

/* --------------------------------
	cp-howto
-------------------------------- */
.cp-howto{ margin-top: 70px;text-align: center; }
.cp-howto img{height: auto;max-width: 100%;vertical-align: top;}
.cp-howto__background{ background-color: #d0f1ff;padding: 40px calc(48/1414*100%) 60px; }
.cp-howto__text{color: #00509f;font-size: calc(36/16*100%);font-weight: 700;line-height: calc(40/36);}
.cp-howto__img{ margin-top: 40px; }
@media screen and (max-width: 767.98px) {
	.cp-howto{ margin-top: 40px; }
	.cp-howto__background{ padding: 17px calc(35/670*100%) 25px; }
	.cp-howto__text{font-size: calc(14/16*100%);line-height: calc(40/28);}
	.cp-howto__img{ margin-top: 17px; }
}

/* --------------------------------
	cp-note
-------------------------------- */
.cp-note{ margin-top: 65px; }
.cp-note__heading{background-color: #333;color: #fff;font-size: calc(32/16*100%);font-weight: 700;text-align: center;padding: 15px 0 17px;}
.cp-note__background{ background-color: #ececec;padding:45px calc(48/1414*100%); }
.cp-note__list{font-size: calc(18/16*100%);line-height: calc(40/18);list-style: none;}
.cp-note__list>li{position: relative;padding-left: 1em;}
.cp-note__list>li>span{position: absolute;left: 0;top: 0;}
.cp-note__list>li>a{color: #333;word-break: break-all;}
@media screen and (max-width: 767.98px) {
	.cp-note{ margin-top: 25px; }
	.cp-note__heading{font-size: 100%;padding: 7px 0 9px;}
	.cp-note__background{ background-color: #ececec;padding:20px 20px 25px; }
	.cp-note__list{font-size: calc(14/16*100%);line-height: calc(40/28);}
	.cp-note__list>li{position: relative;padding-left: 1em;}
	.cp-note__list>li+li{margin-top: 15px;}
	.cp-note__list>li>span{position: absolute;left: 0;top: 0;}
	.cp-note__list>li>b{font-weight: 400;word-break: break-all;}
}

/* --------------------------------
	cp-campaign
-------------------------------- */
.cp-campaign{margin-top: 60px;padding: 0 calc(57/1414*100%);}
.cp-campaign__inner{box-sizing: border-box;border: 8px solid #00509f;border-radius: 40px;margin: 0 auto;overflow: hidden;width: 100%;max-width: 1300px; }
.cp-campaign img{height: auto;max-width: 100%;vertical-align: top;}
@media screen and (max-width: 767.98px) {
	.cp-campaign{margin-top: 20px;padding: 0 20px;}
	.cp-campaign__inner{border: 2px solid #00509f;border-radius: 10px;margin: 0 auto; }
}
