* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

body {
	font-family: "Noto Sans JP", system-ui;
}

.wrap {
    min-width: 375px;
}

@media screen and (max-width: 376px) {
	.wrap {
		min-width: auto;
	}
}

/* HEADER */
.header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
}

.headerWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 50px 70px 50px 50px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.menuContent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.menuBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	list-style-type: none;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.menuItem {
	position: relative;
	padding-left: 31px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.75px;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.menuItem:hover span {
	opacity: .5;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.menuBtn {
    display: block;
    position: relative;
    width: 200px;
    margin: 0 auto;
    padding: 20px 25px;
    border-radius: 32px;
    background: #FFD814;
    color: #313131;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.menuBtn.grayOut {
	padding: 15px 35px;
	background: #e5e5e5;
	color: #ababab;
	text-align: center;
	line-height: 1.3;
	cursor: auto;
}

.menuBtn::after {
	position: absolute;
    top: 50%;
    right: 15px;
    width: 15px;
    height: 15px;
    background: url(../images/ico_blank_black.svg) no-repeat center;
    background-size: 100%;
	content: '';
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.menuBtn.grayOut::after {
	opacity: 40%;
}

.sec02Btn a {
	display: block;
	position: relative;
	width: 200px;
	margin: 0 auto;
	padding: 12px 21px 14px;
	border: 2px solid #002153;
	border-radius: 24px;
	color: #002153;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1.13px;
	cursor: pointer;
	-webkit-transition: background-color .3s ease-out;
	-o-transition: background-color .3s ease-out;
	transition: background-color .3s ease-out;
}

.sec02Btn a::after {
	position: absolute;
	top: 47%;
	right: 10px;
	width: 20px;
	height: 20px;
	background: url(../../../images/common/icon_blank.svg) no-repeat center;
	content: '';
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.sec02Btn a:hover {
	background-color: #002153;
	color: #fff;
}

.sec02Btn a:hover::after {
	width: 15px;
	height: 15px;
	background: url(../images/ico_blank_white.svg) no-repeat center;
	background-size: contain;
}

@media screen and (max-width: 1600px) {
	.headerWrap {
		padding: 25px 45px 25px 25px;
	}
}

@media screen and (max-width: 960px) {
	.headerWrap {
		padding: 30px 30px 30px 30px;
	}
	.headerLogo {
		width: 120px;
	}
	.headerLogo img {
		width: 100%;
	}
	.menuBtn {
		width: 175px;
		padding: 15px 20px;
		font-size: 12px;
	}
	.menuBtn::after {
		width: 12px;
		height: 12px;
	}
	.menuItem {
		padding-left: 28px;
		font-size: 14px;
		letter-spacing: 0;
	}
}
@media screen and (min-width: 768px) {
	.menuBox {
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
	}
	.menuItem::before {
		position: absolute;
		bottom: 2px;
		left: 0;
		width: 23px;
		height: 21px;
		background: url(../images/ico_arw_down.svg) no-repeat bottom;
		content: '';
		-webkit-transition: bottom 0.3s ease;
		-o-transition: bottom 0.3s ease;
		transition: bottom 0.3s ease;
	}
	.menuItem:hover::before {
		bottom: -4px;
	}
	.hamburger {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.header {
		min-width: 375px;
	}
	.headerWrap {
		padding: 20px 30px 20px 20px;
	}
	.headerLogo {
		width: 84px;
	}
	.menuContent {
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		height: 100vh;
		overflow: hidden;
		background:  #1C1C1C;
		font-size: 3rem;
		-webkit-transition: right 0.4s ease;
		-o-transition: right 0.4s ease;
		transition: right 0.4s ease;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.menuContent.active {
		right: 0;
	}
	.menuBox {
		padding: 147px 30px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.menuItem {
		display: block;
		position: relative;
		padding: 16px 0;
		border-bottom: 1px solid #343434;
	}
	.menuItem::before {
		position: absolute;
		top: 50%;
		right: 0;
		width: 23px;
		height: 21px;
		background: url(../images/ico_arw_down.svg) no-repeat center;
		content: '';
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	.menuBtn {
		margin: 16px auto;
	}
	.hamburger {
		position: relative;
		width: 20px;
		height: 14px;
		margin-left: auto;
	}
	.hamburger .bar {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 2px;
		border-radius: 25px;
		background-color: #fff;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		-webkit-transition: .3s ease;
		-o-transition: .3s ease;
		transition: .3s ease;
	}
	.hamburger .bar:nth-child(1) {
		top: 0%;
	}
	.hamburger .bar:nth-child(3) {
		top: 100%;
        left: 0;
        width: 68%;
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
	}
	.hamburger.active {
		position: fixed;
		right: 30px;
	}
	.hamburger.active .bar {
		background-color: white;
	}
	.hamburger.active .bar:nth-child(1) {
		top: 50%;
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		    -ms-transform: translate(-50%, -50%) rotate(45deg);
		        transform: translate(-50%, -50%) rotate(45deg);
	}
	.hamburger.active .bar:nth-child(2) {
		top: 50%;
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
		    -ms-transform: translate(-50%, -50%) rotate(-45deg);
		        transform: translate(-50%, -50%) rotate(-45deg);
	}
	.hamburger.active .bar:nth-child(3) {
		opacity: 0;
	}
}

/* ANIMATION */
.fadeIn {
	animation: fadeIn ease-in-out 3s;
	-webkit-animation: fadeIn ease-in-out 3s;
	-moz-animation: fadeIn ease-in-out 3s;
	-o-animation: fadeIn ease-in-out 3s;
	-ms-animation: fadeIn ease-in-out 3s;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* COMMON */
.section {
	padding: 136px 0;
}

.secTtl {
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 4px;
	line-height: 1.5;
}

.section02 .secTtl {
	color: #0093D7;
}

.section02 .sec02Content01 .secTtl {
	text-align: center;
}

@media screen and (max-width: 960px) {
	.section {
		padding: 100px 0;
	}

	.secTtl {
		font-size: 18px;
		letter-spacing: 3.6px;
	}
}

@media screen and (max-width: 767px) {
	.section {
		padding: 36px 0;
	}

	.secTtl {
		font-size: 15px;
		letter-spacing: 3.2px;
	}
}

/* MAINVISUAL */
.mainVisual {
	position: relative;
	padding: 195px 0 201px;
	background: url(../images/mv_bg_pc.png) no-repeat center;
	color: #002153;
	background-size: 100% 100%;
	text-align: center;
}

.mainVisual .mvSubTtl {
	display: inline-block;
	position: relative;
	font-size: 38px;
	font-weight: 500;
	line-height: 1.47;
	letter-spacing: 1.9px;
}

.mainVisual .mvTtl {
	margin-top: 74px;
}

.mainVisual .mvTtl img {
	width: 100%;
}

.mainVisual .mvTxtBox p {
	margin-top: 75px;
	font-size: 37px;
	font-weight: 500;
	line-height: 2;
}

.mainVisual .mvTxtBox p .label {
	padding: 2px 39px 6px 33px;
	font-size: 28px;
	color: #FFF;
	background: #002153;
	border-radius: 999px;
}

.mainVisual .mvTxtBox ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 1132px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
		    justify-content: center;
	gap: 35px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-bottom: 45px;
}

.mainVisual .mvTxtBox ul li {
	font-size: 37px;
	font-weight: 500;
}

.mainVisual .mvTxtBox .schedule {
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
	width: 71%;
	margin: 51px auto 0;
	padding: 20px 0;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 30px;
}

.mainVisual .mvTxtBox img {
	width: 76%;
}


@media screen and (max-width: 1600px) {
	.mainVisual {
		padding: 125px 0 145px;
	}
	.mainVisual .sectionInner {
		padding: 0 40px;
	}
	.mainVisual .mvSubTtl {
		font-size: 34px;
	}
	.mainVisual .mvTtl {
		font-size: 70px;
		letter-spacing: 2.8px;
	}
	.mainVisual .mvTxtBox p {
		font-size: 24px;
	}
	.mainVisual .mvTxtBox p .label {
		font-size: 15px;
	}
	.mainVisual .mvTxtBox ul {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: center;
		gap: 35px;
		margin-bottom: 25px;
	}
	.mainVisual .mvTxtBox ul li {
		font-size: 30px;
	}
	.mainVisual .mvTxtBox .fsL {
		font-size: 30px;
	}
	.mainVisual .mvTxtBox .fsS {
		font-size: 20px;
	}
}
@media screen and (max-width: 1440px) {
	.mainVisual .sectionInner {
		padding: 0 20px;
	}
}
@media screen and (max-width: 960px) {
	.mainVisual {
		padding: 115px 0 60px;
	}

	.mainVisual .mvSubTtl {
		font-size: 28px;
	}

	.mainVisual .mvTtl {
		margin-top: 60;
        font-size: 50px;
		letter-spacing: 0;
    }

	.mainVisual .mvTxtBox p {
		margin-top: 60px;
		font-size: 15px;
	}

	.mainVisual .mvTxtBox p .label {
		font-size: 9px;
	}

	.mainVisual .mvTxtBox .schedule {
		margin: 40px auto 0;
	}
}
@media screen and (max-width: 767px) {
	.mainVisual {
		padding: 102px 0 60px;
		background: url(../images/mv_bg_sp.png) no-repeat bottom;
		background-size: cover;
	}

	.mainVisual .sectionInner {
		padding: 0 20px;
	}

	.mainVisual .mvSubTtl {
		font-size: 18px;
		letter-spacing: 0.9px;
	}

	.mainVisual .mvTtl {
		margin-top: 40px;
		font-size: 30px;
		line-height: 1.6;
	}

	.mainVisual .mvTxtBox p {
		margin-top: 40px;
		font-size: 18px;
	}

	.mainVisual .mvTxtBox p .label {
		padding: 5px 15px;
		font-size: 9px;
	}

	.mainVisual .mvTxtBox .schedule {
		margin: 30px auto 0;
	}
}
@media screen and (max-width: 399px) {
    .mainVisual .mvTtl {
		margin-top: 30px;
        font-size: 27px;
    }

	.mainVisual .mvTxtBox p {
		margin-top: 30px;
	}
}

/* SECTION02 */
.section02 .secTtlBlock {
	margin-bottom: 50px;
}

.sec02Block01 {
	margin-bottom: 48px;
}

/* .sec02ImgBlock {
	margin-bottom: 44px;
	text-align: center;
}

.sec02ImgBlock img {
	width: 80%;
	margin-bottom: 10px;
}

.sec02ImgBlock p {
	font-size: 14px;
	text-align: right;
} */

.sec02Block01 .sec02Figure {
  width: 80%;
  margin: 0 auto 44px;
}

.sec02Block01 .sec02Figure img {
  display: block;
  width: 100%;
}

.sec02Block01 .sec02Figure figcaption {
  margin-top: 6px;
  font-size: 14px;
  text-align: right;
}

/* SP (모바일) */
@media screen and (max-width: 750px) {
  .sec02Block01 .sec02Figure {
    width: 90%;
  }
}

.sec02Block02 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	text-align: center;
}

.sec02Block02 .company {
	flex: 1;
	padding: 0 20px;
}

.sec02Block02 .company p {
	font-size: 20px;
	font-weight: bold;
}

.sec02Block02 .divider {
	width: 1px;
	height: -webkit-fill-available;
	background-color: #000;
	margin: 0 10px;
}

.sec02Block02 ul {
	margin-top: 20px;
	padding: 0;
	list-style-type: disc;
}

.sec02Block02 li {
	margin-bottom: 10px;
}

.sec02Block02 .note {
	text-align: right;
	margin-top: 10px;
}

.sec02Table table {
	width: 100%;
	margin-bottom: 48px;
	color: #313131;
	font-size: 16px;
	font-weight: bold;
}

.sec02Table table th {
	width: 12%;
	border-right: 1px solid #A2A2A2;
	text-align: left;
}

.sec02Table table td {
	width: 98%;
}

.sec02Table th,
.sec02Table td {
	padding: 24px 20px 21px;
}

.sec02Table tr:nth-child(odd) {
	background-color: #D8D8D8;
}

.sec02Table tr:nth-child(even) {
	background-color: #F8F8F8;
}

.sec02Block03 {
	padding: 54px 0 0;
}

.sec02Block03 p {
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.sec02Block03 img {
	max-width: 1083px;
	width: 100%;
}
@media screen and (max-width: 968px) {
	.sec02Table table th {
		width: 17%;
	}
	.sec02Table table td {
		width: 83%;
	}
}
@media screen and (min-width: 768px) {
	.section02 {
		background-image: -o-radial-gradient(center center, circle, transparent, rgb(255, 255, 255)),
						-o-linear-gradient(141deg, rgba(90, 90, 90, 0.05) 0%, rgba(90, 90, 90, 0.05) 50%, rgba(206, 206, 206, 0.05) 50%, rgba(206, 206, 206, 0.05) 100%),
						-o-linear-gradient(51deg, rgba(13, 13, 13, 0.05) 0%, rgba(13, 13, 13, 0.05) 50%, rgba(189, 189, 189, 0.05) 50%, rgba(189, 189, 189, 0.05) 100%),
						-o-linear-gradient(306deg, rgba(249, 249, 249, 0.05) 0%, rgba(249, 249, 249, 0.05) 50%, rgba(111, 111, 111, 0.05) 50%, rgba(111, 111, 111, 0.05) 100%),
						-o-linear-gradient(284deg, rgba(231, 231, 231, 0.05) 0%, rgba(231, 231, 231, 0.05) 50%, rgba(220, 220, 220, 0.05) 50%, rgba(220, 220, 220, 0.05) 100%),
						-o-linear-gradient(238deg, rgba(80, 80, 80, 0.05) 0%, rgba(80, 80, 80, 0.05) 50%, rgba(243, 243, 243, 0.05) 50%, rgba(243, 243, 243, 0.05) 100%),
						-o-radial-gradient(center center, circle, hsl(107, 19%, 100%), hsl(107, 19%, 100%));
		background-image: radial-gradient(circle at center center, transparent, rgb(255, 255, 255)),
						linear-gradient(309deg, rgba(90, 90, 90, 0.05) 0%, rgba(90, 90, 90, 0.05) 50%, rgba(206, 206, 206, 0.05) 50%, rgba(206, 206, 206, 0.05) 100%),
						linear-gradient(39deg, rgba(13, 13, 13, 0.05) 0%, rgba(13, 13, 13, 0.05) 50%, rgba(189, 189, 189, 0.05) 50%, rgba(189, 189, 189, 0.05) 100%),
						linear-gradient(144deg, rgba(249, 249, 249, 0.05) 0%, rgba(249, 249, 249, 0.05) 50%, rgba(111, 111, 111, 0.05) 50%, rgba(111, 111, 111, 0.05) 100%),
						linear-gradient(166deg, rgba(231, 231, 231, 0.05) 0%, rgba(231, 231, 231, 0.05) 50%, rgba(220, 220, 220, 0.05) 50%, rgba(220, 220, 220, 0.05) 100%),
						linear-gradient(212deg, rgba(80, 80, 80, 0.05) 0%, rgba(80, 80, 80, 0.05) 50%, rgba(243, 243, 243, 0.05) 50%, rgba(243, 243, 243, 0.05) 100%),
						radial-gradient(circle at center center, hsl(107, 19%, 100%), hsl(107, 19%, 100%));
	}

	.section02 .sec02Content {
		padding: 38px 40px 39px;
		border-radius: 48px;
		background: #fff;
		-webkit-box-shadow: 0px 2px 14px #00000026;
		        box-shadow: 0px 2px 14px #00000026;
	}
	.section02 .sec02Content:first-child {
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 767px) {
	.section02 .sectionInner {
		padding: 0;
	}
	.section02 .sec02Content {
		padding: 36px 0 0;
	}
	.section02 .sec02Content:first-child {
		margin-bottom: 30px;
	}
	.section02 .secTtlBlock {
		margin-bottom: 29px;
		padding: 0 20px;
	}

	.sec02Block01 {
		margin-bottom: 36px;
	}

	.sec02ImgBlock p {
		margin-bottom: 48px;
		padding: 0 20px;
	}

	.sec02Table table {
		margin-bottom: 36px;
	}

	.sec02Table table th {
		border-right: 0;
	}

	.sec02Table table th,
	.sec02Table table td {
		display: block;
		width: 100%;
		padding: 18px 20px 19px;
	}

	.section02 .sec02Table tr{
		background: transparent;
	}

	.sec02Table tr th {
		background-color: #D8D8D8;
	}

	.sec02Table tr td {
		background-color: #F8F8F8;
        line-height: 1.4;
	}

	.sec02Block03 p {
		margin-bottom: 19px;
	}
}

/* SECTION03 */
.section03 {
	background: url(../images/sec03_bg.jpg) no-repeat center;
	background-size: cover;
}

.section03 .secTtlBlock {
	margin-bottom: 30px;
}

.section03 .secTtl {
	color: #fff;
	text-align: center;
}

.section03 .sec03Block01 {
	max-width: 100%;
	margin: 0 auto;
}

.section03 .sec03Block01 .sec03Txt {
	display: flex;
	justify-content: center;
	margin-bottom: 64px;
	color: #fff;
	font-size: 16px;
	line-height: 1.87;
}

.section03 .sec03Btn a {
	display: block;
	position: relative;
	width: 60%;
	margin: 0 auto;
	padding: 25px 75px;
	border-radius: 32px;
	background: #FFD814;
	color: #313131;
	font-size: 25px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	letter-spacing: 1.5px;
	cursor: pointer;
}

.section03 .sec03Btn a::after {
	position: absolute;
	top: 50%;
	right: 50px;
	width: 25px;
	height: 25px;
	background: url(../images/ico_blank_black.svg) no-repeat center;
	content: '';
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.section03 .sec03Btn.inActiveBtn a {
	background: #E5E5E5;
	color: #949495;
	cursor: default;
	pointer-events: none;
}

.section03 .sec03Btn.inActiveBtn a::after {
	position: absolute;
	top: 50%;
	right: 74px;
	width: 25px;
	height: 25px;
	background: url(../images/ico_blank_gray.svg) no-repeat center;
	content: '';
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.section03 .sec03Btn.grayOut a {
	background: #e5e5e5;
	color: #ababab;
	cursor: auto;
}

.section03 .sec03Btn.grayOut a::after {
	opacity: 40%;
}

@media screen and (max-width: 968px) {
	.section03 .sec03Block01 {
		width: 75%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 767px) {
	.section03 .secTtlBlock {
		margin: 36px 0 29px;
	}

	.section03 .sec03Block01 {
		width: 100%;
    }

	.section03 .sec03Btn a {
		width: 294px;
        padding: 17px 55px 20px;
        font-size: 18px;
	}

	.section03 .sec03Btn a::after {
		right: 30px;
		width: 22px;
		height: 22px;
		background-size: cover;
	}

	.section03 .sec03Btn.inActiveBtn a::after {
		right: 54px;
		width: 22px;
		height: 22px;
		background-size: cover;
	}
}
@media screen and (max-width: 376px) {
	.section03 .sec03Btn a {
		padding: 20px 55px 20px 30px;
		font-size: 15px;
	}
	.section03 .sec03Btn a::after {
		width: 15px;
		height: 15px;
	}
}
@media screen and (max-width: 1060px) and (min-width: 960px) {
	.sec01Block01 {
		padding: 0 20px;
	}
}
@media screen and (max-width: 970px) and (min-width: 960px) {
	.mainVisual .mvTtl {
		word-break: keep-all;
	}
}

/* footer */

.footer .footerList {
	justify-content: center;
	gap: 0 30px;
}


/* ===========================
   PC版メインビジュアル調整（上書きCSS）
   =========================== */
@media screen and (min-width: 961px) {
  .mainVisual {
    padding: 140px 0 120px;
  }

  .mainVisual .mvTtl {
    margin-top: 36px;
  }

  .mainVisual .mvTtl img {
    width: min(78vw, 900px);
    margin: 0 auto;
    display: block;
  }

  .mainVisual .mvTxtBox p {
    margin-top: 30px;
    font-size: 22px;
    line-height: 1.8;
  }

  .mainVisual .mvTxtBox p .label {
    font-size: 16px;
    padding: 2px 24px 4px 20px;
  }

  .mainVisual .mvTxtBox .schedule {
    width: min(56%, 860px);
    margin-top: 28px;
    padding: 14px 0;
  }

  .mainVisual .mvTxtBox .schedule img {
    width: 80%;
    height: auto;
  }

  .mainVisual .mvTxtBox img {
    width: min(62%, 760px);
  }
}