@charset "UTF-8";

@media print, screen and (min-width: 737px) {
	
	main article {
		
	}
	
	main .inquiry {
		width: 100%;
	}
	
	main .inquiry > div {
		min-width: 960px;
		max-width: 1024px;
		margin-left: auto;
		margin-right: auto;
	}
	
	main .inquiry > div > h2 + p {
		text-align: center;
		margin-top: 24px;
	}
	
	main .inquiry > div > .list {
		margin-top: 40px;
	}
	
	main .inquiry input[type="text"],
	main .inquiry input[type="tel"],
	main .inquiry input[type="email"] {
		width: 100%;
		height: 40px;
		font-size: 1.5rem;
		padding: 8px;
		border: none;
		-webkit-transition: 0.3s ease;
		-moz-transition: 0.3s ease;
		-o-transition: 0.3s ease;
		-ms-transition: 0.3s ease;
		transition: 0.3s ease;
	}
    
    main .inquiry input::-webkit-input-placeholder,
    main .inquiry input::-moz-input-placeholder,
    main .inquiry input::-o-input-placeholder,
    main .inquiry input::-ms-input-placeholder,
    main .inquiry input::input-placeholder {
        color: rgba(200,200,200,1.0);
    }
	
	
	main .inquiry textarea {
		width: 100%;
		height: 40px;
		font-size: 1.5rem;
		padding: 8px;
		border: none;
		resize: none;
		-webkit-transition: 0.3s ease;
		-moz-transition: 0.3s ease;
		-o-transition: 0.3s ease;
		-ms-transition: 0.3s ease;
		transition: 0.3s ease;
	}
    
    main .inquiry textarea::-webkit-input-placeholder,
    main .inquiry textarea::-moz-input-placeholder,
    main .inquiry textarea::-o-input-placeholder,
    main .inquiry textarea::-ms-input-placeholder,
    main .inquiry textarea::input-placeholder {
        color: rgba(200,200,200,1.0);
    }
	
	main .inquiry textarea:focus {
		height: 240px;
	}
	
	main .inquiry .btn {
		margin-top: 40px;
	}
	
	main .inquiry .btn > button {
		font-size: 1.3rem;
		line-height: 32px;
	}
}

@media only screen and (max-width: 736px) {
	
	main article {
		
	}
	
	main .inquiry {
		width: 100%;
        padding-left: 32px;
        padding-right: 32px;
	}
	
	main .inquiry > div {
        width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	main .inquiry > div > h2 + p {
		text-align: center;
		margin-top: 24px;
	}
	
	main .inquiry > div > .list {
		margin-top: 40px;
	}
	
	main .inquiry input[type="text"],
	main .inquiry input[type="tel"],
	main .inquiry input[type="email"] {
		width: 100%;
		height: 40px;
		font-size: 1.5rem;
		padding: 8px;
		border: none;
		-webkit-transition: 0.3s ease;
		-moz-transition: 0.3s ease;
		-o-transition: 0.3s ease;
		-ms-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	
    main .inquiry input::-webkit-input-placeholder,
    main .inquiry input::-moz-input-placeholder,
    main .inquiry input::-o-input-placeholder,
    main .inquiry input::-ms-input-placeholder,
    main .inquiry input::input-placeholder {
        color: rgba(200,200,200,1.0);
    }
	
	main .inquiry textarea {
		width: 100%;
		height: 40px;
		font-size: 1.5rem;
		padding: 8px;
		border: none;
		resize: none;
		-webkit-transition: 0.3s ease;
		-moz-transition: 0.3s ease;
		-o-transition: 0.3s ease;
		-ms-transition: 0.3s ease;
		transition: 0.3s ease;
	}
    
    main .inquiry textarea::-webkit-input-placeholder,
    main .inquiry textarea::-moz-input-placeholder,
    main .inquiry textarea::-o-input-placeholder,
    main .inquiry textarea::-ms-input-placeholder,
    main .inquiry textarea::input-placeholder {
        color: rgba(200,200,200,1.0);
    }
	
	main .inquiry textarea:focus {
		height: 240px;
	}
	
	main .inquiry .btn {
		margin-top: 40px;
	}
	
	main .inquiry .btn > button {
		font-size: 1.3rem;
		line-height: 32px;
	}
}