@charset "UTF-8";
/* ===================================================================
SmartPhone CSS
ウィンドウ幅[0～640px]の場合に適用
=================================================================== */
@media screen and (max-width: 750px) {
	/*	body
  --------------------------------------------------------------------*/
	body {
		font-size: 1.4rem;
		overflow: hidden;
	}
	#header {
		margin-bottom: 30px;
		padding: 0 0 20px;
	}
	#contents {
		max-width: 100%;
		padding: 20px;
	}
	#contents #main header {
		padding-bottom: 20px;
	}
	#contents #main header h2 {
		margin-bottom: 10px;
		font-size: 21px;
	}
	#contents #main header p {
		text-align: left;
		font-size: 13px;
	}
	#contents #main .important {
		margin-bottom: 20px;
		padding: 20px;
	}
	#contents #main form {
		margin-bottom: 25px;
	}
	#contents #main form dl {
		display: block;
		padding-bottom: 30px;
	}
	#contents #main form dl dt {
		width: 100%;
		padding: 20px 0 15px;
		border-bottom: 0;
		font-weight: bold;
	}
	#contents #main form dl dd {
		width: 100%;
		padding: 0 0 20px;
	}
	#contents #main form dl dd select {
		width: 100%;
	}
	#contents #main form dl dd select[name="pref"] {
		width: 100%;
	}
	#contents #main form dl dd .request {
		display: block;
	}
	#contents #main form dl dd ul.name {
		display: block;
	}
	#contents #main form dl dd ul.name li {
		display: block;
		padding: 0 0 10px;
	}
	#contents #main form dl dd ul.name li input {
		width: 90%;
	}
	#contents #main form dl dd ul.name li input[name="sei_kana"] {
		width: 88%;
	}
	#contents #main form dl dd ul.name li input[name="mei_kana"] {
		width: 88%;
	}
	#contents #main form dl dd.age_box {
		display: block;
	}
	#contents #main form dl dd.age_box div {
		margin-bottom: 15px;
	}
	#contents #main form dl dd.age_box p {
		padding: 0;
		text-align: right;
	}
	#contents #main form dl dd.age_box select[name="age"] {
		width: 50%;
		margin-right: 8px;
	}
	#contents #main form .questionnaire {
		margin-bottom: 30px;
		padding: 20px;
	}
	#contents #main form p.btn {
		margin-bottom: 30px;
	}
	#contents #main #freedial {
		display: block;
		margin-bottom: 30px;
		padding: 20px;
	}
	#contents #main #freedial p {
		width: 100%;
		margin: 0 0 10px;
	}
	#contents #main #freedial .fd_btn {
		width: 100%;
	}
	#contents #main #freedial .fd_btn a {
		padding: 10px;
	}
	#contents #footer p.copy {
		padding-bottom: 10px;
	}
	/*	check.php
    --------------------------------------------------------------------*/
    #check #contents #main form dl {
		padding:0 0 30px 0;
	}
	#check #contents #main form dl dt {
		padding:15px 15px 0 15px;
	}
	#check #contents #main form dl dd {
		width: 100%;
		padding: 10px 15px 15px 15px;
	}
	#check #contents #main .questionnaire form dl {
		padding:0;
	}
	#check #contents #main .questionnaire form dl dt {
		padding:15px 15px 0 15px;
	}
	#check #contents #main .questionnaire form dl dd {
		width: 100%;
		padding: 10px 15px 15px 15px;
	}
	
    /*	thanks.php
    --------------------------------------------------------------------*/
    #thanks #contents #main header h2 {
        margin-bottom: 0;
    }
    #thanks #contents #main .box {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e5e5e5;
    }
    #thanks #contents #footer p {
        padding-bottom: 0;
    }
}
