@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }
  
/* Global Reset & Standards ---------------------- */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size:18px }
body { font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 100%; line-height:1; color:#1d2b53; font-weight:nomal; position: relative; -webkit-font-smoothing: antialiased; }
img { border:0px; max-width: 100%}
figure { margin: 0 }

/* The Grid ---------------------- */
.row { width:960px; max-width: 100%; min-width: 601px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -8px; }
.row.collapse .column,
.row.collapse .columns { padding: 0 }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -8px; }
.row .row.collapse { margin: 0 }
.column,
.columns { float: left; min-height: 1px; padding: 0 8px; /* position: relative;*/ }
.column.centered,
.columns.centered { float: none; margin: 0 auto; }
[class*="column"] + [class*="column"]:last-child { float: /*right*/left }
[class*="column"] + [class*="column"].end { float: left }
.one,.row .one { width: 8.33333% }
.two,.row .two { width: 16.66667% }
.threes,.row .threes { width: 20% }
.three,.row .three { width: 25% }
.four,.row .four { width: 33.33333% }
.five,.row .five { width: 41.66667% }
.six,.row .six { width: 50% }
.seven,.row .seven { width: 58.33333% }
.eight,.row .eight { width: 66.66667% }
.nine,.row .nine { width: 75% }
.ten,.row .ten { width: 83.33333% }
.eleven,.row .eleven { width: 91.66667% }
.twelve,.row .twelve { width: 100% }
.row:before,.row:after { content: ""; display: table; }
.row:after { clear: both }
img,object,embed { height: auto }
object,embed { height: 100% }
img { -ms-interpolation-mode: bicubic }


/* google map ---------------------- */
.ggmap { position:relative;  /*padding-bottom: 56.25%; padding-top: px;*/ height: 224px; overflow: hidden; }
.ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


h1,h2,h3,h4,h5,h6,p,a{ font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; color:#1d2b53; text-rendering: optimizeLegibility; line-height: 1;  }
p { font-size: 18px; font-size: 1.0rem; line-height: 1.444; }
h1 { font-size: 51px; font-size: 2.83rem; line-height: 1; }
h2 { font-size: 36px; font-size: 2.00rem; line-height: 1;}
h3 { font-size: 26px; font-size: 1.44rem; line-height: 1; }
h4 { font-size: 18px; font-size: 1.00rem; line-height: 1;}
h5 { font-size: 20px; font-size: 1.11rem; line-height: 1;}
.kome { font-size: 13px; font-size: 0.72rem; line-height: 1; }
.strong,b { font-weight: bold; line-height: 1.444; }

hr { clear: both; /*margin: 8px 0 8px; height: 0;*/ }

.mb9{ margin-bottom:9px;}
.mb18{ margin-bottom:18px;}
.mb26{ margin-bottom:26px;}
.mb36{ margin-bottom:36px;}
.mb51{ margin-bottom:51px;}
.mb72{ margin-bottom:72px;}
.mb144{ margin-bottom:144px;}

.tar { text-align:right;}
.tac { text-align: center;}

.noleftmargin { margin-left: 0px; padding-left: 0px;}
.nomargin { margin: 0px; padding: 0px;}
.norightmargin { margin-right: 0px; padding-right: 0px;}

#page-top { font-size:100%; position: fixed; bottom: 20px; right: 20px; margin-bottom:5px;}
#page-top a { color: #1d2b53;  background:#65bbf4; text-decoration: none; padding: 20px 25px; text-align: center; display: block; border-radius: 50px;}
#page-top a:hover {text-decoration: none; opacity:0.6;}

.onlymobile { display:none; }

ul { list-style:none; }
a { text-decoration: none; }

.copyright p{ font-size:12px; padding:6px; text-align:center;}


i { margin-right:1%; }
.pdl16 { padding-left:16px; }
.pdr16 { padding-right:16px; }


/* CONTENT ---------------------- */
/* top ------- */
header{ padding:36px 0px; background-color:#1d2b53; }
header .logo{ /*float:left;*/ margin-right:8px;}
header .name a h2{ color:#fff; font-size: 26px; font-size: 1.44rem; line-height: 1; font-weight:bold; margin:2px 0px 8px; }
header .name a h1{ color:#fff; font-size: 36px; font-size: 2.00rem; line-height: 1; font-weight:bold; }
header .tel { text-align:right; }
header p{ color:#65bbf4; font-weight:bold; margin-bottom:4px; }
header p a{ color:#65bbf4; }
header a.button{ color:#fff; font-weight:bold; border:#fff 1px solid; padding:12.5px 0px; width:161px; display:block; margin:0 0 0 auto; text-align:center;
background: #1d2b53; /* Old browsers */
background: -moz-linear-gradient(top, #1d2b53 0%, #1d2b53 45%, #1d2b53 61%, #1d2b53 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1d2b53 0%,#1d2b53 45%,#1d2b53 61%,#1d2b53 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, #1d2b53 0%,#1d2b53 45%,#1b2364 61%,#1b2364 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2b53', endColorstr='#1b2364',GradientType=0 ); /* IE6-9 */}
header a.button:hover { border:#65bbf4 1px solid; color:#65bbf4;}

nav { padding:26px 0px; border-bottom:2px dotted #1d2b53;}
nav ul { font-size:0; }
nav ul li { display:inline-block; width:16.666667%; padding:0px 1px;}
nav ul li:last-child { padding-right:0px; }
nav ul li a{ color:#fff; padding:26px 0px; display:block; text-align:center;  font-size: 18px; font-size: 1.0rem; line-height: 1; font-weight:bold;
background: #1d2b53;
background: -moz-linear-gradient(top, #1d2b53 0%, #1f368b 15%, #65bbf4 95%, #1d2b53 100%);
background: -webkit-linear-gradient(top, #1d2b53 0%,#1f368b 15%,#65bbf4 95%,#1d2b53 100%);
background: linear-gradient(to top, #1d2b53 0%,#1f368b 15%,#65bbf4 95%,#1d2b53 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2b53', endColorstr='#1d2b53',GradientType=0 );}
nav ul li a:hover{ opacity:0.8; }

.flexslider-container{ padding:26px 0px; border-bottom:3px solid #1d2b53; margin-bottom:72px;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#1d2b53',GradientType=1 ); /* IE6-9 */}

#pickup { margin-bottom:21px; }
#pickup .box { border-top:8px solid #1d2b53; margin-bottom:51px; background-color:#1d2b53; transition: background-color 1s; -webkit-transition: background-color 1s;}
#pickup .box a img{ display:block; backface-visibility: hidden; transition:opacity 1s; -webkit-transition:opacity 1s;}
#pickup .box a h3{ font-size:18px; font-size:1.0rem; line-height:1; padding:18px 0px; text-align:center; color:#fff;}
#pickup .box:hover{ background-color:#1f368b; }
#pickup .box a img:hover { opacity:0.8; }

#title h2{ color:#fff; padding:18px; font-size:18px; font-size:1.0rem; line-height:1; margin-bottom:26px; font-weight:bold;
background: #1d2b53;
background: -moz-linear-gradient(top, #1d2b53 0%, #333333 15%, #65bbf4 95%, #1d2b53 100%);
background: -webkit-linear-gradient(top, #1d2b53 0%,#333333 15%,#65bbf4 95%,#1d2b53 100%);
background: linear-gradient(to top, #1d2b53 0%,#1f368b 15%,#65bbf4 95%,#1d2b53 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2b53', endColorstr='#1d2b53',GradientType=0 );}
h3.title{ font-weight: bold; margin-bottom:18px; padding: 0em 0em 0em 0.45em; border-left: 8px solid #1f368b; font-size:18px; font-size:1.0rem; line-height:1; color:#1f368b; }

#info { margin-bottom:72px; }
#info #title h2{ margin-bottom:8px; }
table.news { border-collapse: collapse; width: 100%; border-top:none; }
table.news tr { border-bottom: 1px dotted #1d2b53; }
table.news th { padding: 18px 0px; width: 20%; font-weight:bold; text-align:left; line-height:1; }
table.news td { padding: 18px; width: 80%; line-height:1; }

#info p.tel { font-size: 36px; font-size: 2.00rem; line-height: 1; color:#ba272d; font-weight:bold; margin:10px 0px 5px; text-align:center; letter-spacing:-0.05em}
#info p.tel a{ color:#ba272d; }
#info p { text-align:center; margin-bottom:14px; }
#info a.button{ color:#fff; font-weight:bold; padding:9px 0px; display:block; width:217px; margin:0 auto; text-align:center;  border:1px solid #fff; 
background: #1d2b53; /* Old browsers */
background: -moz-linear-gradient(top, #1d2b53 0%, #1d2b53 45%, #1d2b53 61%, #1d2b53 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1d2b53 0%,#1d2b53 45%,#1d2b53 61%,#1d2b53 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, #1d2b53 0%,#1d2b53 45%,#1b2364 61%,#1b2364 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2b53', endColorstr='#1b2364',GradientType=0 ); /* IE6-9 */}
#info a.button:hover { border:1px solid #65bbf4;  color:#65bbf4;}
#info .information { padding-bottom:18px; border-bottom:1px solid #1d2b53; }

footer { padding:26px 0px; background-color:#1d2b53; margin-top:144px; }
footer h2 { color:#fff; font-weight:bold; margin-bottom:14px; }
footer ul {}
footer ul li { display: inline-block; color: #fff; font-weight: bold; line-height: 1.444; }
footer ul li a { color:#65bbf4; }
footer ul li a:hover { text-decoration: underline;}


/* sub ------- */
nav.sub { padding:26px 0px; border-bottom:3px solid #1d2b53; margin-bottom:26px; }
footer.sub { margin-top:93px; }
ul.gallery li { margin-bottom:26px; }
ul.gallery li p { padding-top:9px; line-height:1; }

ul.gallery-w li { margin-bottom:36px; }
ul.gallery-w li p { padding-top:4px; line-height:1; text-align: center;  }



table { border-collapse: collapse; width: 100%; border-top: 1px dotted #1d2b53;}
table tr { border-bottom: 1px dotted #1d2b53; }
table th { padding: 14px 28px; width: 25%; font-weight:bold; text-align:right; vertical-align:middle; }
table td { padding: 14px 28px; width: 75%; line-height:1.444;}

p.contact-tel { font-size: 51px; font-size: 2.83rem; line-height: 1; color:#65bbf4; font-weight:bold; margin-bottom:14px;}
p.contact-tel a{ color:#65bbf4; }
p span{ color:#ba272d; font-weight:bold; }
p span a{ color:#ba272d;}

table.contact { margin-top:32px; }
table.contact tr { border-top: 1px dotted #1d2b53; border-bottom:none; }
table.contact th { padding: 14px 28px; width: 33.3%; font-weight:bold; text-align:right; vertical-align:middle; }
table.contact th span { color: #fff; background-color: #1d2b53; font-size: 13px; line-height: 1; font-size: 0.72rem; padding: 1px 3px; }
table.contact td { padding: 14px 28px; width: 66.6%; }
table.contact textarea { width: 70% }
table.contact input[type="text"] { width: 50%; }
table.contact input[type="submit"]{ color:#65bbf4; padding:16px 18px;  font-size: 18px; font-size: 1.00rem; line-height: 1;  border:1px solid #fff;  color:#fff; font-weight:bold; 
background: #1d2b53; /* Old browsers */
background: -moz-linear-gradient(top, #1d2b53 0%, #1d2b53 45%, #1d2b53 61%, #1d2b53 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1d2b53 0%,#1d2b53 45%,#1d2b53 61%,#1d2b53 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, #1d2b53 0%,#1d2b53 45%,#1b2364 61%,#1b2364 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2b53', endColorstr='#1b2364',GradientType=0 ); /* IE6-9 */}
table.contact input[type="submit"]:hover{ border:1px solid #65bbf4; color:#65bbf4; }







@media only screen and (max-width: 740px) {
	.pdl16 { padding-left:8px; }
	.pdr16 { padding-right:8px; }
	
	
	header .seven.columns{ width:100%; float:none !important; }
	header .five.columns.tel{ width:100%; float:none !important; text-align:left; margin-top:18px; }
	header a.button{ margin:0 auto 0 0; }
	nav ul li { width:33.3333%; padding-bottom:2px; }
	nav ul li:last-child { padding-right:1px; }
	#info .eight.columns{ width:100%; float:none !important; }
	#info .four.columns{ width:100%; float:none !important; }
	#info .four.columns .information { margin-top:51px; }
	
	



}


@media only screen and (max-width: 600px) {
	html { font-size:16px }
	body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
	.row { width: 100%; max-width: 100%; min-width: 1px; margin: 0 auto; } 
	.column, .columns { width: auto !important; float: none; }
	.column:last-child, .columns:last-child { float: none }
	[class*="column"] + [class*="column"]:last-child { float: none }
	.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
	.column:after, .columns:after { clear: both }
	.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important }
	.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto }
	.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto }
	/* Mobile 4-column Grid */
	.row .mobile-one { width: 25% !important; float: left; padding: 0 5px; }
	.row .mobile-one:last-child { float: right }
	.row .mobile-one.end { float: left }
	.row.collapse .mobile-one { padding: 0 }
	.row .mobile-two { width: 50% !important; float: left; /*padding: 0 5px;*/ padding: 0 10px 0px 0px; /* margin-bottom:10px; */}
	.row .mobile-two:last-child {  float: /*right*/left }
	.row .mobile-two.end { float: left }
	.row.collapse .mobile-two { padding: 0 }
	.row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
	.row .mobile-three:last-child { float: right }
	.row .mobile-three.end { float: left }
	.row.collapse .mobile-three { padding: 0 }
	.row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
	.row .mobile-four:last-child { float: right }
	.row .mobile-four.end { float: left }
	.row.collapse .mobile-four { padding: 0 }
	.noleftmarg {padding:0px !important;}
	
	.noleftmargin { margin: 0px; padding: 0px;}
	.nomargin { margin: 0px; padding: 0px;}
	.norightmargin { margin: 0px; padding: 0px;}
	
	
	#pickup .four.columns { width:50% !important; float:left; } 
	
	/* sub ------- */
	.gallery li.four.columns { width:50% !important; float:left; }
	.gallery-w li.six.columns { width:50% !important; float:left; }
	table th { padding: 14px 8px; }
	table td { padding: 14px 8px; }
	table.contact th { padding: 14px 8px; }
	table.contact td { padding: 14px 8px; }
	
 }