.section img {
    opacity: 0;
}
.section.scroll_active img {
    opacity: 1;
    -webkit-transition: .8s;
    transition: .8s;
}

.section h1,
.section h2,
.section h3,
.section p,
.section a{
    opacity: 0;
}
.section.scroll_active h1,
.section.scroll_active h2,
.section.scroll_active h3,
.section.scroll_active p,
.section.scroll_active a{
    opacity: 1;
    -webkit-transition: .8s;
    transition: .8s .3s;
}

.color_main{
	color: #ac8531;
}
.color_sub{
	color: #eaca85;
}

@media (max-width: 991.99px)  {
	.pc{
		display: none !important;
	}
}
@media (min-width: 992px)  {
	.mobile{
		display: none !important;
	}
}

.icon_group .fa-facebook-square{
	color: #4064ac;
}
.icon_group .fa-facebook-square:hover{
	color: #1b418c;
	cursor: pointer;
}
.icon_group .fa-twitter-square{
	color: #1c9cea;
}
.icon_group .fa-twitter-square:hover{
	color: #0079c3;
	cursor: pointer;
}

/*--------------- sec00_share ---------------*/
.share.icon_group {
    position: fixed;
    right: 2%;
    bottom: 5%;
    width: 50px;
    z-index: 999;
    background-color: rgba(255,255,255,0.8);
    text-align: center;
    padding: 7px 0%;
    border-radius: 8px;
    box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.4);
}
.share.icon_group i {
    width: 100%;
    font-size: 2rem;
    padding: 10% 0%;
}
@media (max-width: 767.99px)  {
	.share{
		display: none;
	}
}
/*--------------- //sec00_share ---------------*/

/*--------------- sec01_banner ---------------*/
.sec01_banner{
	position: relative;
	height: 130vh;
	overflow: hidden;
}
.sec01_banner .bg{
}
.sec01_banner .bg .bg01_memo{
	position: absolute;
    right: -1vw;
    width: 41vw;
    bottom: 18vh;
}

.bg02_line_left{
	position: absolute;
    top: 102vh;
    left: -8vw;

    width: 15vw;
    height: 2vw;
    border-radius: 999em;
    background-color: #ac8531;
    transform: rotate(-45deg);
}
.bg02_line_right{
	position: absolute;
    top: 126vh;
    left: -11vw;
    z-index: -1;

    width: 42vw;
    height: 2vw;
    border-radius: 999em;
    background-color: #eaca85;
    transform: rotate(-45deg);
}

.sec01_banner .bg .bg03_dot_top{
	position: absolute;
    top: -6vh;
    left: -3vw;

    width: 14vw;
    height: 14vw;
    border-radius: 999em;
    background-color: #ac8531;
}
.sec01_banner .bg .bg03_dot_middle01{
	position: absolute;
    top: 18vh;
    left: 58vw;

    width: 6vw;
    height: 6vw;
    border-radius: 999em;
    background-color: #ac8531;
}
.sec01_banner .bg .bg03_dot_middle02{
	position: absolute;
    top: 30vh;
    left: 65vw;

    width: 2vw;
    height: 2vw;
    border-radius: 999em;
    background-color: #ac8531;
}
.sec01_banner .bg .bg03_dot_bottom{
	position: absolute;
    top: 100vh;
    left: 7vw;

    width: 2vw;
    height: 2vw;
    border-radius: 999em;
    background-color: #ac8531;
}
.sec01_banner nav{
	position: absolute;
    top: 4vh;
    left: 13vw;
    font-size: 1.6rem;
}
.sec01_banner nav .nav-item a:hover{
	color: #eaca85;
}
.sec01_banner .des{
	position: absolute;
    top: 35vh;
    left: 10vw;
}
.sec01_banner .des h1{
	font-size: 3.5rem;
}
.sec01_banner .des h1.inwin_text{
	padding-bottom: 1.5rem;
}
.sec01_banner .des h2{
	font-size: 2rem;
	padding-top: 1rem;
}
.sec01_banner .des .line{
	width: 45vw;
    border-top: solid #ac8531 4px;
    margin: 1.5vh 0vh 1.5vh -23vh;
}
.sec01_banner .logo_35{
	position: absolute;
    top: 22vh;
    left: 31vw;
    width: 40vw;
}
.sec01_banner .logo_inwin{
	position: absolute;
    left: 38vw;
    width: 7vw;
    bottom: 27vh;
}
/*--------------- //sec01_banner ---------------*/

/*--------------- sec02_memo ---------------*/
.sec02_memo{
    height: 95vh;
    padding: 7% 5%;
}
.sec02_memo h3{
	padding-bottom: 3rem;
	font-weight: 700;
}
.sec02_memo h2{
	padding-bottom: 2rem;
	font-size: 3rem;
}
.sec02_memo img{
	width: 45vw;
	padding-bottom: 3rem;
}
.sec02_memo p{
	font-size: 1.25rem;
    font-weight: 600;
}
.sec02_memo .arrow_gruop{
	position: absolute;
    left: 49vw;
    padding-top: 2rem;
}
.sec02_memo .arrow_gruop:hover{
	cursor: pointer;
}
.sec02_memo .arrow_gruop .arrow {
    width: 50px;
    height: 50px;
    border-top: 7px solid #eaca85;
    border-left: 7px solid #ac8531;
    transform: rotate(225deg);
    margin: -1.5rem;
}
/*--------------- //sec02_memo ---------------*/

/*--------------- sec03_photo ---------------*/
.sec03_photo{
	overflow: hidden;
    position: relative;
    height: 100vh;
}
.sec03_photo .bg{}
.sec03_photo .bg .dot{
	position: absolute;
	border-radius: 999em;
    background-color: #ac8531;
    z-index: -1;

    top: 1%;
    right: -15%;
    width: 43vw;
    height: 43vw;
}
.sec03_photo .bg .photo_02{
	position: absolute;
	width: 24vw;
    right: 23vw;
    top: 4vh;
    transform: rotate(-8deg);

    opacity: 0;
}
.sec03_photo .bg .photo_02.active{
    right: 26%;
    top: 3%;
    transform: rotate(-4deg);

    -webkit-transition: 1s;
    transition: 1s;
    opacity: 1;
}
.sec03_photo .bg .photo_01{
	position: absolute;
	width: 30vw;
    right: 8vw;
    bottom: 12vh;
    transform: rotate(-2deg);

    opacity: 0;
}
.sec03_photo .bg .photo_01.active{
	right: 12%;
    bottom: 6%;
    transform: rotate(5deg);

	-webkit-transition: 1.5s .3s;
    transition: 1.5s .3s;
    opacity: 1;
}
.sec03_photo .des{
	width: 50%;
    padding: 10% 0vw 0vh 9%;
    font-size: 1.5rem;
}
.sec03_photo .des p{
	margin-bottom: 5%;
}
/*--------------- //sec03_photo ---------------*/

/*--------------- sec04_card ---------------*/
.sec04_card{
    perspective: 1000px;
    height: 1000px;
}
.sec04_card .box{
    margin: 50px auto;
    width: 65vw;
    height: 80vh;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 1s;

    /*animation: card_ani 3s linear infinite;*/
}
@keyframes card_ani {
    0% { transform: rotate(0deg); }

    40% { transform: rotate(0deg); }
    46% { transform: rotateY(-5deg); }
    /*50% { transform: rotate(0deg); }*/
    54% { transform: rotateY(5deg); }
    60% { transform: rotate(0deg); }

    100% { transform: rotate(0deg); }
}
@keyframes card_ani_trans {
    0% { transform: rotate(0deg); }
    100% { transform: rotateY(-180deg); }
}
.sec04_card .box .card{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 3.5rem;
    border: solid #ac8531 2px;
}
.sec04_card .box .card:hover{
	box-shadow: 3px 3px 12px 10px #fff5e0;
	-webkit-transition: 1s;
    transition: 1s;
}
.sec04_card .box .card:hover .title{
	font-size: 2.5rem;
	-webkit-transition: 1s;
    transition: 1s;
}

.sec04_card .box .card.step1{
    cursor: pointer;
}
.sec04_card .box .card.step1 button{
    width: fit-content;
    border: 1px #ac8531 solid;
    border-radius: 99rem;
    padding: 12px 27px;
    background-color: #ac8531;
    box-shadow: 2px 2px 8px #6c757d;
    color: white;
}
.sec04_card .box .card.step1 img.card_bg.pc{
    position: absolute;
    margin: 14% 0% 0% 31%;
    display: table-cell;
    vertical-align: middle;
    width: 40%;
}
.sec04_card .box .card.step1 img.card_bg.mobile{
    position: absolute;
    left: 0;
    bottom: 0;
    width: inherit;
}
.sec04_card .box .card.step1 img.card_bg.active{
    display: none;
	-webkit-transition: 1s;
    transition: 1s;
}
.sec04_card .box .card.step1 p{
	font-size: 2rem;
    padding: 15% 15% 0% 15%;
    line-height: 220%;
}
.sec04_card .box .card.step1 h3{
	font-size: 2rem;
    font-weight: 600;
    padding-top: 1rem;
}

/* .sec04_card .box .card.step2{
    transform: rotateY(180deg);
} */
.sec04_card .box .card.step2 img.card_bg.pc{
    z-index: -1;
    position: absolute;
    margin: 14% 0% 0% 31%;
    display: table-cell;
    vertical-align: middle;
    width: 40%;
}
.sec04_card .box .card.step2 img.card_bg.mobile{
    position: absolute;
    left: 0;
    width: inherit;
    bottom: 0;
}
.sec04_card .box .card.step2 form{
	padding: 5% 7%;
    height: 100%;
    position: relative;
}
.sec04_card .box .card.step2 form .pic{
    min-height: 300px;
}
.sec04_card .box .card.step2 form .pic .dropify-wrapper {
    background-image: linear-gradient(-45deg, rgba(255,248,197,0.5) 0%,rgba(255,248,197,0.5) 50.5%,rgba(255,229,171,0.5) 50.6%,rgba(255,229,171,0.5) 100%);
    height: fit-content;
    min-height: 450px;
}
.sec04_card .box .card.step2 form .pic .dropify-wrapper input:hover .dropify-wrapper{

}
.sec04_card .box .card.step2 form .pic .dropify-wrapper .dropify-message{
	display: none;
}
.sec04_card .box .card.step2 form .pic .dropify-wrapper.touch-fallback {
    height: 90% !important;
}
.sec04_card .box .card.step2 form .content .dropify-wrapper .dropify-errors-container {
    -webkit-transition: visibility 0s linear 5s,opacity 5s linear;
    transition: visibility 0s linear 5s,opacity 5s linear;
}
.dropify-wrapper.touch-fallback .dropify-preview{
    position: absolute;
    width: auto;
    height: initial;
}
.dropify-wrapper.touch-fallback .dropify-preview .dropify-render img{
    height: -webkit-fill-available;
    width: -webkit-fill-available;
}
/*.sec04_card .box .card.step2 form .pic .triangle_top{
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 27vw 27vw 0 0;
	border-color: #ffe5ab transparent transparent transparent;
    z-index: 1;
    top: 0;
    opacity: 0.2;
}
.sec04_card .box .card.step2 form .pic .triangle_bottom{
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 27vw 27vw;
	border-color: transparent transparent #fff8c5 transparent;
    z-index: 1;
    top: 0;
    opacity: 0.2;
}*/
.sec04_card .box .card.step2 form .pic .notice{
	position: absolute;
    top: 0;
    z-index: 1;
    padding: 28%;
}


.form-group ::-webkit-input-placeholder{
	color: #ac8531;
}
.form-group input::-moz-placeholder{
	color: #ac8531;
}
.form-group input::-moz-placeholder{
	color: #ac8531;
}
.form-group:-ms-input-placeholder{
	color: #ac8531;
}
.sec04_card .box .card.step2 form .content .form-group{
	padding: 1rem 0rem 0rem 0rem;
}
.sec04_card .box .card.step2 form .content .form-group input{
	padding: 0px 6px 7px 6px;
    border: 0px;
    border-bottom: 1px #ac8531 solid;
    border-radius: 0px;
    height: 35px;
}
.sec04_card .box .card.step2 form .content .form-group .nationality{
	width: 100%;
}

.sec04_card .box .card.step2 form .content .form-group .select2-container {
    border-bottom: 1px #ac8531 solid;
}
.sec04_card .box .card.step2 form .content .form-group .select2-container--default .select2-selection--single {
    border: 0px;
    border-radius: 0px;
    text-align: left;
}
.sec04_card .box .card.step2 form .content .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ac8531;
}
.sec04_card .box .card.step2 form .content .form-group .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #ac8531;
}
.select2-container--default .select2-selection--single .select2-selection__rendered img{
    height: 18px;
    padding-bottom: 4px;
    padding-right: 8px;
    width: 30px;
}
.select2-container--default .select2-results__option img{
	height: 18px;
    padding-bottom: 4px;
    padding-right: 8px;
    width: 30px;
}
.sec04_card .box .card.step2 form #birthday_wish{
	resize:none;
}
.sec04_card .box .card.step2 form .content .btn{
	width: 100%;
    background-color: #ac8531;
    border-radius: 25px;
    color: white;
}
.sec04_card .box .card.step2 form .content .btn:hover{
	box-shadow: 3px 3px 4px 3px #cccccc;
	-webkit-transition: .3s;
    transition: .3s;
}
.sec04_card .box .card.step2 form .info{
	padding: 1.5rem;
    font-weight: 600;
    width: 100%;
    font-size: 1.2rem;
}

.sec04_card .box .card.step3{
	display: none;
}
.sec04_card .box .card.step3 .card_bg.pc{
    position: absolute;
    margin: 14% 0% 0% 31%;
    display: table-cell;
    vertical-align: middle;
    width: 40%;
}
.sec04_card .box .card.step3 .card_bg.mobile{
	position: absolute;
    left: 0;
    width: inherit;
    bottom: 0;
}
.sec04_card .box .card.step3 h3{
	font-weight: 600;
	padding: 15% 0% 0% 0%;
	font-size: 2.75rem;
}
.sec04_card .box .card.step3 p{
	font-size: 2rem;
    padding: 2% 10% 0% 10%;
    line-height: 4.5rem;
}
.sec04_card .box .card.step3 .arrow_gruop{
	position: absolute;
    left: 33vw;
    padding-top: 2rem;
}
.sec04_card .box .card.step3 .arrow_gruop:hover{
	cursor: pointer;
}
.sec04_card .box .card.step3 .arrow_gruop .arrow {
    width: 50px;
    height: 50px;
    border-top: 7px solid #eaca85;
    border-left: 7px solid #ac8531;
    transform: rotate(225deg);
    margin: -1.5rem;
}
/*--------------- //sec04_card ---------------*/

/*--------------- sec05_line ---------------*/
.sec05_line{
	width: 100%;
	/*height: 200px;*/
}
.sec05_line img{
	width: inherit;
	z-index: 999;
}
/*--------------- //sec05_line ---------------*/

/*--------------- sec06_gallery ---------------*/
.sec06_gallery{
	width: 100%;
    margin: 3vh 0;
	/*height: calc(0.5em + .75rem + 2px);*/
}
.sec06_gallery .gradual_top{
	background: -moz-linear-gradient(top,  rgba(172,133,49,1) 10%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(172,133,49,1) 10%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(172,133,49,1) 10%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac8531', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

	position: absolute;
    width: inherit;
    z-index: 99;
    left: 0;
    /*margin: -13vh 0px;*/
}
.sec06_gallery .gradual_top h1{
	color: white;
	text-align: center;
	font-size: 1.75rem;
    font-weight: 600;
    padding: 3% 0% 2% 0%;
}
.sec06_gallery .gradual_bottom{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ac8531+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(172,133,49,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(172,133,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(172,133,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ac8531',GradientType=0 ); /* IE6-9 */

	position: absolute;
    width: inherit;
    margin: -7% 0% 0% 0%;
    left: 0;
}
.sec06_gallery .gradual_bottom p{
	font-family: "Verdana";
	color: white;
	text-align: center;
	margin-bottom: 0rem;
	padding: 3% 0% 3% 0%;
}

/*---grid---*/
.gallery{
	position: relative;
	height: 100vh;
	overflow: hidden;
	/*margin-top: 12vh;*/
}
.gallery .grid {
	overflow-y: hidden; overflow-x: hidden;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0;
	overflow-y: hidden;

	width: 100%;
	/*max-width: 60rem;*/
	margin-left: auto;
	margin-right: auto;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	flex-wrap: wrap;
}
.gallery .grid.image-grid {
	top:0;
	position: absolute;
	animation: scroll linear infinite;
    animation-duration: 50s;
	/*-webkit-transform: rotateX(45deg) rotateZ(45deg);
	transform: rotateX(45deg) rotateZ(45deg);*/
	-webkit-perspective: 1000px;
	perspective: 1000px;
}
@keyframes scroll {
  0% { top: 0px; left: 0px; }
  100% { top: var(--grid_height); left: 0px; }
}
/*---//grid---*/
/*--- image_grid ---*/
.gallery .grid .grid-block {
	width: 25%;
	min-height: 11.25rem;
	padding: 1rem;
}
.gallery .grid .grid-block:nth-child(odd) {
	transform: translate(0%, 50%);
}
.gallery .grid .grid-block .tile{
	background-color: #f6f6f6;
}
.gallery .grid .grid-block .tile:hover {
  box-shadow: 5px 5px rgba(234, 202, 133, 0.4), 10px 10px rgba(234, 202, 133, 0.3),
    15px 15px rgba(234, 202, 133, 0.2), 20px 20px rgba(234, 202, 133, 0.1),
    25px 25px rgba(234, 202, 133, 0.05);
}
.gallery .image-grid .tile-link {
    /*display: block;*/
}
.gallery .image-grid .tile:hover {
  top: -8px;
  left: -1px;
  opacity: 1;
  -webkit-transition: 1s;
  transition: .5s;

  position: relative;
}
.gallery .image-grid .tile-link:hover .tile-img-link {
	display: block;
}
.gallery .image-grid .tile-link:hover .tile-img-link:hover .tile-img {
	opacity: 0.5;
}
.gallery .image-grid .tile-img {
	position: relative;
	top: 0;
	left: 0;
	-webkit-transition-property: opacity, top, left, box-shadow;
	transition-property: opacity, top, left, box-shadow;

	display: block;
	width: 100%;
	height: auto;
	opacity: 1;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 0.125s;
	transition-duration: 0.125s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}
.gallery .image-grid .tile-link p {
  	padding: 6% 5% 7% 5%;
}
.gallery .image-grid .tile-link:hover {
  	color: #ac8531;
    text-decoration: none;
}
.gallery .image-grid .tile_country {
  	width: 35px;
    display: initial;
    margin-right: 8px;
}

/*--- //image_grid ---*/
/*--- modal ---*/
.modal{}
.modal .modal-dialog{
	max-width: 67vw;
	margin: 7rem auto;
}
.modal .modal-dialog .modal-content{
	border-radius: 3rem;
    border: solid #c19a47 2px;
    padding: 3.5rem 3.5rem 1.5rem 3.5rem;
}
.modal .card_close{
	position: absolute;
    top: 3%;
    right: 4%;
    font-size: 2.25rem;
    cursor: pointer;
    z-index: 999;
}
.modal .card_bg.pc{
    position: absolute;
    display: table-cell;
    vertical-align: middle;
    width: 45%;
    right: 5%;
    top: 23%;
    opacity: 0.5;
}
.modal .card_bg.mobile{
	position: absolute;
    left: 0;
    bottom: 0;
    /* width: inherit; */
    width: -webkit-fill-available;
}
.modal .pic img{
	width: 100%;
}
.modal .content{
	padding: 2% 1% 2% 5%;
	font-size: 1.25rem;
}
.modal .content .card_name{
    margin: 0rem;
    padding: 0;
    height: 0;
}
.modal .content .card_country{
    margin: 0rem;
    padding: 0;
    height: 0;
}
.modal .content .card_country img{
	padding-right: 1rem;
}
.modal .content .card_textbox{
	line-height: 2rem;
    text-align: justify;

    height: 335px;
    overflow-y: auto;
    padding: 0% 4% 0% 0%;
}
.modal .content .icon_group{
	position: absolute;
    bottom: 0;
    width: 100%;
}
.modal .content .icon_group i{
	padding-right: 12px;
    font-size: 2rem;
}
.modal .info{
	text-align: center;
    padding-top: 1.5rem;
    font-size: 1.2rem;
    font-weight: 600;
}
/*--- //modal ---*/

/*--------------- //sec06_gallery ---------------*/

/*----------------------------------media-phones----------------------------------*/
@media (max-width: 575.99px) {
	/*--------------- sec01_banner ---------------*/
	.sec01_banner {
	    height: 55vh;
	}
	.sec01_banner .bg .bg01_memo {
	    top: 9.5vh;
	    right: -12vw;
	    width: 53vw;
	}
	.bg02_line_left {
	    top: 43vh;
	    left: -11vw;
	    width: 17vw;
	    height: 4vw;
	}
	.bg02_line_right {
	    top: 55vh;
	    left: -19vw;
	    width: 60vw;
	    height: 4vw;
	}
	.sec01_banner .bg .bg03_dot_top {
	    top: -4vh;
	    left: -11vw;
	    width: 25vw;
	    height: 25vw;
	}
	.sec01_banner .bg .bg03_dot_middle01 {
	    top: 2vh;
	    left: 50vw;
	    width: 12vw;
	    height: 12vw;
	}
	.sec01_banner .bg .bg03_dot_middle02 {
	    top: 7vh;
	    left: 67vw;
	    width: 4vw;
	    height: 4vw;
	}
	.sec01_banner .bg .bg03_dot_bottom {
	    top: 44vh;
	    left: 7vw;
	    width: 4vw;
	    height: 4vw;
	}

	.sec01_banner .des {
	    top: 8vh;
	    left: 10vw;
	}
	.sec01_banner .des h1 {
	    font-size: 1.7rem;
	}
	.sec01_banner .des h1.inwin_text{
	    width: 25%;
    	line-height: 2.25rem;
    	padding-bottom: 0.5rem;
	}
	.sec01_banner .des .line {
	    width: 45vw;
	    border-top: solid #ac8531 1px;
	    margin: 0vh 0vh 0.25vh -8vh;
	}
	.sec01_banner .des h2 {
	    font-size: 1rem;
	    width: 45vw;
	    padding-top: 1rem;
	}

	.sec01_banner .logo_35 {
	    top: 19vh;
        left: 31vw;
        width: 43vw;
	}
	.sec01_banner .logo_inwin {
	    top: 2vh;
	    left: 80vw;
	    width: 13vw;
	}
	/*--------------- //sec01_banner ---------------*/

	/*--------------- sec02_memo ---------------*/
	.sec02_memo {
	    height: 450px;
	    padding: 0rem 2rem;
	}
	.sec02_memo h3 {
	    padding-bottom: 0rem;
    	font-size: 18px;
        line-height: 180%;
	}
	.sec02_memo h2 {
	    padding-bottom: 0.8rem;
	    font-size: 32px;
	    padding-top: 1rem;
	}
	.sec02_memo img {
	    width: 75vw;
	    padding-bottom: 0rem;
	}
	.sec02_memo p {
	    font-size: 16px;
	    font-weight: 100;
	}
	.sec02_memo .arrow_gruop {
	    position: absolute;
	    left: 49vw;
	    padding-top: 1rem;
	}
	.sec02_memo .arrow_gruop .arrow {
	    width: 25px;
	    height: 25px;
	    border-top: 3px solid #eaca85;
	    border-left: 3px solid #ac8531;
	    transform: rotate(225deg);
	    margin: -0.5rem;
	}
	/*--------------- //sec02_memo ---------------*/

	/*--------------- sec03_photo ---------------*/
	.sec03_photo {
	    height: 500px;
	}
	.sec03_photo .bg .dot {
        top: 2%;
        right: -25%;
        width: 112vw;
        height: 112vw;
    }
	.sec03_photo .bg .photo_02 {
	    width: 34vw;
	    top: 3vh;
	    transform: rotate(19deg);
	    left: -4vw;
	}
	.sec03_photo .bg .photo_02.active {
        width: 41%;
        top: 12%;
        transform: rotate(14deg);
        left: -3%;
	}
	.sec03_photo .bg .photo_01 {
	    width: 40vw;
	    bottom: 12vh;
	    transform: rotate(-11deg);
	    left: 2vw;
	}
	.sec03_photo .bg .photo_01.active {
        width: 48%;
        bottom: 18%;
        transform: rotate(-7deg);
        left: -6%;
	}
	.sec03_photo .des {
        width: 100vw;
        padding: 12% 6% 0% 43%;
        font-size: 16px;
        color: white;
        text-align: center;
        line-height: 140%;
	}
	.sec03_photo .des p {
	    margin-bottom: 6%;
	}
    @media (max-width: 365px) {
        .sec03_photo .des {
            padding: 16% 4% 0% 38%;
        }
        .sec03_photo .bg .dot {
            top: 3%;
            right: -27%;
            width: 120vw;
            height: 120vw;
        }
        .sec03_photo .bg .photo_01.active {
            bottom: 19%;
            left: -8%;
        }
        .sec03_photo .bg .photo_02.active {
            top: 13%;
            transform: rotate(8deg);
            left: -5%;
        }
    }
    @media (max-width: 335px) {
        .sec04_card .box .card.step2 form .pic .notice {
            padding: 35% 6%;
        }
        .sec03_photo .des {
            padding: 12% 4% 0% 38%;
        }
        .sec03_photo .bg .dot {
            top: 2%;
            right: -29%;
            width: 125vw;
            height: 125vw;
        }
    }
	/*--------------- //sec03_photo ---------------*/

	/*--------------- sec04_card ---------------*/
	.sec04_card .box{
	    width: 90vw;
	    height: 95%;
	}
	.sec04_card .box .card {
	    border-radius: 1rem;
	    border: solid #c19a47 1px;
	}
	.sec04_card .box .card.step1 p {
	    padding: 23% 11% 0% 11%;
	    line-height: 2.5rem;
	    font-size: 21px;
	}
	.sec04_card .box .card.step1 h3 {
	    font-size: 1.5rem;
	}
	.sec04_card .box .card:hover .title {
	    font-size: 2rem;
	    -webkit-transition: 1s;
	    transition: 1s;
	}
	.sec04_card .box .card.step2 form {
	    padding: 6% 6%;
	    height: fit-content;
	}
	/* .sec04_card .box .card.step2 form .pic {
	    height: 38%;
	} */
	.sec04_card .box .card.step2 form .pic .dropify-wrapper{
		padding: 44%;
	    width: 90%;
	    margin: 0% 4%;
        height: 200px !important;
	}
	.sec04_card .box .card.step2 form .pic .notice {
	    padding: 35% 11%;
        font-size: 14px;
	    line-height: 2rem;
	    font-weight: 800;
	    margin-bottom: 0rem;
	    margin-left: 4%;
	}

	.sec04_card .box .card.step2 form .content .form-group {
		margin-bottom: 0rem;
		padding: 9% 0rem 0rem 0rem;
	}
	.sec04_card .box .card.step2 form .content .form-group .select2-container{
		width: 100%;
	}
	.sec04_card .box .card.step2 form .content .form-control {
		height: calc(0.5em + .75rem + 2px);
		font-size: 18px;
		padding: 0.5rem 0rem 0rem 0rem;
	}
	.sec04_card .box .card.step2 form .content #birthday_wish.form-control{
		height: calc(6em + .75rem + 2px);
		width: 95%;
    	margin: 0% 3% 0% 3%;
	}
	.sec04_card .box .card.step2 form .content label {
		font-size: 18px;
		margin-left: 0.4rem;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
	    font-size: 18px;
	}
	.sec04_card .box .card.step2 form .content .notice {
		font-size: 16px;
		margin-bottom: 0.5rem;
		padding-right: 0.5rem;
	}
	.sec04_card .box .card.step2 form .content .btn {
	    font-size: 18px;
        line-height: 32px;
        box-shadow: 2px 2px 5px 3px #cccccc;
        font-weight: 600;
	}
	.sec04_card .box .card.step2 form .info {
	    font-size: 14px;
	    text-align: left;
	    padding: 1rem 1rem;
	}

	.sec04_card .box .card.step3 h3 {
	    font-size: 1.5rem;
	    padding: 23% 0% 0% 0%;
	}
	.sec04_card .box .card.step3 p {
	    font-size: 1rem;
	    padding: 5% 10% 0% 10%;
	    line-height: 2.5rem;
	}
	.sec04_card .box .card.step3 .arrow_gruop {
	    left: 43vw;
    	padding-top: 0.5rem;
	}
	.sec04_card .box .card.step3 .arrow_gruop .arrow {
	    width: 20px;
	    height: 20px;
	    border-top: 3px solid #ac8531;
	    border-left: 3px solid #ac8531;
	    margin: -0.5rem;
	}
    @media (min-width: 400px) and (max-width: 432px){
        .sec03_photo .des {
            padding: 11% 6% 0% 43%;
            line-height: 165%;
        }
    }
    @media (max-width: 365px) {
        .sec04_card .box .card.step2 form .pic .notice {
            padding: 35% 9%;
        }
    }
    @media (max-width: 335px) {
        .sec04_card .box .card.step2 form .pic .notice {
            padding: 35% 6%;
        }
    }
	/*--------------- //sec04_card ---------------*/
    .sec05_line {
        height: auto;
        margin-bottom: 0.45rem;
    }
	/*--------------- sec06_gallery ---------------*/
	.sec06_gallery .gradual_top{
		margin: 0vh 0px;
	}
	.sec06_gallery .gradual_top h1 {
	    font-size: 1.25rem;
	    font-weight: 600;
	    padding: 6% 0% 6% 0%;
	}
	.sec06_gallery .gradual_bottom {
	    font-size: 14px;
        margin: -23% 0% 0% 0%;
	}
	.sec06_gallery .gradual_bottom p {
        padding: 9% 0% 4% 0%;
	}
	.gallery .grid .grid-block {
	    width: 50%;
	    padding: 0.5rem;
	}
	/*--- modal ---*/
	.modal .modal-dialog{
		max-width: 85vw;
		margin: 2rem auto;
	}
	.modal .modal-dialog .modal-content {
		border-radius: 1rem;
	    padding: 2rem 1.75rem 1.5rem 1.75rem;
	}
	.modal .pic{
		width: 100%;
	}
	.modal .content {
	    padding: 5% 7% 0% 7%;
	    font-size: 1rem;
	    margin: 0;
	}
	.modal .content .card_name {
	    margin-bottom: 21px;
        font-size: 16px;
	}
	.modal .content .card_country {
	    margin-bottom: 0.5rem;
	    display: contents;
        font-size: 16px;
	}
	.modal .content .card_country img {
	    height: 6%;
        padding-right: 4%;
        padding-top: 1%;
        margin-bottom: 12px;
	}
	.modal .content .card_textbox {
	    line-height: 175%;
        margin-bottom: 0%;
        margin-top: -5%;
        font-size: 14px;
        height: 240px;
        overflow-y: auto;
	}

	.modal .content .icon_group {
		position: relative;
	    width: 100%;
	    text-align: center;
        margin-bottom: 0%;
        margin-top: 0%;
	}
	.modal .content .icon_group i{
	    font-size: 32px;
    	padding-right: 5%;
	}
	.modal .info {
	    padding: 0rem;
        font-size: 0.75rem;
        margin: 0;
	}
    .modal .card_close {
        position: absolute;
        top: 0%;
        right: 2%;
        font-size: 2rem;
        cursor: pointer;
    }

	/*--------------- //sec06_gallery ---------------*/
}
@media (min-width: 576px) and (max-width: 767.99px)  {
	/*--------------- sec01_banner ---------------*/
	.sec01_banner {
	    height: 85vh;
	}
	.sec01_banner .bg .bg01_memo {
	    top: 9.5vh;
	    right: -12vw;
	    width: 53vw;
	}
	.bg02_line_left {/**/
	    top: 74vh;
	    left: -8vw;
	    width: 17vw;
	    height: 4vw;
	}
	.bg02_line_right {/**/
	    top: 87vh;
	    left: -19vw;
	    width: 60vw;
	    height: 4vw;
	}
	.sec01_banner .bg .bg03_dot_top {
	    top: -4vh;
	    left: -11vw;
	    width: 25vw;
	    height: 25vw;
	}
	.sec01_banner .bg .bg03_dot_middle01 {
	    top: 7vh;
	    left: 41vw;
	    width: 9vw;
	    height: 9vw;
	}
	.sec01_banner .bg .bg03_dot_middle02 {
	    top: 15vh;
	    left: 55vw;
	    width: 3vw;
	    height: 3vw;
	}
	.sec01_banner .bg .bg03_dot_bottom {/**/
	    top: 71vh;
	    left: 16vw;
	    width: 3vw;
	    height: 3vw;
	}

	.sec01_banner .des {/**/
	    top: 18vh;
    	left: 8vw;
	}
	.sec01_banner .des h1 {
	    font-size: 2.5rem;
	}
	.sec01_banner .des h1.inwin_text{
	    width: 25%;
    	padding-bottom: 3.5rem;
	}
	.sec01_banner .des .line {
	    width: 45vw;
	    border-top: solid #ac8531 1px;
	    margin: 0.5vh 0vh 0.5vh -8vh;
	}
	.sec01_banner .des h2 {/**/
	    font-size: 2rem;
    	width: 40vw;
	}

	.sec01_banner .logo_35 {
	    top: 36%;
        left: 31%;
        width: 39%;
	}
	.sec01_banner .logo_inwin {/**/
	   top: 7%;
        left: 74%;
        width: 10%;
	}
	/*--------------- //sec01_banner ---------------*/
    /*--------------- sec03_photo ---------------*/
    .sec03_photo .bg .dot {
        top: 11%;
        right: -24%;
        width: 70vw;
        height: 70vw;
    }
    .sec03_photo .bg .photo_02.active {
        right: 14%;
        top: 14%;
    }
    .sec03_photo .bg .photo_02 {
        width: 34%;
    }
    .sec03_photo .bg .photo_01.active {
        right: 5%;
        bottom: 18%;
    }
    .sec03_photo .bg .photo_01 {
        width: 42%;
    }
    .sec03_photo .des {
        padding: 20% 0vw 0vh 9%;
        font-size: 1.25rem;
    }
    /*--------------- //sec03_photo ---------------*/
    /*--------------- sec04_card ---------------*/
    .sec04_card {
        height: 120vh;
    }
    .sec04_card .box {
        height: 104vh;
    }
    .sec04_card .box .card {
        border-radius: 1rem;
    }
    .sec04_card .box .card.step1 p {
        font-size: 1.5rem;
        padding: 17% 15% 0% 15%;
        line-height: 3.5rem;
    }
    .sec04_card .box .card.step2 form {
        padding: 8% 6%;
    }

    .sec04_card .box .card.step2 form .pic .notice {
        padding: 32% 24%;
    }

    .sec04_card .box .card.step2 form .content .form-group {
        padding: 0% 0rem 0rem 0rem;
    }
    .sec04_card .box .card.step2 form .info {
        padding: .5rem;
        font-size: 1rem;
    }
    .sec04_card .box .card.step3 h3 {
        padding: 18% 0% 0% 0%;
        font-size: 1.75rem;
    }
    .sec04_card .box .card.step3 p {
        font-size: 1.5rem;
        padding: 5% 9% 0% 10%;
        line-height: 3.5rem;
    }
    .sec04_card .box .card.step3 .arrow_gruop .arrow {
        width: 40px;
        height: 40px;
        border-top: 6px solid #eaca85;
        border-left: 6px solid #ac8531;

    }
    /*--------------- //sec04_card ---------------*/
    /*--------------- sec06_gallery ---------------*/
    .sec06_gallery .gradual_bottom {
        margin: -9% 0% 0% 0%;
    }
        .sec06_gallery .gradual_bottom {
        margin: -8% 0% 0% 0%;
    }
    .modal .content {
        padding: 5% 0% 0% 8%;
        font-size: 1.25rem;
    }
    .modal .content .card_name {
        font-size: 16px;
    }
    .modal .content .card_country {
        font-size: 16px;
        padding-top: 10%;
    }
    .modal .content .card_country img {
        padding-right: 3%;
        padding-bottom: 3%;
        width: 15%;
        margin-bottom: -7px;
    }
    .modal .content .card_textbox {
        line-height: 170%;
        font-size: 16px;
        margin-bottom: 16%;
        margin-top: 10%;
        height: 245px;
    }
    .modal .info {
        padding: 4% 0% 0% 0%;
        font-size: 18px;
    }
    /*--------------- //sec06_gallery ---------------*/
}
/*----------------------------------//media-phones----------------------------------*/

/*----------------------------------media-tablets----------------------------------*/
@media (min-width: 768px) and (max-width: 991.99px)  {
	/*--------------- sec01_banner ---------------*/
	.sec01_banner {
	    height: 115vh;
	}
	.sec01_banner .bg .bg01_memo {
	    top: 9.5vh;
	    right: -12vw;
	    width: 53vw;
	}
	.bg02_line_left {/**/
	    top: 89vh;
	    left: -11vw;
	    width: 17vw;
	    height: 3vw;
	}
	.bg02_line_right {/**/
	    top: 114vh;
	    left: -19vw;
	    width: 60vw;
	    height: 3vw;
	}
	.sec01_banner .bg .bg03_dot_top {/**/
	    top: -15vh;
	    left: -12vw;
	    width: 25vw;
	    height: 25vw;
	}
	.sec01_banner .bg .bg03_dot_middle01 {
	    top: 6vh;
	    left: 46vw;
	    width: 8vw;
	    height: 8vw;
	}
	.sec01_banner .bg .bg03_dot_middle02 {
	    top: 17vh;
	    left: 56vw;
	    width: 3vw;
	    height: 3vw;
	}
	.sec01_banner .bg .bg03_dot_bottom {/**/
	    top: 87vh;
	    left: 10vw;
	    width: 4vw;
	    height: 4vw;
	}

	.sec01_banner .des {/**/
	    top: 23vh;
    	left: 11vw;
	}
	.sec01_banner .des h1 {
	    font-size: 4rem;
	}
	.sec01_banner .des h1.inwin_text{
	    width: 25%;
	    line-height: 4.5rem;
	    padding-bottom: 3.5rem;
	}
	.sec01_banner .des .line {
	    width: 45vw;
	    border-top: solid #ac8531 2px;
	    margin: 1vh 0vh 0.5vh -20vh;
	}
	.sec01_banner .des h2 {/**/
	    font-size: 2.5rem;
	    width: 45vw;
	    padding-top: 3rem;
	}

	.sec01_banner .logo_35 {
	    top: 38%;
        left: 36%;
        width: 36%;
	}
	.sec01_banner .logo_inwin {/**/
	    top: 4vh;
	    left: 80vw;
	    width: 10vw;
	}
	/*--------------- //sec01_banner ---------------*/
    /*--------------- sec03_photo ---------------*/
    .sec03_photo .bg .dot {
        top: 10%;
        right: -19%;
        width: 60vw;
        height: 60vw;
    }
    .sec03_photo .bg .photo_02.active {
        right: 9%;
        top: 7%;
        transform: rotate(-6deg);
        width: 37%;
    }
    .sec03_photo .bg .photo_02 {
        width: 31%;
    }
    .sec03_photo .bg .photo_01.active {
        right: 2%;
        bottom: 22%;
        width: 45%;
    }
    .sec03_photo .bg .photo_01 {
        width: 40%;
    }
    .sec03_photo .des {
        font-size: 1.5rem;
        line-height: 180%;
    }
    /*--------------- //sec03_photo ---------------*/

    /*--------------- sec04_card ---------------*/
    .sec04_card {
        height: 135vh;
    }
    .sec04_card .box {
        height: 125vh;
    }
    .sec04_card .box .card.step2 form .pic {
        height: 49%;
    }
    .sec04_card .box .card.step2 form .pic .notice {
        padding: 42% 24%;
    }
    .sec04_card .box .card.step2 form .pic .dropify-wrapper.touch-fallback {
        height: 98% !important;
    }
    .sec04_card .box .card.step2 form .info {
        padding: 2%;
        font-size: 1rem;
    }

    .sec04_card .box .card.step2 form .content .form-group {
        padding: 2% 0% 0% 0%;
    }
    .sec04_card .box .card.step3 h3 {
        font-size: 2.25rem;
    }
    .sec04_card .box .card.step3 p {
        font-size: 1.75rem;
        line-height: 3.5rem;
    }
    /*--------------- //sec04_card ---------------*/

    /*--------------- sec06_gallery ---------------*/
    .sec06_gallery .gradual_bottom {
        margin: -8% 0% 0% 0%;
    }
    .modal .content {
        padding: 5% 5% 0% 8%;
        font-size: 1.25rem;
    }
    .modal .content .card_name {
        font-size: 22px;
    }
    .modal .content .card_country {
        font-size: 22px;
        padding-top: 10%;
    }
    .modal .content .card_country img {
        width: 15%;
        margin-bottom: 5px;
    }
    .modal .content .card_textbox {
        line-height: 175%;
        font-size: 18px;
        margin-bottom: 12%;
        margin-top: 10%;
    }
    .modal .info {
        padding-top: 3%;
    }
    /*--------------- //sec06_gallery ---------------*/
}
/*----------------------------------//media-tablets----------------------------------*/

/*----------------------------------media-desktops----------------------------------*/
@media (min-width: 992px) and (max-width: 1199.99px)  {
	/*--------------- sec01_banner ---------------*/
	.sec01_banner {
	    height: 100vh;
	}
	.sec01_banner .bg .bg01_memo{
	    top: 10vh;
	    right: -6vw;
	    width: 41vw;
	}

	.bg02_line_left{
	    top: 82vh;
    	left: -7vw;
	}
	.bg02_line_right{
	    top: 89vh;
    	left: -4vw;
	}

	.sec01_banner .bg .bg03_dot_top{
	}
	.sec01_banner .bg .bg03_dot_middle01{
	    top: 15vh;
    	left: 58vw;
	}
	.sec01_banner .bg .bg03_dot_middle02{
	    top: 25vh;
    	left: 65vw;
	}
	.sec01_banner .bg .bg03_dot_bottom{
	    top: 81vh;
    	left: 10vw;
	}
	.sec01_banner nav{
	    top: 4vh;
	    left: 13vw;
	    font-size: 1.6rem;
	}
	.sec01_banner nav .nav-item a:hover{
		color: #eaca85;
	}
	.sec01_banner .des{
	    top: 27vh;
	}
	.sec01_banner .des h1{
		font-size: 3rem;
	}
	.sec01_banner .des h1.inwin_text{
		padding-bottom: 1.3rem;
	}
	.sec01_banner .des h2{
		font-size: 1.7rem;

	}
	.sec01_banner .des .line{
	    border-top: solid #ac8531 2px;
	    margin: 0.5vh 0vh 0.5vh -12vh;
	}
	.sec01_banner .logo_35{
	    top: 22vh;
	    left: 36vw;
	    width: 39vw;
	}
	.sec01_banner .logo_inwin{
	    top: 73vh;
    	left: 44vw;
	}
	/*--------------- //sec01_banner ---------------*/
	/*--------------- sec03_photo ---------------*/
	.sec03_photo {
	    height: 100vh;
	}
	.sec03_photo .bg .dot{
		top: 0%;
	    right: -26%;
	    width: 65vw;
	    height: 65vw;
	}
	.sec03_photo .bg .photo_02{
		position: absolute;
		width: 25%;
	    right: 23vw;
	    top: 4vh;
	    transform: rotate(-8deg);

	    opacity: 0;
	}
	.sec03_photo .bg .photo_02.active{
	    right: 14%;
        top: 6%;
        width: 31%;
	}
	.sec03_photo .bg .photo_01{
		position: absolute;
		width: 30vw;
	    right: 8vw;
	    bottom: 12vh;
	    transform: rotate(-2deg);

	    opacity: 0;
	}
	.sec03_photo .bg .photo_01.active{
    	right: 5%;
        bottom: 22%;
        width: 35%;
	}
	.sec03_photo .des{
		width: 50%;
        padding: 10% 0vw 0vh 9%;
        font-size: 1.75rem;
        line-height: 160%;
	}
	.sec03_photo .des p{
		margin-bottom: 6%;
	}
	/*--------------- //sec03_photo ---------------*/
    /*--------------- sec04_card ---------------*/
    .sec04_card .box {
        width: 86vw;
        height: 100%;
    }
    .sec04_card .box .card.step1 p {
        font-size: 29px;
        padding: 14% 15% 0% 15%;
        line-height: 208%;
    }
    .sec04_card .box .card.step1 img.card_bg.pc {
        margin: 8% 0% 0% 22%;
        width: 60%;
    }
    .sec04_card .box .card.step2 img.card_bg.pc {
        margin: 8% 0% 0% 22%;
        width: 60%;
    }
    .sec04_card .box .card.step2 form .info {
        font-size: 14px;
        padding: 2% 0% 0% 0%;
        line-height: 200%;
    }
    .sec04_card .box .card.step3 h3 {
        font-size: 36px;
    }
    .sec04_card .box .card.step3 p {
        font-size: 24px;
        padding: 2% 10% 0% 10%;
        line-height: 3.5rem;
    }
    .sec04_card .box .card.step3 .arrow_gruop {
        left: 51%;
    }
    .sec04_card .box .card.step3 .arrow_gruop .arrow {
        width: 42px;
        height: 42px;
        border-top: 6px solid #eaca85;
        border-left: 6px solid #ac8531;
        transform: rotate(225deg);
        margin: -1.25rem;
    }
    /*--------------- //sec04_card ---------------*/
    /*--------------- sec06_gallery ---------------*/
    .modal .content .card_name {
        font-size: 18px;
    }
    .modal .content .card_country {
        font-size: 18px;
    }
    .modal .content .card_textbox {
        line-height: 160%;
        font-size: 14px;
        margin-bottom: 0;
        height: 180px;
        overflow-y: auto;
    }
    .modal .content .card_country img {
        padding-right: 0.5rem;
        width: 13%;
    }
    .modal .info {
        padding-top: 0.75rem;
        font-size: 0.8rem;
    }
    .modal .modal-dialog .modal-content {
        border-radius: 1rem;
        border: solid #c19a47 2px;
        padding: 4% 5% 2% 5%;
    }
    /*--------------- //sec06_gallery ---------------*/
}
/*----------------------------------//media-desktops----------------------------------*/

/*----------------------------------media-large desktops----------------------------------*/
@media (min-width: 1200px) {
    .sec03_photo .bg .dot {
        top: 4%;
        right: -14%;
        width: 50vw;
        height: 50vw;
    }
    .sec03_photo .des {
        font-size: 1.75rem;
        line-height: 175%;
    }
    .sec03_photo .bg .photo_02.active {
        right: 17%;
    }
    .sec03_photo .bg .photo_02 {
        width: 28vw;
    }
    .sec03_photo .bg .photo_01.active {
        right: 9%;
        bottom: 22%;
        width: 30%;
    }
    .sec03_photo .bg .photo_01 {
        width: 32vw;
    }
    @media (min-width: 1616px) {
        .sec03_photo .bg .dot {
            top: 2%;
            right: -16%;
            width: 45vw;
            height: 45vw;
        }
        .sec03_photo .des {
            font-size: 2rem;
            line-height: 150%;
        }
        .sec03_photo .bg .photo_01.active {
            right: 10%;
            bottom: 15%;
            width: 28%;
        }
        .sec03_photo .bg .photo_02.active{
            right: 21%;
            top: 3%;
            width: 23%;
            transform: rotate(-7deg);
        }
    }
    /*--------------- sec04_card ---------------*/
    .sec04_card .box {
        height: 75%;
    }
    .sec04_card .box .card.step1 p {
        padding: 9% 15% 0% 15%;
        line-height: 330%;
    }
    .sec04_card .box .card.step1 img.card_bg.pc {
        margin: 19% 0% 0% 23%;
        width: 55%;
    }
    .sec04_card .box .card.step2 img.card_bg.pc {
        margin: 19% 0% 0% 23%;
        width: 55%;
    }
    @media (min-width: 1616px) {
        .sec04_card .box .card.step1 p{
            padding: 9% 15% 0% 15%;
            line-height: 400%;
        }
        .sec04_card .box .card.step1 img.card_bg.pc {
            margin: 8% 0% 0% 22%;
            width: 55%;
        }
        .sec04_card .box .card.step2 img.card_bg.pc {
            margin: 8% 0% 0% 22%;
            width: 55%;
        }
        /*.sec04_card .box .card.step2 form .pic .dropify-wrapper {
            height: 114%;
        }*/
    }
    .sec04_card .box .card.step3 h3 {
        padding: 17% 0% 0% 0%;
    }
    .sec04_card .box .card.step3 p {
        font-size: 1.75rem;
        padding: 4% 10% 0% 10%;
        line-height: 3.5rem;
    }
    /*--------------- //sec04_card ---------------*/

    .modal .content {
        padding: 1% 2% 0% 4%;
    }
    .modal .content .card_name {
        font-size: 22px;
    }
    .modal .content .card_country {
        font-size: 22px;
    }
    .modal .content .card_country img {
        padding-right: 1rem;
        width: 15%;
    }
    .modal .content .card_textbox {
        line-height: 140%;
        font-size: 17px;
        margin-bottom: 0;
        height: 218px;
        overflow-y: auto;
    }
    .modal .info {
        text-align: center;
        padding-top: 1.5rem;
        font-size: 1rem;
        font-weight: 600;
    }

}
@media (min-width: 1400px) {
    .modal .content .card_name {
        font-size: 28px;
    }
    .modal .content .card_country {
        font-size: 28px;
    }
    .modal .content .card_textbox {
        line-height: 160%;
        font-size: 19px;
        margin-bottom: 0;
        height: 240px;
        overflow-y: auto;
    }
}
@media (min-width: 1600px) {
    .modal .content .card_name {
        font-size: 28px;
    }
    .modal .content .card_country {
        font-size: 28px;
    }
    .modal .content .card_textbox {
        line-height: 160%;
        font-size: 22px;
        height: 290px;
        overflow-y: auto;
    }
}
@media (min-width: 1800px) {
    .modal .content .card_name {
        font-size: 30px;
    }
    .modal .content .card_country {
        font-size: 30px;
    }
    .modal .content .card_textbox {
        line-height: 185%;
        font-size: 24px;
        height: 355px;
    }
}
/*----------------------------------//media-large desktops----------------------------------*/