.wrapper { margin-top:30px;}
.post { text-align:left; margin-top:40px; font-size:12px; }
	#main { text-align:center; margin-bottom:40px; }
		#main h1 { font-size:18px; margin:40px 0 20px;}
		#main iframe { width: 100%;}
		.container { float:left; margin-left:30px; width:450px; text-align:left; line-height:1.8;}
			.container div{ margin-top:20px; font-weight:bold; font-size:14px; }

            #contactForm{ width: 100%; padding: 80px 20px 40px; background: #EEEEEE; text-align: center;}
                #formwrap { width: 100%; max-width:1020px; margin: 0 auto;}
                    #formwrap h2{ font-size: 30px; margin-bottom: 20px; font-weight: bold;}
                    #formDesc{ font-size: 16px; line-height: 1.8; margin-bottom: 60px; font-weight: bold;}
                    #form{ width: 100%; max-width: 780px; text-align: left; margin: 0 auto;}
                        .form-group{ margin-bottom: 25px; }
                        #form input,#form textarea{ border: none; }
                        #form input[type=text],#form input[type=tel],#form input[type=email]{ padding: 5px 10px; height: 50px; }
                        #form input#name{ width: calc( 50% - 10px); }
                        #form input#tel{ width: calc( 50% - 10px);  display: block; float: right;}
                        #form input#email{ width: 100%;  display: block;}
                        #form #inqTypeArea{ width: 100%; margin-bottom: 20px;}
                        #form textarea{ width: 100%; height: 200px; margin-bottom: 0px;padding: 10px; }
                        #form label{ width: calc(25% - 25px); display: inline-block; font-size: 16px;}
                        #btnArea{ width: 100%; text-align: center;}
                            #btnArea a{ width: 180px; display: inline-block; margin: 0 10px; font-size: 20px; border:2px solid #6f6f6f; padding: 10px 0; color: #6f6f6f}
                            #btnArea a:hover{ background: #6f6f6f; color: #FFF;}
                            #btnArea div{ margin: 20px 0 40px; font-size: 14px; }
            
                        /* ラジオボタン */
                        #inqTypeArea input[type=radio] { display: none; }
                        #inqTypeArea .radio{ box-sizing: border-box; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; position: relative; display:inline-block; margin: 5px 5px 2px 0; padding: 0px 5px 4px 30px; vertical-align: middle; cursor: pointer; border: 1px solid #EEE; z-index: 0; }
                        #inqTypeArea .radio:after{ -webkit-transition: border-color 0.2s linear; transition: border-color 0.2s linear; position: absolute; top: 44%; left: 5px; display: block; margin-top: -11px; width: 17px; height: 17px; border: 1px solid #bbb; border-radius:50%; content: ''; background: #FFF; z-index: 10; }
                        #inqTypeArea .radio:before { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 44%; left: 9px; display: block; margin-top: -7px; width: 11px; height:11px; border-radius: 50%; background-color: #000; content: ''; opacity: 0; z-index: 11; }
                        #inqTypeArea input[type=radio]:checked + .radio:before { opacity: 1; }
                        .radio:focus { border: 1px solid #b3d4fc;}
            #btn_submit { width: 100%; max-width: 600px; background:#000; color: #FFF; text-align: center; margin: 0 auto;font-size: 20px; padding: 15px 0; font-weight: bold; border: 2px solid #000; cursor: pointer;}
            #btn_submit:hover { background:#FFF; color: #000;}


@media screen and (max-width: 640px) {
	.container { float:none; margin-left:0px; width:100%;}
}

@media screen and (max-width: 580px) {
    #formwrap h2{ font-size: 22px;}
    #formDesc{ font-size:14px; text-align: left;}
    #form input#name,#form input#tel { width: 100%; }
    #form input#name{ margin-bottom: 20px; }
    #form label{ width: calc( 50% - 25px);  }
}