@charset "UTF-8";
/*------------------------------------------------------------------
********************************************************************
 * ▼構成
 * ・ベースとなるCSS
 * ・スマホのみ（@media screen and (max-width: 767px) {} ）
********************************************************************
--------------------------------------------------------------------*/

/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	.contact_box {
		width:800px;
		max-width:90%;
		margin:50px auto 0;
	}
	.contact_box p.notes {
		font-size:14px;
	}
	.contact_box dl {
	}
	.contact_box dl dt {
		font-size:18px;
		margin-top:20px;
	}
	.contact_box dl dt span {
		margin-left:10px;
	}
	.contact_box dl dd {
		padding:10px 0;
		border-bottom:1px solid #f0f0f0;
	}
	.contact_box dl dd ul.check {
		display:flex;
	}
	.contact_box dl dd ul.check li {
		margin-right:10px;
		font-size:14px;
	}
	.contact_box dl dd ul.list li {
		font-size:14px;
		margin-bottom:10px;
		margin-left: 1.4em;
		text-indent: -1.4em;
	}
	.contact_box dl dd ul.list li [type="checkbox"] {
		margin-right:3px;
	}
	.contact_box dl dd p {
		font-size:14px;
	}
	.contact_box dl dd p.error {
		color:#dd0000;
		margin-top:5px;
		font-size:16px;
	}
	.contact_box dl dd input[type=text],
	.contact_box dl dd input[type=tel],
	.contact_box dl dd input[type=email],
	.contact_box dl dd input[type=number] {
		padding:5px;
		border:1px solid #c0c0c0;
		border-radius:5px;
		width:100%;
		margin:5px 0 10px;
		font-size:16px;
	}
	.contact_box dl dd textarea {
		padding:5px;
		border:1px solid #c0c0c0;
		border-radius:5px;
		width:100%;
		margin:5px 0 10px;
		font-size:16px;
	}
	.contact_box dl dd .moving {
		display:flex;
	}
	.contact_box dl dd .moving > div {
		margin-right:10px;
	}
	.contact_box dl dd .moving > div select {
		padding:5px;
		border:1px solid #c0c0c0;
		border-radius:5px;
	}
	.submit_box {
		width:60%;
		text-align:center;
		margin:20px auto 0;
	}
	.submit_box input[type=submit]{
		padding:10px;
		border:1px solid #666;
		display:block;
		width:100%;
		font-size:18px;
		border-radius:8px;
	}
	
	/* complete */
	.contact_box p.text_1 {
		font-size:18px;
	}
	.contact_box p.text_2 {
		font-size:18px;
		margin-top:20px;
	}
	.contact_box div.home {
		text-align:center;
		font-size:16px;
		margin-top:20px;
	}
	.contact_box div.home a {
		padding:2px 20px;
		display:inline-block;
		border:1px solid #999;
		border-radius:8px;
	}
	
	
	/* application */
	.rules h2 {
		text-align:center;
		font-weight:700;
		font-size:21px;
	}
	.rules h2 span {
		display:block;
		font-size:16px;
	}
	.rules p {
		margin-top:30px;
		font-size:16px;
	}
	.about_rooms {
		margin-top:20px;
		padding:0 20px 20px;
		border:1px solid #c0c0c0;
		height:300px;
		overflow:auto;
	}
	.about_rooms dl {
		display:flex;
		justify-content:space-between;
		padding-top:10px;
	}
	.about_rooms dl dt {
		width:2em;
		margin-top:0;
		font-size:18px;
	}
	.about_rooms dl dd {
		margin-top:0;
		width:calc(100% - 2em);
		padding:0;
		border:none;
		font-size:16px;
	}
	.about_rooms h3 {
		margin-top:20px;
		font-weight:700;
		color:#666;
		text-align:center;
		font-size:21px;
	}
	.about_rooms table {
		margin-top:10px;
		width:100%;
		border-collapse:collapse;
	}
	.about_rooms table caption{
		font-size:16px;
		text-align:center;
		margin-bottom:5px;
		font-weight:500;
	}
	.about_rooms table th {
		padding:3px;
		border:1px solid #d0d0d0;
		font-size:13px;
		background:#fafafa;
		word-break:break-all;
	}
	.about_rooms table td {
		padding:3px;
		font-size:13px;
		border:1px solid #d0d0d0;
	}
	
	.agree_btn {
		margin-top:20px;
		text-align:center;
		padding:10px;
		border:1px solid #0c78a6;
		background:#f1fbff;
		color:#0c78a6;
	}
	
	#additional_info p {
		font-size:16px;
	}
	
	.contact_box dl dd .ymd > div {
		margin:5px 0;
	}
	.contact_box dl dd .ymd > div select {
		padding:5px;
		border:1px solid #c0c0c0;
		border-radius:5px;
		width:30%;
	}
	
	.int_btn {
		margin-top:20px;
		text-align:center;
		padding:10px;
		border:1px solid #0c78a6;
		background:#f1fbff;
		color:#0c78a6;
	}
	.introduce_box {
		padding-bottom:20px;
		border-bottom:1px solid #f0f0f0;
	}
	.introduce_box p {
		margin-top:10px;
		font-size:14px;
		color:#cc0000;
	}
	#another_content dl dd {
		padding-left:40px;
	}
	#another_content dl dd ul li {
		margin-bottom:20px;
	}
	#another_content p {
		font-size:16px;
		font-weight:500;
	}
	#another_content p span {
		display:block;
		margin-bottom:10px;
	}
	
}


/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	
	.contact_box {
		width:90%;
		margin:30px auto 0;
	}
	.contact_box p.notes {
		font-size:4vw;
	}
	.contact_box dl {
	}
	.contact_box dl dt {
		font-size:4vw;
		margin-top:20px;
		
	}
	.contact_box dl dt span {
		margin-left:10px;
	}
	.contact_box dl dd {
		padding:10px 0;
		border-bottom:1px solid #f0f0f0;
	}
	.contact_box dl dd ul.check {
		display:flex;
	}
	.contact_box dl dd ul.check li {
		margin-right:10px;
		font-size:4vw;
	}
	.contact_box dl dd ul.list li {
		font-size:3.6vw;
		margin-bottom:10px;
		margin-left: 1.4em;
		text-indent: -1.4em;
	}
	.contact_box dl dd ul.list li [type="checkbox"] {
		margin-right:3px;
	}
	.contact_box dl dd p {
		font-size:3.4vw;
	}
	.contact_box dl dd p.error {
		color:#dd0000;
		margin-top:5px;
		font-size:3.6vw;
	}
	.contact_box dl dd input[type=text],
	.contact_box dl dd input[type=tel],
	.contact_box dl dd input[type=email],
	.contact_box dl dd input[type=number] {
		padding:5px;
		border:1px solid #c0c0c0;
		border-radius:5px;
		width:100%;
		margin:5px 0 10px;
		font-size:16px;
	}
	.contact_box dl dd textarea {
		padding:5px;
		border:1px solid #c0c0c0;
		border-radius:5px;
		width:100%;
		margin:5px 0 10px;
		font-size:16px;
	}
	.contact_box dl dd .moving {
		display:flex;
	}
	.contact_box dl dd .moving > div {
		margin-right:10px;
	}
	.contact_box dl dd .moving > div select {
		padding:5px;
		border:1px solid #c0c0c0;
		border-radius:5px;
	}
	.submit_box {
		width:60%;
		text-align:center;
		margin:20px auto 0;
	}
	.submit_box input[type=submit]{
		padding:10px;
		border:1px solid #666;
		display:block;
		width:100%;
		font-size:4.5vw;
		border-radius:8px;
	}
	
	/* complete */
	.contact_box p.text_1 {
		font-size:4vw;
	}
	.contact_box p.text_2 {
		font-size:4vw;
		margin-top:20px;
	}
	.contact_box div.home {
		text-align:center;
		font-size:4vw;
		margin-top:20px;
	}
	.contact_box div.home a {
		padding:2px 20px;
		display:inline-block;
		border:1px solid #999;
		border-radius:8px;
	}
	
	
	/* application */
	.rules h2 {
		text-align:center;
		font-weight:700;
		font-size:5.5vw;
	}
	.rules h2 span {
		display:block;
		font-size:4vw;
	}
	.rules p {
		margin-top:30px;
		font-size:3.6vw;
	}
	.about_rooms {
		margin-top:20px;
		padding:0 4vw 20px;
		border:1px solid #c0c0c0;
		height:300px;
		overflow:auto;
	}
	.about_rooms dl {
		display:flex;
		justify-content:space-between;
		padding-top:10px;
	}
	.about_rooms dl dt {
		width:6vw;
		margin-top:0;
		font-size:4vw;
	}
	.about_rooms dl dd {
		margin-top:0;
		width:calc(100% - 8vw);
		padding:0;
		border:none;
		font-size:3.6vw;
	}
	.about_rooms h3 {
		margin-top:20px;
		font-weight:700;
		color:#666;
		text-align:center;
	}
	.about_rooms table {
		margin-top:10px;
		width:100%;
		border-collapse:collapse;
	}
	.about_rooms table caption{
		font-size:4vw;
		text-align:center;
		margin-bottom:5px;
		font-weight:500;
	}
	.about_rooms table th {
		padding:3px;
		border:1px solid #d0d0d0;
		font-size:3vw;
		background:#fafafa;
		word-break:break-all;
	}
	.about_rooms table td {
		padding:3px;
		font-size:3vw;
		border:1px solid #d0d0d0;
	}
	
	.agree_btn {
		margin-top:20px;
		text-align:center;
		padding:10px;
		border:1px solid #0c78a6;
		background:#f1fbff;
		color:#0c78a6;
	}
	
	#additional_info p {
		font-size:3.6vw;
	}
	
	.contact_box dl dd .ymd > div {
		margin:5px 0;
	}
	.contact_box dl dd .ymd > div select {
		padding:5px;
		border:1px solid #c0c0c0;
		border-radius:5px;
		width:30%;
	}
	
	.int_btn {
		margin-top:20px;
		text-align:center;
		padding:10px;
		border:1px solid #0c78a6;
		background:#f1fbff;
		color:#0c78a6;
	}
	.introduce_box {
		padding-bottom:20px;
		border-bottom:1px solid #f0f0f0;
	}
	.introduce_box p {
		margin-top:10px;
		font-size:3.2vw;
		color:#cc0000;
	}
	#another_content p {
		font-size:3.6vw;
		font-weight:500;
	}
	#another_content p span {
		display:block;
		margin-bottom:10px;
	}
	
	
	

}/* End SP */