﻿/* PC用スタイルスタイル--------------------------------------------------------------------------------------------------------------------------------------------- */

@media print, screen and (min-width: 769px)  {



.page_top_img_in{
	width:100%;
	max-width:1100px;
	height:auto;
	margin:0 auto 30px auto;
}


.page_top_img_in.mobirest{
	max-width:1200px;
	width:100%;
	margin:0 auto 60px auto;
}

.tel_mobirest{
	max-width:1200px;
	width:97%;

	text-align: right;
	margin:0 auto;

	font-family: source-han-serif-japanese, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	line-height: 160%;

}


.page_top_img_in img{
	width:100%;
	height:auto;

}



/* お問い合わせフォーム---------------------------------------------- */


#contact-t{
	width:100%;
	height:auto;
	margin-bottom:20px;
	text-align:left;
	padding:15px;
	border:1px solid #CCC;
}

#contact-f{
	width:100%;
	height:auto;
	margin-bottom:30px;
}

#contact-f table{
	width:100%;
	height:auto;
	border-top:1px solid #cccccc;
}

#contact-f th,td{
	padding:15px;
}

#contact-f th{
	font-size:13px;
	border-collapse:collapse;

	border-bottom:1px solid #cccccc;
	text-align:left;
	font-weight:bold;
	color:#333;
	width:25%;	
	
	box-sizing: border-box;

	vertical-align:middle;
}

#contact-f td{
	font-size:13px;
	border-collapse:collapse;
	text-align:left;
	border-bottom:1px solid #cccccc;
	background:#FFF;
	
	box-sizing: border-box;
}

#contact-f.mobirest th,
#contact-f.mobirest td{
	font-family: source-han-serif-japanese, serif;
	font-weight: 600;
	font-style: normal;
}


#contact-f span{
	color:#F00;
	font-size:12px;

}

.with-form1{
	width:90%;
	margin-right:5px;
	padding:5px;
	border:1px solid #CCC;
}

.with-form3{
	width:450px;
	margin-right:5px;
	padding:5px;
	border:1px solid #CCC;
	padding:5px;
}



.margin-r1{
	margin-right:5px;
}

.margin-r2{
	margin-right:15px;
}

#form-center{
	margin-left:0 !important;
	margin-top:20px;
	text-align:center;
}

#form-center-mobirest{
	margin-left:0 !important;
	margin-top:20px;
	margin-bottom: 60px;
	text-align:center;

	font-family: source-han-serif-japanese, serif;
	font-weight: 400;
	font-style: normal;
}

input:focus {
    border:solid 1px #EEA34A;
}

textarea:focus {
    border:solid 1px #EEA34A;
}




input.submit_button {
	width:150px;
	height:auto;
	padding:15px 0;
    font-size: 1.2em;
    background-color:#E7E4DD;
    color:#666;
	font-weight:bold;
    border-style: none;
	text-align:center;

	/*角丸*/
	-webkit-border-radius: 3px;     /* for Safari and Chrome */
	moz-border-radius: 3px;    /* for Firefox */
	-o-border-radius: 3px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:3px;   /* Linux browsers */
	border-radius: 3px;     /* CSS3 */
     behavior: url(css/border-radius.htc); /* IE用 */
	/*角丸*/

		
}

input.submit_button:hover {
	opacity: 0.7;
	filter: Alpha(opacity=70); 
}

}



/* タブレット用スタイル--------------------------------------------------------------------------------------------------------------------------------------------- */



@media screen and (max-width: 768px) {

	
.page_top_img_in{
	width:100%;
	height:auto;
	margin:0 auto 30px auto;
}


.page_top_img_in.mobirest{
	max-width:1200px;
	width:100%;
	margin:0 auto 50px auto;
}

.tel_mobirest{
	max-width:1200px;
	width:97%;

	text-align: right;
	margin:0 auto;

	font-family: source-han-serif-japanese, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 160%;

}

.tel_mobirest span::before{
	content: "\A" ;
	white-space: pre ;
}


.page_top_img_in img{
	width:100%;
	height:auto;

}


.page_top_img_in.mobirest img{
	height: 180px;
	width:100%;
	object-fit: cover;
}



/* お問い合わせフォーム---------------------------------------------- */


#contact-t{
	width:100%;
	height:auto;
	margin-bottom:20px;
	text-align:left;
	padding:15px;
	border:1px solid #CCC;
}



#contact-f{
	width:100%;
	height:auto;
	margin-bottom:30px;
}

#contact-f table{
	width:100%;
	height:auto;
	border-top:1px solid #cccccc;
}

#contact-f th,td{
	padding:15px;
}

#contact-f th{
	font-size:13px;
	border-collapse:collapse;

	border-bottom:1px solid #cccccc;
	text-align:left;
	font-weight:bold;
	color:#333;
	width:25%;
	
	box-sizing: border-box;

	vertical-align:middle;
}

#contact-f td{
	font-size:13px;
	border-collapse:collapse;
	text-align:left;
	border-bottom:1px solid #cccccc;
	background:#FFF;
	
	box-sizing: border-box;
}

#contact-f.mobirest th,
#contact-f.mobirest td{
	font-family: source-han-serif-japanese, serif;
	font-weight: 600;
	font-style: normal;
}

#contact-f span{
	color:#F00;
	font-size:12px;

}

.with-form1{
	width:90%;
	margin-right:5px;
	padding:5px;
	border:1px solid #CCC;
}

.with-form3{
	width:450px;
	margin-right:5px;
	padding:5px;
	border:1px solid #CCC;
	padding:5px;
}



.margin-r1{
	margin-right:5px;
}

.margin-r2{
	margin-right:15px;
}

#form-center{
	margin-left:0 !important;
	margin-top:20px;
	text-align:center;
}

#form-center-mobirest{
	margin-left:0 !important;
	margin-top:20px;
	margin-bottom: 50px;
	text-align:center;

	font-family: source-han-serif-japanese, serif;
	font-weight: 400;
	font-style: normal;
}

input:focus {
    border:solid 1px #EEA34A;
}

textarea:focus {
    border:solid 1px #EEA34A;
}




input.submit_button {
	width:150px;
	height:auto;
	padding:15px 0;
    font-size: 1.2em;
    background-color:#E7E4DD;
    color:#666;
	font-weight:bold;
    border-style: none;
	text-align:center;

	/*角丸*/
	-webkit-border-radius: 3px;     /* for Safari and Chrome */
	moz-border-radius: 3px;    /* for Firefox */
	-o-border-radius: 3px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:3px;   /* Linux browsers */
	border-radius: 3px;     /* CSS3 */
     behavior: url(css/border-radius.htc); /* IE用 */
	/*角丸*/

		
}

input.submit_button:hover {
	opacity: 0.7;
	filter: Alpha(opacity=70); 
}


}



/* スマホ用スタイル--------------------------------------------------------------------------------------------------------------------------------------------- */


@media screen and (max-width: 639px) {

	
.page_top_img_in{
	width:100%;
	height:auto;
	margin:0 auto 20px auto;
}


.page_top_img_in.mobirest{
	max-width:1200px;
	width:100%;
	margin:0 auto 40px auto;
}


.tel_mobirest{
	max-width:1200px;
	width:97%;

	text-align: right;
	margin:0 auto;

	font-family: source-han-serif-japanese, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 160%;

}

.tel_mobirest span::before{
	content: "\A" ;
	white-space: pre ;
}


.page_top_img_in img{
	width:100%;
	height:auto;

}


.page_top_img_in.mobirest img{
	height: 160px;
	width:100%;
	object-fit: cover;
}


/* お問い合わせフォーム---------------------------------------------- */


#contact-t{
	width:100%;
	height:auto;
	margin-bottom:20px;
	text-align:left;
	padding:15px;
	border:1px solid #CCC;
}



#contact-f{
	width:100%;
	height:auto;
	margin-bottom:30px;
}

#contact-f table{
	width:100%;
	height:auto;
	border-top:1px solid #cccccc;
}


#contact-f th{
	font-size:13px;
	border-collapse:collapse;

	border-bottom:none;
	text-align:left;
	font-weight:bold;
	color:#333;
	
	width:96% !important;
	display:block;
	padding:2%;	
	
	
	box-sizing: border-box;

	vertical-align:middle;

}

#contact-f td{
	width:100%;
	font-size:13px;
	border-collapse:collapse;
	text-align:left;
	border-bottom:1px solid #cccccc;
	background:#FFF;
	
	width:100%;
	display:block;
	padding:0px 5px 10px 5px;
	
	box-sizing: border-box;
}

#contact-f.mobirest th,
#contact-f.mobirest td{
	font-family: source-han-serif-japanese, serif;
	font-weight: 600;
	font-style: normal;
}



#contact-f span{
	color:#F00;
	font-size:12px;

}

.with-form1{
	width:90%;
	margin-right:5px;
	padding:5px;
	border:1px solid #CCC;
}

.with-form3{
	width:450px;
	margin-right:5px;
	padding:5px;
	border:1px solid #CCC;
	padding:5px;
}



.margin-r1{
	margin-right:5px;
}

.margin-r2{
	margin-right:15px;
}

#form-center{
	margin-left:0 !important;
	margin-top:20px;
	text-align:center;
}


#form-center-mobirest{
	margin-left:0 !important;
	margin-top:20px;
	margin-bottom: 40px;
	text-align:center;

	font-family: source-han-serif-japanese, serif;
	font-weight: 400;
	font-style: normal;
}


input:focus {
    border:solid 1px #EEA34A;
}

textarea:focus {
    border:solid 1px #EEA34A;
}




input.submit_button {
	width:130px;
	height:auto;
	padding:15px 0;
    font-size: 1.2em;
    background-color:#E7E4DD;
    color:#666;
	font-weight:bold;
    border-style: none;
	text-align:center;

	/*角丸*/
	-webkit-border-radius: 3px;     /* for Safari and Chrome */
	moz-border-radius: 3px;    /* for Firefox */
	-o-border-radius: 3px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:3px;   /* Linux browsers */
	border-radius: 3px;     /* CSS3 */
     behavior: url(css/border-radius.htc); /* IE用 */
	/*角丸*/

	
}

input.submit_button:hover {
	opacity: 0.7;
	filter: Alpha(opacity=70); 
}

}

