@import '../Headers/Header_02/header_02.css';

.box-size_03 .col-content {
    overflow-y: auto;
}

.box-size_03 .col-content p:last-child {
    padding-bottom: 1em;
}


/* ---------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
------------------------------------------------- MEDIA QUERY ----------------------------------------------------
------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------*/


/* Ok until 993px
------------------------------------------------------------------------------------------------*/
	@media screen and (max-width: 992px) {
			#contact-method .three-col-grid {
			    display: flex;
			    flex-flow: wrap;
			}

			#contact-method .three-col-grid .col {
			    width: 48%;
			}

			#contact-method .three-col-grid .col-3 {
			    width: 100%;
			}
		}


/* Mobile All
------------------------------------------------------------------------------------------------*/
	@media screen and (max-width: 767px) {
			#work-with-us-info .hf-sp {
			    padding-top: 2em;
			}
		}


/* Mobile port
------------------------------------------------------------------------------------------------*/
	@media screen and (max-width: 600px) {
		#work-with-us-info .stripe-container-inner.apply-pad-2 {
		    padding: 0;
		}
		#contact-method .three-col-grid {
	        grid-template-columns: 1fr;
	        grid-gap: 1em
	    }
		#contact-method .three-col-grid .col {
		    width: 100%;
		}
	    #contact-method .box-size_03 .col-content {
	        padding: 1.5em;
	    }
	    #contact-method .three-col-grid .btn.btn_02 {
	        font-size: 11px;
	    }

	}