@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:16px }
body { font-family: "Noto Sans JP",'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', sans-serif; font-size: 100%; line-height:1; color:#39403A; font-weight:nomal; position: relative; -webkit-font-smoothing: antialiased; /*background: linear-gradient(-20deg, #2A3039 0%, #4A4848 100%);*/ }
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: 'Noto Serif JP', "Noto Sans JP",'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', sans-serif; color:#39403A; text-rendering: optimizeLegibility; line-height: 1;  }
p { font-size: 16px; font-size: 1.0rem; line-height: 1.75; }
h1 { font-size: 51px; font-size: 3.187rem; line-height: 1; }
h2 { font-size: 36px; font-size: 2.25rem; line-height: 1;}
h3 { font-size: 26px; font-size: 1.625rem; line-height: 1; }
h4 { font-size: 18px; font-size: 1.125rem; line-height: 1;}
h5 { font-size: 20px; font-size: 1.25rem; 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;}
.mb12{ margin-bottom:12px;}
.mb18{ margin-bottom:18px;}
.mb20{ margin-bottom:20px;}
.mb26{ margin-bottom:26px;}
.mb36{ margin-bottom:36px;}
.mb51{ margin-bottom:51px;}
.mb72{ margin-bottom:72px;}
.mb102{ margin-bottom:102px;}
.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: #000;  background:#acacac; 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:0 2% 0 0; }
.pdl18 { padding-left:18px; }
.pdr18 { padding-right:18px; }
.pdl3p { padding-left: 3%; }


/* CONTENT ---------------------- */
/* top ------- */
header{ padding:51px 0px; background: linear-gradient(-20deg, #FFFEFE 0%, #EBEBEB 100%); }
header h1 a { color: #CAA846; font-weight: 900; text-shadow: 1px 1px 1px #9c9c9c;}
nav { text-align: right; }
nav ul{ }
nav li { display:inline-block; width:15%;  margin-left:8px; /*border-bottom:1px dashed #CAA846;*/ text-align:center;  }
nav li:last-child { margin-right:0px;  }
nav li a{ color: #3CB14B; padding: 15.5px 0px; display:block; text-align:center; font-size: 16px; font-size: 1.0rem; line-height: 1; /* font-family: 'Anton', sans-serif;*/ font-weight:normal;-webkit-transition: all .8s; transition: all .8s; }
nav li a:hover { background-color:rgb(172,172,172,1); color: #fff;}
header p { padding:36px 0px 26px; font-size: 20px; font-size: 1.25rem; line-height:1; text-align:right; color:#000; }
header p a i{ color:#000; margin-left:0.5%; }
header p i:hover { opacity:0.5; }
header p a{ color:#000; font-family: 'Anton', sans-serif; }

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


#pickup { padding-top:72px; /*text-align:center; border-bottom:1px dashed #acacac;*/ margin-top: 72px;}
#pickup h2 {/*color: #3CB14B; font-weight: 900;*/ margin-bottom: 72px;}
#pickup a img{ display:block; margin:0 auto; backface-visibility: hidden; margin-bottom:18px; transition:all .5s; -webkit-transition:all .5s;
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.3); }
#pickup a img:hover { opacity:0.5;}
#pickup h3 a{ font-size:26px; font-size:1.625rem; line-height:1; font-family: 'Anton', sans-serif; transition:all .3s; -webkit-transition:all .3s; }
#pickup .box:hover{ background-color:#39ae4a; }
#pickup p {font-size: 16px; font-size: 1rem; line-height: 1.5; margin-top:13px; }
#pickup h3 a:hover{ letter-spacing:3px; }
#pickup a.button{ color:#fff; font-weight:bold; padding:9px 0px; display:block; width:217px; text-align:center; background-color: #3CB14B;   -webkit-transition: all .5s; transition: all .5s; /*margin-top: 24px;*/ margin: 24px 0 0 auto; border-radius: 30px; }
#pickup a.button:hover { opacity: 0.5;}
#pickup .tar { text-align: right;}

.title h2{ font-size: 51px; font-size: 3.187rem;  line-height:1; margin-bottom:72px; color: #3CB14B; text-align: center; font-weight: 900;}
.title h4 { font-size: 42px; font-size: 2.625rem; line-height:1.2; margin-bottom:72px; color: #3CB14B; text-align: center; font-weight: 600;}

#consul { padding:72px 0px; margin-top:72px;}
#consul p { text-align: center; }
#consul p.p22 { font-size: 20px; font-size: 1.25rem; line-height: 1.5; margin-bottom: 30px;}
#consul a.button{ color:#fff; font-weight:bold; padding:12px 0px; display:block; width:300px; text-align:center; background-color: #3CB14B;   -webkit-transition: all .5s; transition: all .5s; /*margin-top: 24px;*/ margin: 30px auto 0 auto ; border-radius: 30px; }
#consul a.button:hover { opacity: 0.5;}
#consul a img:hover { opacity: 0.7;}

/*
#access {padding-bottom: 72px;}
#access a.button{ color:#fff; font-weight:bold; padding:9px 0px; display:block; width:217px; text-align:center; background-color: #CAA846;   -webkit-transition: all .5s; transition: all .5s;}
#access a.button:hover { color:#2E333B; background-color: #C6A959;}
#access h3.title{ font-weight: 600; font-size: 26px; font-size: 1.625rem; line-height:1; margin-bottom:12px; position: relative; padding:15px 0px; border-bottom: 1px solid #B4B4B4; }
#access h3.title:after { position: absolute; bottom: -1px; left: 0; z-index: 2; content: '';  width: 20%; height: 4px; background-color: #B4B4B4; }
*/

#news { margin-bottom:72px; }
table.news { border-collapse: collapse; width: 100%; border-top:none; }
table.news tr { border-bottom: 1px dotted #acacac; border-top: 1px dotted #acacac;}
table.news th { padding: 18px 0px; width: 20%; text-align:left; line-height:1; font-weight: normal;}
table.news td { padding: 18px 8px 18px 18px; width: 80%; line-height:1.444; }
table.news td a{ color: #F5E721;}
table.news td a:hover{ text-decoration: underline; }

#info { margin:72px auto; }
#info p.tel { color: #3CB14B; font-size: 36px; font-size: 2.25rem; line-height: 1;  font-weight:bold; padding:24px 0px 0px; /*border-top:1px dashed #4d4d4d;*/}
#info p.tel a{ color:#39403A; }
#info p { margin-bottom:12px; }
#info a.button{ color:#fff; font-weight:bold; padding:9px 0px; display:block; width:217px; text-align:center; background-color: #3CB14B;   -webkit-transition: all .5s; transition: all .5s; margin-top: 24px;border-radius: 30px;}
#info a.button:hover { opacity: 0.5;}

footer { padding:36px 0px; /*background: linear-gradient(-20deg, #FFFEFE 0%, #EBEBEB 100%);*/ background-color: #3CB14B;; margin-top:144px; }
footer h2 img{ float: left; margin-right: 10px;}
footer h2{margin-bottom:14px;}
footer h2 a{ color: #CAA846; font-weight: 900; text-shadow: 1px 1px 1px #9c9c9c; }
footer ul { padding-left: 3%; margin: 12px 0px;}
footer ul li { display: inline-block; color: #3CB14B; line-height: 1.75; font-weight: bold;}
footer ul li a { color:#fff; }
footer ul li a:hover { opacity:0.5; }


/* sub ------- */
/*header.sub { margin-bottom:36px; }*/
footer.sub { margin-top:72px; }
.title h2.sub{ font-size: 51px; font-size: 3.187rem;  line-height:1; margin:72px 0; text-align: left;}
h3.title-sub{ font-weight: bold; font-size:22px; font-size:1.375rem; line-height:1; margin-bottom:30px;
position: relative; padding-bottom:13px; border-bottom: 1px solid #39ae4a; color: #047F4E; }
h3.title-sub:after { position: absolute; bottom: -1px; left: 0; z-index: 2; content: '';  width:16.66667%; height: 4px; background-color: #39ae4a; }

h2.service { color:#39ae4a; font-weight: 600; margin: 82px auto; text-align: center; }
h3.title{ font-weight: 600; font-size: 26px; font-size: 1.625rem; line-height:1.5; margin-bottom:22px; position: relative; padding:15px 0px; border-bottom: 1px solid #3CB14B; color: #047F4E; }
h3.title:after { position: absolute; bottom: -1px; left: 0; z-index: 2; content: '';  width: 20%; height: 4px; background-color: #3CB14B; }
p.sub { font-size: 18px; font-size: 1.125rem; line-height: 1.8; }

ul.gallery li { margin-bottom:35px; }
ul.gallery li:last-child{ margin-bottom:72px; }
ul.gallery li p { padding-top:9px; line-height:1; height:41px; }
.gallery li.six.columns p { text-align:center; }

table { border-collapse: collapse; width: 100%; border-top:none; font-family: 'Noto Serif JP';}
table tr { border-bottom: 1px dotted #acacac; }
table th { padding: 18px 28px; width: 25%; font-weight:bold; text-align:right; vertical-align:middle; }
table td { padding: 18px 28px; width: 75%; line-height:1.444;}

p.contact-tel { font-size: 51px; font-size: 2.83rem; line-height: 1; color:#39ae4a; font-weight:bold; margin-bottom:14px;}
p.contact-tel a{ color:#39ae4a; }
p.contact-tel a:hover{ text-decoration: none; }
p span{ color:#39ae4a;  font-weight:bold; }
p span a{ color:#39ae4a; }

table.contact { margin-top:32px; }
table.contact tr { border-top: 1px dotted #4d4d4d; border-bottom:none; }
table.contact tr:first-child { border-top:none; }
table.contact th { padding: 14px 28px; width: 33.3%; font-weight:bold; text-align:right; vertical-align:middle; }
table.contact th span { color: #39403A; background-color: #fff; font-size: 13px; font-size: 0.72rem; line-height: 1; 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:#fff; padding:16px 18px;  font-size: 18px; font-size: 1.00rem; line-height: 1;  font-weight:bold; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
background: #39ae4a;  -webkit-transition: all .5s; transition: all .5s; border:none;}
table.contact input[type="submit"]:hover{ border:none; color:#fff; background-color:#46D458 }

.contents a { color: #CAA846; }
.contents a:hover { text-decoration:underline; }
.top-cpntent2 { padding-top:51px; }

#pickup p.sub-pick { line-height: 1.6; margin-bottom: 72px;}
p.about-p {font-size: 18px; font-size: 1.125rem; }
/*sub-consul*/
h3.title-consul{ font-weight: 600; font-size: 24px; font-size: 1.5rem; line-height:1.2; margin-bottom:22px; position: relative; padding:30px 0px 15px; border-bottom: 1px solid #3CB14B; color: #047F4E; }
h3.title-consul:after { position: absolute; bottom: -1px; left: 0; z-index: 2; content: '';  width: 20%; height: 4px; background-color: #3CB14B; }
.consul-flow { margin-bottom: 120px; }
 
/* sub ------- 
nav.sub { padding:26px 0px; border-bottom:3px solid #000; margin-bottom:26px; }
*/


@media only screen and (max-width: 940px) {
	
	header { padding-top:26px; }
	header .three.columns{ width:100%; float:none !important; }
	header .nine.columns{ width:100%; float:none !important; margin-top:16px;  }
	header p {  text-align:left; padding:26px 0px; }
	
	ul.gallery li { margin-bottom:26px; }
	ul.gallery li p { padding-top:9px; line-height:1; height:41px; }
}



@media only screen and (max-width: 740px) {
	.pdl18 { padding-left:8px; }
	.pdr18 { padding-right:8px; }
	
	nav li { width:31.9%; margin-right:4px; }
	.top-cpntent .six.columns.pdr18{ width:100%; float:none !important; }
	.top-cpntent .six.columns.pdl18{ width:100%; float:none !important; }
	
	.onlymobile { display:inherit; }
	.onlypc { display:none;}
	
	
	
	
}


@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;}
	
	header { padding-bottom:11px; }
	nav { text-align: center; margin-top: 15px;}
	nav li { width:22%; margin-right:0px; margin-left: 0px; }
	
	/* top ------- */
	#pickup .four.columns { width:33.3% !important; float:left; }
	.gallery li.four.columns { width:50% !important; float:left; }
	.gallery li.six.columns { width:50% !important; float:left; }

	#pickup { padding: 0 2%;}
	#access { padding: 0 2%;}
	#info { padding: 0 2%;}
	#info a.button { margin-bottom: 24px;}

	
	/* sub ------- */
	table th { padding: 14px 8px; }
	table td { padding: 14px 8px; }
	/*table.contact th { padding: 14px 8px; }*/
	table.contact td { padding: 14px 8px; }
	#ig_timeline{ width: 90%; height: 960px; margin: 0;}

	#sub-sp-contents { padding: 0 2%;}
	

 }
 
 
@media only screen and (max-width: 430px) {
	ul.gallery li p { height:41px; }

	header { padding-top:11px; }
	header h1 a { font-size: 36px; font-size: 2.25rem; line-height: 1; font-weight: 900; }
	header h1 a img { width: 75%;}
	nav { margin-right: 5%; }
	nav li a{ font-size: 13px; font-size: 0.72rem; padding-top: 10px; }
	footer ul li a { font-size: 13px; font-size: 0.72rem; }

	#pickup h2, h2.service { font-size: 20px; font-size: 1.25rem;  margin-bottom: 40px;}
	#pickup p {font-size: 14px; font-size: 0.88rem; }
	.title h2{ font-size: 36px; font-size: 2.25rem; margin-bottom:40px;}
	#consul p.p22 { font-size: 16px; font-size: 1.0rem; line-height: 1.5; }
	#info p.tel { padding:0px; }

	.title h2.sub{ font-size: 36px; font-size: 2.25rem; margin-bottom: 40px;}
	h3.title-sub, h3.title { font-size: 20px; font-size: 1.25rem; margin-bottom: 18px;}
	.sp-tac {text-align: center;}
	table { font-size: 14px; font-size: 0.88rem;}
	p.sub { font-size: 14px; font-size: 0.88rem; }
	.mb144{ margin-bottom:0px;}
	p.contact-tel { font-size: 34px; font-size: 2.125rem;}
	p.sp13 { font-size: 13px; font-size: 0.72rem; }
	table.contact th { padding: 0px;}
	table.contact th span { line-height: 3;}
	table.contact input[type="text"] { width: 77%; }
	table.contact textarea { width: 88% }

	/*#consul01 img.w80, #consul02 img.w80, #consul03 img.w80, #consul04 img.w80, #consul05 img.w80 { width: 80%; margin: 0 auto;}*/
	img.w80 { width: 80%; margin: 0 auto;}
	.mb12 { text-align: center;}
	#consul01 p, #consul02 p, #consul03 p, #consul04 p, #consul05 p { font-size: 14px; font-size: 0.88rem; line-height: 1.5; text-align: left;}
	h3.title-consul{ font-size: 18px; font-size: 1.125rem; text-align: left; padding-top: 10px;}
	img.w100 { width: 92%;}
	


	

}