@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html{
  min-height: 100%;
  position: relative;
}

body{
	width: 100%;
	margin: 0 auto 3em;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#444;
	background-color:#fbfbfb;
	font-size:95%;
}
a {
	color:#00c;
}

@media (max-width:600px){
	body{
		font-size:85%;
	}
}

.mglr2{
	padding-left: 3%;
	padding-right: 3%;
}
.fitleft{
	width:fit-content;
	margin:0 auto;
}
.fs90{
	font-size:90%;
}
.fs80{
	font-size: 90%;
}


h1{
	letter-spacing: 7px;
	padding: 6px 0 3px;
	margin: 4% auto 3%;
	color: #666;
	text-align: center;
	font-size: 115%;
	border-top: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 3px,#eee 3px, #eee 7px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 3px,#fff 3px, #eee 7px);
}
footer{
	text-align:center;
	padding:8px;
	color:#fff;
	background-color:#555;
	bottom: 0;
	height: 2.5em;
	position: absolute;
	width:100%;

}

/*index.html headerここから*/
header{
	text-align:center;
	margin: 5% auto;
}

header img{
    max-width:250px;
}

header p{
	margin:2% auto;
}


/*index.html headerここまで*/


/*index.html コンテンツここから*/
.contbox{
	max-width:1200px;
	margin:0 auto;
}

.contbox2{
	padding: 0 0 15px;
	max-width:1200px;
	margin:0 auto;
}
.photo02{
	margin: 0 2% 5%;
	float:left;
	width: 21%;
	/* position: relative; */
	padding: 5px;
	border: 1px solid #ccc;
	background-color:#fff
	/*-webkit-box-shadow: 3px 3px 3px #ccc;
	-moz-box-shadow: 3px 3px 3px #ccc;
	box-shadow: 3px 3px 3px #ccc;
    /* IE */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true); /* IE5.5+ */
}
.photo02 p{
	margin-top:6%;
	font-size: 100%;
	display:inline-block;
	height:3em;
	overflow:hidden;
	line-height:125%;
	letter-spacing:0;
	padding:0 5px;
}

/*index.html コンテンツここまで*/

/*アピオについてテーブルここから*/
table.type03 {
    border-collapse: collapse;
    text-align: center;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 3px solid #666;
    width: 100%;
    margin:  0 auto;
}
table.type03 th {
    width: 25%;
    padding: 5px 10px;
    font-weight: bold;
    vertical-align: middle;
    color: #444;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color:#f8f8f8;
}
table.type03 td {
    width: 75%;
    font-size: 95%;
    padding:5px 10px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color:#fff;
    text-align:left;
}
/*アピオについてテーブルここまで*/
form{
	margin-top:5px;
}
.formbuttons{
	width:96%;
	text-align:center;
}
.formbuttons input{
	font-size:110%;
	margin-top:10px;
	padding:5px;
}
.privacy h3{
	color:#383;
	border-bottom:3px double #383;
	margin-bottom:10px;
}
.privacy h4{
	color:#383;
	font-size:90%;
	margin-top:10px;
}
.privacy p{
	font-size:80%;
	margin-top:3px;
	line-height:120%;
}
.hissu{
	font-size:85%;
	display:inline-block;
	color:#f00;
}
.thanks p{
	max-width:600px;
	margin:0 auto 20px;
}
#map{
	height: 330px;
	width: 100%;
	margin:0;
}


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

	H1{
		letter-spacing:3px;
		font-size:105%;
	}

	/*index.html headerここから*/
	header img{
		width:45%;	
	}
	header p{
		font-size:90%;
		margin:2% auto;
	}
	/*index.html headerここまで*/



	/*index.html 製作実績例ここから*/

	.contbox2 div{
		margin:0 1% 10px;
		float:left;

	}
	.contbox2 p{
		font-size: 85%;
	}

	.photo02{
		width:31%;
	}

	.map_canvas{
		position: relative;
		padding: 0 0 66%;
		height: 0;
		overflow: hidden;
	}
	.map_canvas iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}


	/*index.html 製作実績例ここまで*/


}

/*chonao.netお知らせ用*/
.contbox2 div.chonai_banner{
	text-align: center;
	margin:10px auto;
}
.chonai_banner a img{
	width:500px;
	max-width:70%
}