/**/
@media(max-width: 1339px){
	.wrap{
		width: 1000px;
		max-width: 1000px;
		margin:auto;
	}
	.vopBtn {
		left: calc((((100% - 1000px) / 2) + 1000px) - (172px + 60px));
	}
	.subTitle {
		font-size: 28px;
		line-height: 32px;
	}
	.lighTitle {
		font-size: 19px;
	}
	.btn {
		font-size: 20px;
		line-height: 20px;
	}
	.she1 {
		right: 40px;
	}
	.lineA1 {
		right: 30px;
	}
	.triItem .top .num {
		font-size: 28px;
		line-height: 28px;
	}
	.triItem .top .text {
		font-size: 20px;
		line-height: 28px;
	}
	.mission .ttl {
		font-weight: 900;
		font-size: 30px;
		margin-bottom: 20px;
	}
	.mission .firstCol {
		font-size: 20px;
		line-height: 24px;
	}
	.mission .lColText {
		padding: 30px 30px 30px 0;
	}
	.bigTriple > div {
		padding-top: 100px;
		padding-bottom: 50px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.bigTriple .bti1 {
		padding-left: 60px;
	}
	.bigTriple .bti3 {
		padding-right: 60px;
	}
	.bigTriItem .title {
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 24px;
	}
	.lineA3 {
		left: 60px;
		top: 40px;
	}
	.bigTriItem .text {
		height: 380px;
	}
	.bigTriItem .image {
		height: 146px;
	}
	.titleIconText {
		font-weight: 700;
		font-size: 22px;
	}
	.titleIconText::before {
		width: 25px;
		height: 26px;
		margin-right: 14px;
		background-size: contain;
	}
	.chesh1 {
		width: 100%;
	}
	.block7 .harakt .image,
	.block8 .harakt .image,
	.chesh1 .line6{
		display:none;
	}
	.subBlock {
		padding: 20px 30px 50px;
	}
	.harakt {
		width: 100%;
		font-size: 20px;
		line-height: 24px;
	}
	.lineA7,
	.lineA6 {
		margin-bottom: 24px;
	}
	.imageList {
		row-gap: 30px;
		column-gap: 30px;
	}
	.imageList a {
		width: 31%;
	}
	.bigImg img{
		max-width:100%;
	}
	.but_sn {
		left: 255px;
	}
	.but_sn_a:active,
	.but_sn_a:visited,
	.but_sn_a:hover,
	.but_sn_a{
		display:flex;
		flex-direction: column;
		padding-right: 1%;
	}
}

@media(max-width: 1010px){
	.wrap{
		width: 100vw;
		max-width: 100vw;
		overflow: hidden;
	}
	.bigTriItem .text {
		height: auto;
	}
	.imageList {
		row-gap: 1%;
		column-gap: 1%;
	}
	.imageList a {
		width: 32%;
	}
	.block9 {
		padding-top: 30px;
		padding-bottom: 24px;
	}
	.vopBtn{
		width: 42px;
		height: 42px;
		background-image: url(/img/vopm.svg?v2);
		left: auto;
		right: 20px;
		bottom: 20px;
	}
}

@media(max-width: 880px){
	:root{
		--px: 40px;
	}
	.twoCol {
		flex-wrap: wrap;
	}
	.twoCol.d50r .colR,
	.twoCol.d50r .colL {
		width: 100%;
	}
	.fillBg {
		position: relative;
		top: auto;
		left: auto;
		height: 40vh;
	}
	.twoCol.d50r .colL{
		padding:40px;
	}
	.btn {
		padding: 18px 30px 18px;
	}
	section.block2{
		padding: 50px 0;
	}
	.tripleLine{
		flex-wrap: wrap;
	}
	.tripleLine > * {
		width: 100%;
		padding-left: var(--px);
		padding-right: var(--px);
		padding-top: 32px;
	}
	.block3 .prel{
		padding-top: 0;
	}
	.mission{
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-bottom: 40px;
		flex-wrap: wrap;
	}
	.mission .lastCol,
	.mission .firstCol{
		width: 100%;
	}
	.mission .lastCol{
		padding: 30px var(--px) 0;
	}
	.lineA3 {
		position: static;
		padding-left: var(--px);
		margin-top: 50px;
	}
	.bigTriple{
		flex-wrap: wrap;
	}
	.bigTriple > div{
		width: 100%;
		padding-left: var(--px) !important;
		padding-right: var(--px) !important;
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	.block4{
		background: #004a59;
	}
	.bigTriple .bti3{
		background: #F2D9CF
	}
	.bigTriItem .image {
		height: 40vw;
	}
	.block5{
		background: #dedbdb;
		padding: 50px 0 !important;
	}
	.bl2Top,
	.block2 .subTitle,
	.block2 .textItem,
	.block5 .subTitle,
	.mission .firstCol .lCol,
	.lineA4{
		padding-left: var(--px);
		padding-right: var(--px);
	}
	.lineA2 {
		top: 48px;
		left: var(--px);
	}
	.mission .firstCol{
		flex-direction: column;
	}
	.she2 {
		width: 212px;
		height: 212px;
		margin-top: -40px;
		margin-bottom: -20px;
	}
	.mission .firstCol .lCol{
		width: 100%;
	}
	.chesh1 .line1,
	.chesh1 .line2,
	.chesh1 .line3,
	.chesh1 .line5{
		width: 100%;
		padding: 40px var(--px);
	}
	.chesh1 .line4{
		width: 100%;
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.chesh1 .line4 > *{
		padding-left: var(--px);
		padding-right: var(--px);
	}
	.block7 .harakt .image,
	.block8 .harakt .image,
	.chesh1 .line6{
		display:block;
	}
	.chesh1 .line6 {
		width: 150px;
		height: 394px;
		right: 10px;
		bottom: 20px;
	}
	.chesh1 .line5{
		padding-right: 190px;
	}
	.chesh1 .line4 > .text.info{
		padding-right: 140px;
	}
	.block6{
		background: linear-gradient(180deg, #006973 74.18%, rgba(0, 46, 65, 0) 93.75%);
		padding: 50px 0 0 !important;
	}
	.block6 > *{
		padding-left: var(--px);
		padding-right: var(--px);
	}
	.block6 .subBlock{
		padding-top: 50px;
		padding-bottom: 50px;
		width: 100%;
	}
	.no-pc{
		display:block;
	}
	.mobImg{
		background: url(/img/block6.jpg) no-repeat right bottom;
		background-size: cover;
		height: 40vw;
	}
	.block7{
		padding: 50px var(--px) !important;
		background: #f2d9cf;
	}
	.harakt .head{
		display: none;
	}
	.harakt .nm{
		padding: 0 0 8px;
		border-bottom:0;
		border-right:0;
		width: 100%;
	}
	.harakt .text{
		width: 100%;
		padding: 0 0 20px 0;
		margin-bottom: 20px;
	}
	.harakt .text.nb{
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.harakt .text ul{
		margin-bottom: 0;
	}
	.block7 .subTitle{
		padding-right: 180px;
	}
	.block7 .harakt .image {
		bottom: auto;
		top: -182px;
		right: 0;
		width: 80px;
		height: 200px;
	}
	.block8{
		padding: 50px var(--px) !important;
	}
	.block8 .harakt{
		background: transparent;
	}
	.block8 .harakt .image {
		top: -214px;
		bottom: auto;
		right: 90px;
		width: 50px;
		height: 254px;
	}

	.block9{
		padding: 0 !important;
	}
	.imageList{
		row-gap: 0;
		column-gap: 0;
	}
	.imageList a {
		width: 100%;
	}
	.imageList a img {
		display: block;
		width: 100%;
	}
	.popupArea .popup {
		width: 98%;
	}
}

@media(max-width: 736px){
	.subTitle {
		font-size: 20px;
		line-height: 24px;
	}
	.titleIconText {
		font-size: 20px;
	}
	.titleIconText::before {
		width: 29px;
		height: 30px;
		margin-right: 0;
		display: block;
		margin-bottom: 6px;
	}
	.chesh1 .title {
		font-size: 20px;
		margin-bottom: 12px;
	}
	.bigTriItem .title {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 20px;
	}
	.subText {
		font-size: 20px;
		line-height: 24px;
	}
	.footer_line{
		flex-wrap: wrap;
		justify-content: flex-start;
		text-align: left;
		padding: 18px var(--px);
	}
	.flLeft,
	.flRight{
		width: 100%;
	}
	.popupArea .popup {
		width: calc(100% - 40px);
		padding: 40px;
	}
	.successSend {
		font-size: 24px;
		line-height: 28px;
	}
	.popup .title {
		font-size: 18px;
		margin-bottom: 24px;
		line-height: 22px;
		text-align: center;
	}
	.mpForm .field {
		width: 100%;
	}
	.mpForm .field select,
	.mpForm .field input {
		font-size: 14px;
		line-height: 14px;
		padding: 10px 10px 10px 22px;
	}
	.popupArea .closePopup {
		top: -50px;
	}
	.popupArea .btn.btn-l {
		padding: 11px 21px 13px;
	}
	.pravText {
		max-height: 65vh;
		overflow-y: auto;
		font-size: 15px;
		line-height: 20px;
	}
	.popupForm.success .successSend {
		font-size: 20px;
		line-height: 24px;
		gap: 20px;
	}
	.stykBut{
		display:none;
	}
	.forSky2{
		min-height:46px;
	}
	.popupArea.popPrav .popup{
		top: calc(50% + 25px);
	}
	.but_sn{
		margin-top: 10px;
		padding: 9px 14px;
	}
}

@media(max-width: 550px){
	:root{
		--px: 20px;
	}
	.twoCol.d50r .colL {
		padding: 40px var(--px);
	}
	.logo{
		margin: auto;
	}
	.twoCol .name{
		margin: auto auto 26px;
	}
	.block1 .subTitle{
		text-align: center;
	}
	.block1 .lighTitle{
		text-align: center;
		font-size:15px;
		line-height: 22px;
	}
	.btn {
		font-size: 15px;
		line-height: 15px;
		padding: 13px 8px 14px;
	}
	.block1 .btn{
		max-width: 240px;
		margin: auto;
	}
	.fillBg {
		height: 32vh;
	}
	.block1 .fillBg{
		background-image: url(/img/block1m.png?v3)
	}
	.titleIconText {
		font-size: 18px;
		line-height: 22px;
	}
	.bl2Top{
		margin-bottom: 45px !important;
	}
	.triItem .top .num {
		font-size: 20px;
		line-height: 20px;
	}
	.triItem .top .text {
		font-size: 18px;
		line-height: 20px;
	}
	.block3 .fillBg {
		height: 25vh;
	}

	.block3 .fillBg{
		background-image: url(/img/block3m.jpg)
	}
	.she2 {
		width: 180px;
		height: 140px;
		margin-top: -40px;
		margin-bottom: -20px;
		background: #002f42 url(/img/she2.svg) no-repeat 20px 36px;
		background-size: 73px;
	}
	.mission .lColText{
		background: transparent;
	}
	.mission .firstCol {
		font-size: 18px;
		line-height: 24px;
	}
	.mission .ttl {
		font-size: 23px;
		margin-bottom: 20px;
	}
	.mission .txt {
		font-size: 15px;
		line-height: 20px;
	}
	.bigTriple > div {
		padding-top: 37px !important;
		padding-bottom: 30px !important;
	}
	.bigTriItem .image {
		height: 48vw;
	}
	.subTitle {
		font-size: 18px;
		line-height: 24px;
	}
	.chesh1 .line1{
		padding: 28px var(--px);
	}
	.chesh1 .title {
		font-size: 18px;
		margin-bottom: 24px;
		line-height: 24px;
	}
	.chesh1 .line5 {
		font-size: 11px;
		line-height: 12px;
	}
	.block5 {
		background: #dedbdb;
		padding: 50px 0 20px !important;
	}
	.subText {
		font-size: 15px;
		line-height: 21px;
	}
	.subBlock .title {
		font-size: 18px;
		margin-bottom: 22px;
		line-height: 24px;
	}
	.mobImg {
		background: url(/img/block6m.png) no-repeat right bottom;
		background-size: cover;
		height: 77vw;
	}
	.harakt {
		font-size: 15px;
		line-height: 22px;
	}
	.block8 .harakt .image {
		right: 50px;
	}
	.footer_line {
		padding: 14px var(--px);
	}
	.but_sn{
		max-width: 240px;
		margin: 14px auto 0;
		font-size: 13px;
	}
	.but_sn_a:active,
	.but_sn_a:visited,
	.but_sn_a:hover,
	.but_sn_a{
		padding-right: 0;
		line-height: 22px;
		font-size: 14px;
	}
}