ml,body { margin:0; padding:0; background-color:#FFF; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; color:#231815;  }
img { vertical-align:middle; }
body * { box-sizing: border-box; margin:0; padding:0; }

.ctsFrm { width:100%; max-width:1000px; margin:0 auto; }
.flexBox{ display:flex;  }
.fxJcSb { justify-content: space-between; }
.fxJcC { justify-content: center; }

.fxAiC  { align-items: center; }
.fxAiE  { align-items: end; }


h2 { font-size:24px; padding:24px;  }
h3 { text-align:center; }
h4 { border-top:6px solid #5eb7e8; padding-top:12px; width:240px; margin:12px auto; text-align:center; color:#5eb7e8;  }
p  { font-size:16px;  }
.txtR { text-align:right; }

/* * */
header  { width:100%; background-color:#FFF;  border-top:18px solid #5eb7e8; padding:18px 0; border-bottom:1px solid #CCC; box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3); position:fixed; top:0; left:0; z-index:99;  }
#hIcon img { margin-left:1.5em; }

h1 { font-size:11px; text-align:right; }

#menu { list-style-type:none; margin-top:18px; }
#menu li { width:16.5%; text-align:center; border-right:1px solid #9fa0a0; }
#menu li:first-child { border-left:1px solid #9fa0a0; } 
#menu li a   { display:block; text-decoration:none; color:#5eb7e8; padding:8px 0; font-size:14px; }
#menu li a div { color:#231815; font-size:10px; }

/* footer */
footer { background-color:#5eb7e8; color:#FFF; margin-top:48px; font-size:12px; }
#ftInfo { padding:12px 0; }
#ftInfo img { margin-right:1em; }
#copyright { background-color:#231815; padding:8px; text-align:center; }
/* home */
section#home    { text-align:center; margin-top:174px; padding-bottom:24px; }
section#home ul { width:100%; max-width:1000px; height:570px; margin:0 auto; }
section#home li { margin:0; padding:0; }
section#home li img { width:100%; height:auto; }
section#home h2 { }
section#home p  { }

/* tpService */
section#tpService { padding-top:48px; text-align:center; }
section#tpService ul { display:flex; justify-content: space-between; flex-wrap:wrap; list-style-type:none; padding:0; }
section#tpService li { border:3px solid #5eb7e8; margin:12px 0; padding:10px; border-radius:10px; }
section#tpService li:first-child,section#tpService li:nth-child(2) { padding:10px; width:488px; }
section#tpService li div { color:#5eb7e8; font-size:18px; margin-top:6px; }
section#tpService li div div { color:#231815; font-size:14px; margin:0; }
section#tpService li:first-child div,section#tpService li:nth-child(2) div { width:200px; }


/* news */
section#news { background-color:#5eb7e8; color:#FFF; margin:48px 0; padding:48px 0; text-align:center; } 
section#news h4  { border-top:6px solid #FFF; color:#FFF; }
section#news ul  { list-style-type:none; padding:0; margin-top:48px; }
section#news li  {  margin:0; padding:0; width:225px; }

.thumb { width:100%; height:140px; overflow:hidden; }
.thumb img { width:100%; height:auto; vertical-align:bottom; }
.newsT { text-align:left; margin-top:8px; font-size:14px; height:4.5em; }
.newInfo { font-size:12px; }

a.hrefBtn { display:block; width:260px; background-color:#FFF; padding:6px; margin:16px auto; border-radius:16px; text-decoration:none; color:#5eb7e8; }

/* about */
section#tpAbout { padding-top:48px; text-align:center; }
section#tpAbout h5 { text-align:left; border-bottom:1px solid #231815; margin:24px 0; }

div#greeting { width:42%; text-align:justify; font-size:14px; line-height:160%; }
div#gmap     { width:55%; }
div#gmap iframe { width:100%; height:330px; }


div#company { }
div#company dl { width:48%; flex-wrap:wrap; font-size:14px; }
div#company dt { width:20%; text-align:left; }
div#company dd { width:80%; text-align:left; }


.sp { display:none; }


/* contact */
section#contact { margin-top:174px; padding-bottom:68px; }
section#contact dl { flex-wrap:wrap; }
section#contact dt { width:20%; margin:0; padding:4px; }
section#contact dd { width:80%; margin:0; padding:4px; }
section#contact input,section#contact textarea { width:100%; padding:4px; border-radius:4px; border:1px solid #999; }
section#contact textarea { height:120px; }
section#contact p { text-align:center; padding:16px 0 0 0; }
section#contact button { background-color:#5eb7e8; color:#FFF; width:200px; line-height:32px; border:1px solid #5eb7e8;  border-radius:14px; }

section#privacypolicy {   }
section#privacypolicy p  { font-size:14px; }
section#privacypolicy dl { font-size:14px; }
section#privacypolicy dt { color:#5eb7e8; margin-top:24px; }
section#privacypolicy dd { } 

#msgbox { margin:24px 0 0 0; }
.mgbox { text-align:center; padding:6px; border:3px solid #9acd32; color:#9acd32; }
.errbox { text-align:center; padding:6px; border:3px solid #FF0000; color:red; }


/* recruit */
section#recruit { margin-top:174px; padding-bottom:68px; text-align:center; }
section#recruit p { padding:64px; border:1px solid #999; }


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

	.sp { display:block; }

	h2 { font-size:3.8vw; }
	h3 { font-size:3.2vw; }
	h4 { font-size:2.8vw; }

	header { padding:8px 0 8px 8px; }

	section#home { margin-top:90px; }
	section#home ul { width:100%; height:auto; }
	section#home img   { width:100%; height:auto; }
	section#home p     { width:90%;  margin:0 auto; text-align:left; }

	#hIcon img,#menu { display:none; }
	
	section#tpService ul { width:90%; margin:0 auto; }
	section#tpService li { width:48%;width:48%; }
	section#tpService li img { width:100%; }
	section#tpService li:first-child,section#tpService li:nth-child(2) { width:100%; margin:12px auto; max-width:488px; }
	section#tpService li:first-child div,section#tpService li:nth-child(2) div { width:auto; }
	section#tpService li:first-child img,section#tpService li:nth-child(2) img { width:55%; }

	section#tpService li div { font-size:3.4vw; }
	section#tpService li div div { font-size:2.8vw; }


	section#news ul  { margin-top:24px auto; width:90%; flex-wrap:wrap; }
	section#news li  { margin:0 0 24px 0; padding:0; width:48%; max-width:225px; }

	section#tpAbout { width:90%; margin:24px auto; }
	section#tpAbout div.flexBox { display:block; }

	div#greeting { width:100%; margin-bottom:24px; }
	div#gmap     { width:100%; }

	div#company { }
	div#company dl { width:100%; font-size:14px; }
	div#company dt { width:20%; text-align:left; margin:0; padding:0; }
	div#company dd { width:80%; text-align:left; margin:0; padding:0; }


/* footer */
	footer { text-align:center; }
	footer div.flexBox { display:block;}
	#ftInfo { padding:12px 0; }
	#ftInfo img { margin-right:1em; }


	section#contact,section#recruit { margin-top:90px; width:90%; margin:90px auto; }
	section#contact dt ,section#contact dd { width:100%; }
	section#privacypolicy { width:90%;   }

}