@charset "utf-8";
/*! normalize.css v4.1.1 | MIT License |github.com/necolas/normalize.css
   Chrome, Firefox, Opera, Safari 6+, IE 8+ 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
html{ font-family:sans-serif;  -ms-text-size-adjust:100%;  -webkit-text-size-adjust:100%}
body{ margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{ display:block}
audio,canvas,progress,video{ display:inline-block}
audio:not([controls]){ display:none;height:0}
progress{ vertical-align:baseline}
template,[hidden]{ display:none}
a{ background-color:transparent;  -webkit-text-decoration-skip:objects}
a:active,a:hover{ outline-width:0}
abbr[title]{ border-bottom:none;  text-decoration:underline;  text-decoration:underline dotted}
b,strong{ font-weight:inherit}
b,strong{ font-weight:bolder}
dfn{ font-style:italic}
mark{ background-color:#ff0;  color:#000}
small{ font-size:80%}
sub,sup{ font-size:75%;  line-height:0;  position:relative;  vertical-align:baseline}
sub{ bottom:-0.25em}
sup{ top:-0.5em}
img{ border-style:none}
svg:not(:root){ overflow:hidden}
code,kbd,pre,samp{ font-family:monospace,monospace;  font-size:1em}
figure{ margin:1em 40px}
hr{ box-sizing:content-box;  height:0;  overflow:visible}
button,input,select,textarea{ font:inherit;  margin:0}
optgroup{ font-weight:bold}
button,input{ overflow:visible}
button,select{ text-transform:none}
button,html [type="button"],[type="reset"],[type="submit"]{ -webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{ border-style:none;  padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{ outline:1px dotted ButtonText}
fieldset{ border:1px solid #c0c0c0;  margin:0 2px;  padding:0.35em 0.625em 0.75em}
legend{ box-sizing:border-box;  color:inherit;  display:table;  max-width:100%;  padding:0;  white-space:normal}
textarea{ overflow:auto}
[type="checkbox"],[type="radio"]{ box-sizing:border-box;  padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{ height:auto}
[type="search"]{ -webkit-appearance:textfield;  outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{ -webkit-appearance:none}
::-webkit-input-placeholder{ color:inherit;  opacity:0.54}
::-webkit-file-upload-button{ -webkit-appearance:button;  font:inherit}

/* = base-style + 
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++-+++++++++++++++
* Base/font-size:100%;=16px /line-heigh=1.6
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

html {
	box-sizing: border-box; 
	font-size: 100%;
	overflow-y: scroll;}

*,
*::before,
*::after { box-sizing: inherit;}

body {
	margin:0;	
	padding:0;
	font-family: "Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	font-weight: normal;
	font-size: 100%;
	line-height: 1.5;
	color: #0a0a0a;
	background: #fff;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;}/*foundation*/

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 3px;}/*foundation*/

select {
  width: 100%;
  border-radius: 3px;}/*foundation*/
	
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 3px;
  line-height: 1;}	/*foundation*/
	

/* img-size　/位置/調整
----------------------------------------------------- */
.align-midd {vertical-align: middle;}
.flowimg{ text-align:center; margin:auto;}
.flowimg img { max-width:290px; width:auto; height:auto;}

@media ( min-width : 641px ) {
	.flowimg img { max-width:300px; width:31%; height:auto;}
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,p,blockquote,th,td {
  margin: 0;
  padding: 0;}

p {
  font-size: inherit;
  line-height: 1.6;}
	
em,i {
  font-style: normal;
  line-height: inherit;}

strong,b {
  font-weight: bold;
  line-height: inherit;}

small {
  font-size: 80%;
  line-height: inherit;}

h1,h2,h3 {	
	font-family:inherit;
	font-weight: normal;
	font-style: normal;
	color: inherit;}
	
.main { padding-top:3rem; padding-bottom:30px;}	
.main:after { 
	content: ""; 
	display: table; 
	clear: both;}

.main h1,
.main h2,
.box1 h2{
	font-weight: normal;
	margin-bottom: 1em;}

.main h1,
.main h2, 
.main h3 {
	margin-bottom: 1em;
	line-height: 1.2;}

.main h1 {font-size: 1.5rem ;}
.main h2 {font-size: 1.25rem;}
.main h3 {font-size: 1.1875rem;}

.main h1:first-child,
.main h2:first-child { margin-top:0.5em;}

.main h4, 
.main h5, 
.main h6 {
	margin-bottom: 1em;
	line-height: 1.4;}


h4 {font-size: 1.125rem; color:#444;}
h5 {font-size: 1.0625rem; color:#444;}
h6 {font-size: 1rem;}

.title2 {font-size: 1.25rem; }

@media screen and (min-width: 64em) {/*1024*/
	.main h1 {font-size: 2rem;}	
	.main h2, .title2 {font-size: 1.75rem;}
	.main h3 {font-size: 1.5rem;}
}

@media screen and (min-width: 75em) {/*1200*/
	.main h1 {font-size: 2.375rem;}	
	.main h2,.title2 {font-size: 2rem;}
	.main h3 {font-size: 1.625rem;}
	h4 {font-size: 1.5rem;}
}

.main p {
	line-height: 1.8;
	margin-bottom: 1.1em;}

.main p.text-center { text-align:center;}

hr {
  max-width: 80rem;/*1280*/
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
  margin: 1.25rem auto;
  clear: both;}
	
ul,dl,ol {
	line-height: 1.6;
	margin-bottom: 1rem;
	list-style-position: outside;}

li {font-size: inherit;}

ul {list-style-type: disc;}
ol, ul {margin-left: 1.25rem;}

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;}

dl {margin-bottom: 1rem;}

dl dt {
	margin-bottom: .3rem;
	font-weight: 500;}

dd { margin-left: 1em; }

address { font-style: normal; }

/* Responsive media */
blockquote, code, embed, 
iframe, img, input, object, pre, 
table, td, textarea, video {
	max-width: 100%; 
	height: auto;}

audio{max-width: 100%;}

a img, form, fieldset {border: none;}
input, button, select {vertical-align: middle;}
abbr {cursor: help;border-bottom: 1px dotted #bbb;}

table {
    border-collapse: collapse;
    border-spacing: 0;}

th { font-weight:normal;}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="phone"],
input[type="tel"],
button,
input[type="submit"],
input[type="reset"] {
	padding:.5em .4em .4em;
	line-height: 1.625em;
	outline: none;}

/*placeholder.label.jp併用時+++++++*/
textarea,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="phone"],
input[type="tel"] {
  background: #fff;
  border: 1px solid #bbbcc0;
  z-index: 10;/*change160915*/
  -webkit-appearance: none;}

/*placeholder.label.jp併用時幅より例の文字がはみ出るため追加*/
input[type="email"]{ width:99.9%;}

input[type="submit"],
input[type="reset"] {
	font-size:21px;
  padding: .3em 1.3em;}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;}

/*soy_inquery-style 調整　*/
textarea,
input[type="text"] {
	width: 99.9%;
	border-radius: 3px; 
	border:solid 1px #bbb;}

input[type="email"],
input[type="tel"] {
	border-radius: 3px; 
	font-weight:normal;}

select,
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
	background:#edf9ff !important;}

select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
	background:#fff !important;}

input[type="checkbox"]{ margin: 0 0.5em 0 1em; }
input[type="checkbox"].m-0{ margin-left:0; }

.select-box option{ padding:10px; margin-bottom:10px;}/*selet高さ調整class*/

.w49 { width:100% !important;}/*input幅調整用*/

@media screen and (min-width: 481px){
	.w49 { width:49% !important;}
}

.notmobi { display:none;}/*inquery-form送信完了ページメッセージ|スマホ非表示*/

.media-object { margin-bottom: 1rem; display: block; }
.media-object img {  max-width: none; }
  
	@media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small .media-object-section {
      padding: 0;
      padding-bottom: 1rem;
      display: block;}
			
    .media-object.stack-for-small .media-object-section img { width: 100%; }
	 }

.media-object-section {
  display: table-cell;
  vertical-align: top;}

.media-object-section:first-child { padding-right: 1rem; }
.media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; }
.media-object-section > :last-child { margin-bottom: 0; }
.media-object-section.middle { vertical-align: middle; }
.media-object-section.bottom { vertical-align: bottom; }

.flex-video {
  position: relative;
  height: 0;
  padding-bottom: 75%;
  margin-bottom: 1rem;
  overflow: hidden;}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

.flex-video.widescreen { padding-bottom: 56.25%; }
.flex-video.vimeo { padding-top: 0; }

/* Line height and margin　
------------------------------------------------*/
ol ol li { list-style-type: lower-alpha; }/* アルファベット(小文字) */
ol ol ol li { list-style-type: lower-roman; }/* ローマ数字(小文字) */

.decimal li{list-style-type: decimal !important;}
.no-namber { list-style: none; }
/* =Helpers　Accessibility(Keyboard_音声ブラウザ
--------------------------------------------------*/

.screen-reader-text { 
	position: absolute !important;
	overflow: hidden ;
	clip: rect(0, 0, 0, 0);
	width: 1px;
	height: 1px;}

/*- Hide content＝screenreadersでなく、スクリーンから   --*/
 
@media screen {
  [hidden~="screen"] { display: inherit; }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;}
}

/*---------- 音声ブラウザicon-font対応+-----*/
.icon-alone {
  display: inline-block; /* Fix for clickability issue in WebKit */
}

/*---------- モバイルTEL+-----*/

.tel-link {pointer-events: auto;}


@media (min-width: 768px) {
	.tel-link {	pointer-events: none;}
	a.tel-link { text-decoration:none;}
}

/* =Others Helpers(2016/09-IE6/7除外clearfixに変更）
--------------------------------------------*/
.clearfix:after { 
	content: " ";
	clear:both;  
	display: table;}

.overflow-h { overflow: hidden;}
.overflow-a { overflow: auto;}

@media only screen and (max-width: 980px) {
	.setinfo .w50-left, 
	.setinfo .w50-right	{ float: none; width:100%;}
}

/*hide-visible */

.hide { display: none !important;}

.invisible { visibility: hidden;}

@media screen and (max-width: 47.9375em) {/*767*/
  .hide-for-small-only { display: none !important;} 
}


/* margin / padding
----------------------------------------------------*/
@media screen and (min-width: 48em) {/*768*/
 .m-top10.m-top-large { margin-top:55px !important;} 
}

@media screen and (min-width: 75em) {/*1200*/
 .m-top10.m-top-large { margin-top:75px !important;} 
}

.m-end-10 { margin-bottom: -1em !important;}

.m-end00 { margin-bottom: 0 !important;}
.m-end02 { margin-bottom: 0.2em !important;}
.m-end05 { margin-bottom: 0.5em !important;}
.m-end08 { margin-bottom: 0.8em !important;}
.m-end10 { margin-bottom: 1.0em !important;}
.m-end15 { margin-bottom: 1.5em !important;}
.m-end20 { margin-bottom: 2em !important;}
.m-end30 { margin-bottom: 3em !important;}

.m-top02 { margin-top:0.2em !important;}
.m-top05 { margin-top:0.5em !important;}

.m-top10 { margin-top:1em !important;}
.m-top15 { margin-top:1.5em !important;}
.m-top25 { margin-top:2.5em !important;}

.m-topb0505 { margin-top:0.5em !important;margin-bottom:0.5em !important;}
.m-topb1010 { margin-top:1em !important;margin-bottom:1em !important;}
.m-topb1510 { margin-top:1.5em !important;margin-bottom:1em !important;}
.m-topb1520 { margin:1.5em 0 2em !important;}
.m-topb20 { margin:2em 0 !important;}

.m-left00 { margin-left:0 !important;}
.m-left10px { margin-left:10px !important;}
.m-left10 { margin-left:1.0em !important;}
.m-left15 { margin-left:1.5em !important;}
.m-left20 { margin-left:2.0em !important;}
.m-left22 { margin-left:2.2em !important;}
.m-left30 { margin-left:3.0em !important;}
.m-left45 { margin-left:4.5em !important;}
.m-left55 { margin-left:5.5em !important;}

.m-right00 { margin-right:0 !important;}
.m-right05 { margin-right:0.5em !important;}
.m-right1par {margin-right:1% !important;}
.m-right2par {margin-right:2% !important;}
.m-right8px { margin-right:8px !important;}

.m-10px { margin:10px;}
.m-left-r10px { margin-left:10px !important; margin-right:10px !important;}

.p-end00{padding-bottom:0 !important;}
.p-end1625{padding-bottom:1.625em !important;}
.p-end10{padding-bottom:1em !important;}
.p-end30{padding-bottom:3em !important;}

.p-top07px { padding-top:7px !important;}
.p-topb1007px { padding-top:10px; padding-bottom:7px!important;}
.p-top10px{padding-top:10px !important;}
.p-top20px{padding-top:20px !important;}
.p-top05{padding-top:.5em !important;}
.p-top10{padding-top:1em !important;}
.p-top14{padding-top:1.4em !important;}
.p-top20{padding-top:2em !important;}


.p-left00 { padding-left:0 !important;}
.p-left05{ padding-left:0.5em !important;}

.p-left20{ padding-left:2em !important;}

.p-right05px { padding-right:5px;}
.p-right20px { padding-right:20px !important;}
.p-right15 { padding-right:1.5em;}

.p-05px { padding:5px !important;}
.p-0508px { padding:5px 8px !important;}
.p-2010px { padding:20px 10px !important;}
.p-1510px { padding:15px 10px !important;}
.p-1020px { padding:10px 20px !important;}
.p-10px { padding:10px !important;}

.posi-t05 {  position:relative;}
.posi-mobi-05 {  position:relative;top:-5px;}


@media screen and (min-width: 40em) {
	.posi-t05 {  position:relative;top:5px;}
	.posi-mobi-05 {  position:relative;top:5px;}
}

/*------------------------------------------------------- */
/* border / shadows　/box-block
--------------------------------------------------------- */
.under_line { background: linear-gradient(transparent 60%, #ffff66 60%);}

.notborder { border:none !important;}

.bor1-ccc { border:1px solid #ccc;}
.bor1-888 {border:1px solid #888;}
.bor4-eae { padding:8px; border:4px solid #eaeaea;}
.bor1-right-fff {border-right:1px solid #fff;}
.bor1-right-ccc {border-right:1px solid #ccc;}
.bor1-top-ccc {border-top:1px solid #ccc;}
.bor1-top-ddd { border-top: 1px solid #ddd;}
.bor1-bottom-999{ border-bottom: 1px dotted #999;}

a .b-green:hover { opacity:0.7; border:1px solid #007260;}

.radius-04 {border-radius:4px !important;}

.radius-img50 {border-radius:50% !important;}

.radius50-1 {
	border-radius:50% !important;
	border: 3px dotted #eaeaea;
	padding:20px 10px;}
	
.radius50-2 {
	border-radius:50% 0 50% 0 !important;
	border: 6px solid #eaeaea;
	background:#fff; 
	padding:20px 10px;}

.radius50-3 {border-radius:50% 50% 0 0 !important;}

.t-shadow1 { text-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);}
.t-shadow1f { text-shadow:1px 1px 2px rgba(255,255, 255, 0.4);}


.t-shadow2 { text-shadow:1px 0px 1px rgba(0, 0, 0, 0.4);}

.t-shadow3 {
	text-shadow:
	-1px -1px 0px #fff,
	1px -1px 0px #fff,
	1px 1px 0px #fff,
	2px 3px 2px rgba(0, 0, 0, 0.4);}

.t-shadow4 {
	text-shadow:
	0px 4px 3px rgba(0,0,0,0.4),
  0px 8px 13px rgba(0,0,0,0.1),
  0px 18px 23px rgba(0,0,0,0.1);}

.not-shadow {text-shadow: none;}

/*▽*/
.sankaku{
	width: 0;
	height: 0;
	border: 80px solid transparent;
	border-top: 80px solid #f00;}

/* テキスト
----------------------------------------------------------- */
.text-left { text-align: left; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify; }

.block-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

@media screen and (min-width: 40em) {/*640*/
  .medium-text-left { text-align: left; }
  .medium-text-right { text-align: right; }
  .medium-text-center { text-align: center; }
  .medium-text-justify { text-align: justify; } 
}

@media screen and (min-width: 64em) {/*1024*/
  .large-text-left { text-align: left; }
  .large-text-right { text-align: right; }
  .large-text-center { text-align: center; }
  .large-text-justify { text-align: justify; } 
}

.normal { font-weight: normal !important; }
.bold { font-weight: bold !important; }
.italic { font-style: italic; }
.text-upper { text-transform: uppercase; }/*英語txtの大文字表示*/

.linkw95 a { width:95% !important;}
.w97 { width:97% !important;}
.setinfo {width:100% !important;}
.w50-left{ width:50%; float:left;}
.w50-right{ width:50%; float:right;}

.f-left, 
.f-right, 
.f-left-inner,
.f-right-inner{ float: none; }

.f-smaller { font-size: inherit;}
.f12 {font-size:0.75rem !important;line-height:1.1;}
.f13 {font-size:0.8125rem !important;line-height:1.1;}
.f14 {font-size:0.875rem !important;line-height:1.3;}
.f15 { font-size:0.9375rem !important; line-height:1.4;}
.f16 { font-size:1.0rem !important;}
.f18 { font-size:1.0rem !important;}
.f20 { font-size:1.125rem !important;}
.f21 { font-size:1.25rem !important;}
.f24 { font-size:1.25rem !important;}
.f26 { font-size:1.25rem !important;}

.f28,.f32,.f36 { font-size:1.5rem !important;}

@media only screen and (min-width: 48em) {/*768*/
	.f-left { float: left; }
	.f-right { float: right; }
	.f-left-inner { float: left; margin:0 1em 0.5em 0;}
	.f-right-inner { float: right; margin:0 0 0.5em 1em;}
	.f-right-inner50{width:50%;  float: right; margin:0 0 10px 20px; }
	.not-mobi { display:block !important;}
	.inline-mobi{display:inline !important;}
  .f24 { font-size:1.5rem !important;}
  .f26 { font-size:1.3125rem !important;}
	.f28 { font-size:1.75rem !important;}
	.f32 { font-size:2.0rem !important;}
	.f36 { font-size:2.25rem !important;}
	.f-smaller { font-size:smaller;}
}

@media only screen and (min-width: 75em) {/*1200*/
	.f18 { font-size:1.2rem !important;}
	.f20 { font-size:1.25rem !important;}
	.f21 { font-size:1.3125rem !important;}
	.f26 { font-size:1.5rem !important; margin: 2em 0 1.5em !important;}
	.f28 { font-size:2.0rem !important;}
	.f32 { font-size:2.25rem !important;}
	.f36 { font-size:2.5rem !important;}

}

.line-hi10 { line-height:1 !important;}
.line-hi12 { line-height:1.2 !important;}
.line-hi14 { line-height:1.4 !important;}
.line-hi16 { line-height:1.6 !important;}

.line-hi18 { line-height:1.8 !important;}
.line-hi20 { line-height:2 !important;}

.spac-1 {letter-spacing:-1px;}/*only*/
.spac-05 {letter-spacing:-.05em;}/*only*/
.spac0 {letter-spacing: 0;}
.spac02 {letter-spacing: 0.2em;}
.spac05 {letter-spacing: 0.5em;}

.nowrap, 
.nowrap td { white-space: nowrap ;}	

.opty03 {opacity:.3;}

/* color style
--------------------------------------------------- */
@media screen and (max-width: 39.9375em) {/*768*/
	.small-only-c-fff { color:#fff !important; background: transparent;}
}


.c-fff { color: #fff !important; }
.c-black { color: #000 !important; }
.c-red {color:#cc0000;}

.c-Dgray { color: #555 !important; }

.c-gray { color: #777 !important; }
.c-gray2 { color: #444 !important; }

.c-gray-light { color: #999 !important; }
.c-red, .error { color: #ff0000 !important; }
.c-orange2 { color: #fe7f01 !important; }
.c-orange3 { color: #f5420c !important; }/*濃い*/
.c-pink{ color: #dd578a !important; }

.c-blue1{ color: #309ed3 !important; }
.c-blue2{ color: #81d2e0 !important; }

.c-neibe{ color: #314559 !important; }
.c-green { color: #007260 !important;}
.c-green2 {color:#92c000 !important;}
.c-green3 { color: #96d274 !important;}
.c-yellow2 { color: #f1d663 !important;}

.c-blown { color: #603205 !important; }
.c-blown2 {	color: #795F3F !important; }
.c-Brown3 {color:#9f6400;}

.c-bold-red {
	color: #ff0000 !important; 
	font-weight:bold;
	text-shadow:
	-1px -1px 0px #fff,
	1px -1px 0px #fff,
	1px 1px 0px #fff,
	1px 2px 1px rgba(0, 0, 0, 0.4);}

.bg-white { background:#fff !important;}
.bg-gray { background:#efefef !important;}

.bg-orange1 { background:#fcaf17 !important;}/*だいだい色*/
.bg-orange2 { background:#fe7f01 !important;}
.bg-orange3 { background:#f5420c !important;}/*赤に近い*/

.bg-green1 { background:#BAD500 !important; }
.bg-green2 { background:#42a2b3 !important;}

.bg-blue { background:#A2DAEA !important;}
.bg-neibe { background:#54779e !important;}

.bg-pink { background:#F7C1C5 !important; }
.bg-yellow { background:#FFE680 !important;}
.bg-yellow1 { background:#FFDB45 !important;  }/*footer-nav-bg*/

.bg-yellow2 { background:#ffff88 !important;}

.bg-yell-grand{/*吹き出し背景yellow-グラデーション*/
	background: -moz-linear-gradient(top,  rgba(255,255,173,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,173,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,173,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffad', endColorstr='#00ffffff',GradientType=0 );}/* IE6-9 */


/* button-style
-----------------------------------*/

.btn {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 0.85em 1em;
  margin: 0 0 1rem 0;
  font-size: 0.9375rem;/*-change*/
  background-color: #2ba6cb;
  color: #fefefe; }

.btn:hover, .btn:focus {
    background-color: #258dad;
    color: #fefefe;}

.btn-neibe {
	background-color: #44607c;
  color: #fefefe;}
	
.btn-neibe:hover, .btn-neibe:focus {
	background-color: #314559;
	color: #fefefe;}	
		
.btn.gray-grid {
	background: #ddd url(../img/grid1.png);
	margin:5px;
	color: #0a0a0a;}


.btn.gray-grid:hover,
.btn.gray-grid:focus {
	background: #F4C4D5 url(../img/grid1.png);
	color: #0a0a0a;}

/*  box-style-------------------*/

.Visualbox {
	position: relative; 
	display: inline-table;
	padding:0em 1em 1em;}

.box1{ 
	display: inline-block;
	width:30%;
	margin-right:1%; 
	color:#fff; 
	padding:15px 12px 10px;
	border:1px solid rgba(0,0,0,.6);
	border-radius:4px; 
	background:rgba(0,0,0,.7);
	 -webkit-transition: 0.8s;
	    -moz-transition: 0.8s;
	    -ms-transition: 0.8s;
	    transition: 0.8s;}

.box1:nth-child(3){ margin-right:0;}

.box1 a { 
  text-decoration:none;
  color:#fff; 
  -webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;}

.box1:hover {
	color:#fff;
	border:1px solid rgba(0,47,39,.5); 
	background:rgba(0,87,72,.7);background:rgba(0,47,39,.7);}

.box1 h2 { 
	margin-bottom:1em;
	font-size:1.3125rem;
	line-height:1.2; 
	letter-spacing:-1px;
	color:#fff !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;}


.box1 p { text-align:left;}

@media only screen and (min-width:40em) {/*640*/
	.box1 h2 { width:9em;font-size:1.125rem; }
}

@media only screen and (min-width:48em) {/*768*/
		.Visualtxt-list {
			padding-top:2.5em; 
			font-size: 2rem;	
			font-weight: 400;}
	
	.Visualtxt-list p {	font-size:1.3125rem;}
	
	.box1 h2 { width:100%;font-size:1.3125rem; }
}

@media only screen and (min-width:64em) {/*1024*/
	.Visualtxt-list {font-size: 2.25rem; margin-bottom:1em;	}
	.box1 h2 {font-size:1.75rem;}
}

/*.Visualcontaine＝W100％内box=kokomade*/

.box-link:hover {	cursor: pointer;}


.box2 {
	position: relative;
	padding: 7px 15px;
	margin: 0 0 20px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff;}

.box2:before, .box2:after {
	position: absolute;
	z-index: -1;
	left: 12px;
	bottom: 12px;
	width: 40%;
	height: 10px;
	content: ' ';
	background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);}

.box2:after {
	left: auto;
	right: 12px;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);}


/* table style
--------------------------------------------------- */
table {
  max-width: 100%;
  width: 100%;
  empty-cells: show;
	table-layout: fixed;/*need-tuika*/
  word-wrap: break-word;/*need-tuika*/
	margin-bottom:1.5rem;}


caption, th, td {
	text-align: left;
	vertical-align: top;}

table caption {
	text-transform: uppercase;
    font-size: 1.3125em;
    margin: 1em 0 0.5em 0;
    padding-left: 10px;
    border-left: 4px double #CCC;
}	

thead th, thead td {
	font-weight: bold;
	/*vertical-align: bottom;*/}

table th,
table td {
  padding: 0.8em 1em;
  border-bottom: 1px solid #ddd;}

td p:last-child { margin-bottom:0;}

.table-bordered th { 
	border: 1px solid #ccc; 
	background: #e8eaef;
	vertical-align: middle;}

.table-bordered td { border: 1px solid #ddd; }

.w12em { width:12em ;}
.w8em { width:8em ;}
.w5em { width:5em ;}

table.striped2dan th,
table.striped2dan td { padding: 0.8em 1.5em;border:none;}

.bgcolor {background:#e8eaef; }
	/* 奇数番目(1,3,5……番目) */ 
.odd-num tr:nth-child(2n+1) {background:#e8eaef; } 
.odd-num tr:last-child { border-bottom: 1px solid #dde0e6; } 

	/* 偶数番目(2,4,6……番目) */ 
.even-num tr:nth-child(2n+2) {background:#e8eaef; } 
.even-num tr:last-child { border-bottom: 1px solid #dde0e6; } 

	
/* Responsive Table-style ++++++++*/	
/*480*/
@media only screen and (max-width:30em){
	 
	.w5em,.w8em ,.w12em{ width:100%;}

	.table-bordered tr{ display: block; }
	.table-bordered th{border-top:none; display: list-item;list-style-type: none; padding: 0.5em 0.8em;}
	.table-bordered td{ border-top:none;display: list-item;list-style-type: none; padding: 0.6em 0.8em;}
  .table-bordered tr:first-child{border-top:1px solid #ddd;}
	
	.t-respon tr{ display: block; }
	.t-respon th{border-top:none; display: list-item;list-style-type: none; padding: 0.5em 0.8em;}
	.t-respon td{ border-top:none;display: list-item;list-style-type: none; padding: 0.6em 0.8em;}
  .t-respon tr:first-child{border-top:1px solid #ddd;}

	.striped2dan tr:nth-child(2n+1) {background: transparent; } 
	.t-respon.striped2dan th {background:#f5f5f5; } 
	.t-respon.striped2dan td {background:#fff; } 
}

@media only screen and (max-width: 40em) { /*640*/

	table .table-scroll{ 
		display: block; 
		position: relative; 
		width: 100%; 
	}
	.table-scroll th { 
		border: 1px solid #ccc; 
		background: #e8eaef;
		vertical-align: middle;}
	
	.table-scroll td { 
		 display: block;
		 border: 1px solid #ccc; }

			.table-scroll thead{ 
				display: block; 
				float: left;}
				
			.table-scroll tbody{ 
				display: block; 
				width: auto; 
				position: relative; 
				overflow-x: auto; 
				white-space: nowrap; }
			
			.table-scroll thead tr,
			.table-scroll th{ 
				display: block; }
			
			.table-scroll th.w5em{ width:100%;}
			
			.table-scroll .oneitem{ width:100%; overflow: inherit;}


			.table-scroll tbody tr{ 
				display: inline-block; 
				vertical-align: top; }

		/* borderの調整 */
		.table-scroll th{ 
			border-bottom: 0; 
		}
		.table-scroll td{ 
			border-left: 0; 
			border-right: 0; 
			border-bottom: 0; 
		}
		.table-scroll tbody tr{ 
			border-right: 1px solid #babcbf; 
		}
		.table-scroll th:last-child,
		.table-scroll td:last-child { 
			border-bottom: 1px solid #babcbf; 
		}
		
	}

/* tuika-Form-only style.php(soy)　別途設定あり　--------------------*/


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ 
/*	=Grid/Base12 GRID/ GPL&MIT License URL: http://responsive.gs Ver:3.0 	 
/*  It's changed to the original web-sasa.com version160915
/*  160915＝@mediaポイントをpxからemに変更
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*	MAIN CONTAINER 
  2016/0915width: 90%;削除してrow	padding追加
/*---------------------------------------------------*/
.container { 
	max-width: 75rem; /*1200px-Only-style*/ 
	margin: 0 auto;
}

.inner1000 {max-width: 62.5em !important;margin: 0 auto;}
.inner800 {max-width: 50em !important;margin: 0 auto;}

/*	group_4 this-site-Only-style */
.container:after,
.row:after, 
.col:after, 
.col-r:after, 
.colum:after, 
.group_4:after { 
	content: ""; 
	display: table; 
	clear: both;}

/* 	ROW STYLES 160915～padding追加*/
.row {
	padding-left: 0.9375rem;
  padding-right: 0.9375rem;}
			
.row .row{
	padding-left: 0rem;
  padding-right: 0rem;}
									  
/* DEFAULT COLUMN STYLES */

.group_4,
.col { 
	display: block;
	float: left;
	width: 100%;}
	
	.col-r { 
	display: block;
	float: right;
	width: 100%;}

	
.group_4 img { margin-bottom:0.5em;}	

.medium-12.col.span_6 { width: 100% !important; }


@media ( min-width : 40em ) {
	.gutters .span_6 .span_4{	width: 32%;}/*site-only_style*/
	.group_4  {	width: 32% !important; margin-left:2%;}/*site-only_style*/
	.group_4:first-child {	margin-left: 0;}
	.photo-modal .group_4:first-child {	margin-left: 0;}
	
}

@media ( min-width : 48em ) {
	.gutters .col {	margin-left: 3%;}
	.gutters .col:first-child {	margin-left: 0;}

	.col-r:nth-child(1) {	text-align:right;} 
}

/*	COLUMN WIDTH ON DISPLAYS +768px =change*/

@media ( min-width : 48em ) {/*768*/
	.span_1 { width: 8.33333333333%; }
	.span_2 { width: 16.6666666667%; }
	.span_3 { width: 25%; }
	.span_4 { width: 33.3333333333%; }
	.span_5 { width: 41.6666666667%; }
	.span_6 { width: 50%; }
	.span_7 { width: 58.3333333333%; }
	.span_8 { width: 66.6666666667%; }
	.span_9 { width: 75%; }
	.span_10 { width: 83.3333333333%; }
	.span_11 { width: 91.6666666667%; }
	.span_12 { width: 100%; }
	
	.gutters .span_1 { width: 6.5%; }
	.gutters .span_2 { width: 14.5%; }/*.gutters .span_2 { width: 15.0%; }*/
	.gutters .span_3 { width: 22.75%; }/*.gutters .span_3 { width: 23.5%; }*/
	.gutters .span_4 { width: 31.3%; }/*.gutters .span_4 { width: 32.0%; }*/
	.gutters .span_5 { width: 40.0%; }/*.gutters .span_5 { width: 40.5%; }*/
	.gutters .span_6 { width: 48.5%; }/*.gutters .span_6 { width: 49.0%; }*/
	.gutters .span_7 { width: 57.0%; }/*.gutters .span_7 { width: 57.5%; }*/
	.gutters .span_8 { width: 65.7%; }/*.gutters .span_8 { width: 66.0%; }*/	
	.gutters .span_9 { width: 74.0%; }/*.gutters .span_9 { width: 74.5%; }*/   
	.gutters .span_10 { width: 82.5%; }/*.gutters .span_10 { width: 83.0%; }*/
	.gutters .span_11 { width: 91.0%; }/*.gutters .span_11 { width: 91.5%; }*/
	.gutters .span_12 { width: 100%; }
	
}

@media ( min-width : 64.0625em ) {/*1025*/
	.medium-12.col.span_6 { width: 50% !important;}
}


/*print-style++++++++++++++++++++++++++++++++++++++++++++*/

@media print {
		* {
			background: transparent !important;
			color: black !important;
			box-shadow: none !important;
			text-shadow: none !important;
			font-size: 12pt;}
		
		a,
		a:visited {text-decoration: underline;}
	
		a[href^="javascript:"]:after,
		a[href^="#"]:after { content: "";}
		
		abbr[title]:after {	content: " (" attr(title) ")";}
		
		thead { display: table-header-group;}
		
		tr,
		img { page-break-inside: avoid;}
		img { max-width: 100% !important;}
		
		@page { margin: 0.5cm;}
 
		 p, h2, h3 { orphans: 3; widows: 3;}
		 h2,  h3 { page-break-after: avoid;}
		 
		h1 {font-size: 36pt;}
		h2 {font-size: 24pt;}
		h3 {font-size: 18pt;}
		h4 {font-size: 14pt;}
		h5,h6{font-size: 12pt;}
		
		h1.logo {  
			line-height:1.1; 
			padding-top:0;
			margin-bottom: 1em !important;}
		
		select {background: #fff !important;}

		.skiplink,
		#nav,#nav-button,
		.breadcrumbs,
		.footLink,
		#footer nav,
		#pageTop,
		#side { display:none;}
		
		[class^="icon-"], [class*=" icon-"] {display:none;}
		
		.container { width:100%; max-width:100%;}
		table{ border:1px solid #gray;}
}

/*site only-style*/

/*+++++++++++++++++++++++++++++++++++++++++
! This Site ICON Font / only-style 161013
++++++++++++++++++++++++++++++++++++++++++*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?p9z9mz');
  src:  url('../fonts/icomoon.eot?p9z9mz#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?p9z9mz') format('truetype'),
    url('../fonts/icomoon.woff?p9z9mz') format('woff'),
    url('../fonts/icomoon.svg?p9z9mz#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-document:before {
  content: "\e005";
}
.icon-browser:before {
  content: "\e00c";
}
.icon-ribbon:before {
  content: "\e01e";
}
.icon-pencil:before {
  content: "\e032";
}
.icon-tools:before {
  content: "\e033";
}
.icon-tools-2:before {
  content: "\e034";
}
.icon-chat:before {
  content: "\e049";
}
.icon-arrow_back:before {
  content: "\e5c4";
}
.icon-arrow_forward:before {
  content: "\e5c8";
}
.icon-arrow_upward:before {
  content: "\e5d8";
}
.icon-important_devices:before {
  content: "\e912";
}
.icon-small_arrow_left:before {
  content: "\e314";
}
.icon-small_arrow_right:before {
  content: "\e315";
}
.icon-small_arrow_up:before {
  content: "\e316";
}
.icon-open_in_new:before {
  content: "\e89e";
}
.icon-phone_ya:before {
  content: "\e61c";
}
.icon-phone_talk:before {
  content: "\e61d";
}
.icon-phone_dot:before {
  content: "\e8c5";
}
.icon-view_compact:before {
  content: "\e42b";
}
.icon-setting:before {
  content: "\f013";
}
.icon-home4:before {
  content: "\f015";
}
.icon-list:before {
  content: "\f03a";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-lage_arrow_left:before {
  content: "\f104";
}
.icon-lage_arrow_right:before {
  content: "\f105";
}
.icon-lage_arrow_up:before {
  content: "\f106";
}
.icon-lage_arrow_down:before {
  content: "\f107";
}
.icon-child:before {
  content: "\f1ae";
}
.icon-mail:before {
  content: "\f0e0";
}
.icon-chevron-thin-down:before {
  content: "\e909";
}
.icon-chevron-thin-left:before {
  content: "\e90a";
}
.icon-chevron-thin-right:before {
  content: "\e90b";
}
.icon-chevron-thin-up:before {
  content: "\e90c";
}
.icon-check:before {
  content: "\e90d";
}
.icon-new-message:before {
  content: "\e90f";
}
.icon-facebook:before {
  content: "\e910";
}
.icon-google:before {
  content: "\e911";
}
.icon-home:before {
  content: "\e900";
}
.icon-home3:before {
  content: "\e902";
}
.icon-home:before {
  content: "\e900";
}
.icon-home3:before {
  content: "\e902";
}
.icon-office:before {
  content: "\e903";
}
.icon-files-empty:before {
  content: "\e925";
}
.icon-file-text2:before {
  content: "\e926";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-display:before {
  content: "\e956";
}
.icon-laptop:before {
  content: "\e957";
}
.icon-mobile:before {
  content: "\e958";
}
.icon-search:before {
  content: "\e986";
}
.icon-zoom-in:before {
  content: "\e987";
}
.icon-zoom-out:before {
  content: "\e988";
}
.icon-list2:before {
  content: "\e9bb";
}
.icon-bookmarks:before {
  content: "\e9d3";
}
.icon-star-empty:before {
  content: "\e9d7";
}
.icon-star-full:before {
  content: "\e9d9";
}
.icon-eject:before {
  content: "\ea25";
}
.icon-new-tab:before {
  content: "\ea7e";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-rss2:before {
  content: "\ea9c";
}
.icon-tumblr2:before {
  content: "\eaba";
}
.icon-file-word:before {
  content: "\eae1";
}
.icon-file-excel:before {
  content: "\eae2";
}

/*-------------*/

a {
	color: #2ba6cb;
	line-height: inherit;
  cursor: pointer;
	  transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

a:hover {
	color: #004284; /*++ Dark blue */
}

a:focus { color: #036;outline: none;}/*++ Dark blue */

a img {border: 0;}

header a,
nav a,
footer a,
a.btn{ text-decoration:none;}


footer .menu a { color:#ccc;}
footer .menu a:hover { color:#efefef;}

/* siye-button style --------------*/

.btn-green1,
a.btn-green1 {
	background: #007260 url(../img/overlays/01.png);
  color: #fefefe;}
	
a.btn-green1:hover, a.btn-green1:focus {
	background: #004F43 url(../img/overlays/01.png);
	color: #fefefe; 
}	

.btn-line1,
a.btn-line1 {
	border:1px solid #007260;
  color: #007260;
	background: #fff;
}
	
a.btn-line1:hover, a.btn-line1:focus {
	color:#004F43;
	background: #42AA98;
}	

.btnF {
    display: inline-block;
    width: 48%;
    height: 50px;
    text-align: center;
    text-decoration: none;
    line-height: 50px;
    outline: medium none; 
    letter-spacing: 2px;
    border: 1px solid rgba(255,255,255,.5);
    color: #FFF;
		background:rgba(255,255,255,.3);
    overflow: hidden;
}

a.btnF{color: #FFF;}

a.btnF:hover{color: #FFF;background:rgba(0,153,153,.5);}

.btnF {transition: all 0.3s ease 0s;}

.w11em { width:11em;}

/*1280*/
@media screen and (min-width: 80em) {
	.btnF {width: 25%;}
}


/* Layout header*/

.header {
    position: relative; 
    width: 100%;
		height:auto;
    background: rgba(255,255,255,0.96);
    overflow: hidden;
    *zoom: 1;
		transition:top 0.8s;
		border-bottom:1px solid #8ab976;/*20240711_color変更*/
}

.header a { color:#007260;}
.header a:hover{ color: #2ba6cb;}

header ul {list-style-type: none; margin-bottom:0; line-height:1;}

.head-left {
	position: relative; 
	margin: 0;
	text-align: left; 
}

.head-right {
	position: relative; 
	margin:0;
	text-align: left; text-align: center; 
}

.logo {
	line-height:1;
	margin:15px 0 0 0;
	font-size:1.5rem;
}

.logo span { display:none;}/*20240711-tuika*/

.headmenu {
	margin:0; margin:.5rem 0;
	padding:0;
	display:inline-table;
	width: 100%; 
}

.headmenu > li {
	float: left;
	width: 25%;
	margin:0; 
	padding:0;
	line-height: 1.2;
}

.headmenu > li:nth-child(1) > a {
	position: absolute !important;
	overflow: hidden ;
	clip: rect(0, 0, 0, 0);
	width: 1px;
	height: 1px;
}

.headmenu > li:nth-child(2) > a {
	border-left:1px solid #8ab976;/*20240711_color変更*/
}
	
.headmenu > li > a {
	display: block; 
	text-decoration:none; 
	padding:.5em .1em ;
	vertical-align: middle;
	border-right:1px solid #8ab976; /*20240711_color変更*/
}

.headmenu > li > a img,
.headmenu > li > a i,
.headmenu > li > a svg {vertical-align: middle; }

.headmenu > li > a img + span,
.headmenu > li > a svg + span {	vertical-align: middle; }

.headmenu > li > a svg {
	margin-right: 0.25rem;
	display: inline-block; 
}

.headmenu > li > a i { margin-right:0;}/*change*/


/*16-416px*/
@media screen and (min-width:1em) and (max-width:26em){
	.headmenu > li > a span { display:none;}
}

/* 768px*/
@media screen and (min-width:48em) {
	.head-left {
		float:left; 
		margin: 0;
		text-align: left;
	}
	
	.head-right { 
		float:right; 
		margin:0;}
	
	.head-right .headmenu { text-align:right;}
	
	.logo { padding-top:10px; font-size:2rem;}/*20240711-padding-tuika*/
	.logo span { display:block; font-size:1rem;}/*20240711-tuika*/
	
	.headmenu > li > a {padding:.8em 0.1em ;}
	
	.headmenu > li:nth-child(1) > a {
		position: relative !important;
		overflow: hidden ;
		clip: inherit;
		width:auto;
		height: auto;
		border-left:1px solid #8ab976; /*20240711_color変更*/
	}

	.headmenu > li:nth-child(2) > a {
		border-left:none;
	}
	
	.headmenu > li > a {
		padding:0 1em ; 
	}

	.headmenu > li { height:80px; width:auto;}
	.headmenu > li {
		float:none;
		display: table-cell;
		vertical-align: middle; 
		margin-bottom:0; 
		padding:0;
		line-height: 2;
	}
}

@media screen and (min-width:64em) {
	.logo span { font-size:.6em;}/*20240711-tuika*/
}

/*++++++++++++++++++++++++++++++++++++++++++++
  Visualcontainer
++++++++++++++++++++++++++++++++++++++++++++-*/

.Visualcontainer { 
    position: relative; 
		overflow:hidden; 
    width: 100%;
		height:auto;
		margin:0 auto; 
		text-align:center;
		background:#b9d62d url(../img/main-bg1900-3.jpg) no-repeat left bottom;
		background-size: cover;
}

.index .Visualcontainer {height: 160px;}
.next .Visualcontainer{	height:100px; background-position:50% 50%;} 

.Visualcontainer p{
	line-height: 1.4;
	font-size: 1.3125rem;
	text-align:center;
	font-weight:bold; 
	color:#216833;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.index .Visualcontainer p:first-child{
	margin:1.2em 0.5em 0.5em;
	line-height: 1.2;
	color:#fff;
}

.index .Visualcontainer p:nth-child(2),
.index .Visualcontainer p:nth-child(4){ display:none;}

.index .Visualcontainer p:nth-child(3){font-size: 1rem;}
.next .Visualcontainer p:first-child{ margin-top:1.6em; font-size:1.5rem;}


/*768px*/
@media only screen and (min-width:48em) {
	.index .Visualcontainer {height: 300px;}
	.index .Visualcontainer p:first-child{font-size: 2rem;}
	.index .Visualcontainer p:nth-child(2){margin-top:4.7em ;}
	.index .Visualcontainer p:nth-child(3){font-size: 1.3125rem;}
  .next .Visualcontainer{	height:150px;background-position:0 70%; } 
  .next .Visualcontainer p:first-child{  font-size:1.75rem;}
}

/*1200*/
@media only screen and (min-width:75em) {
	.index .Visualcontainer {height: 420px;}
	.index .Visualcontainer p:first-child{margin-top:2em;font-size: 2.5rem;}
	.index .Visualcontainer p:nth-child(2){margin-top:0.8em ;display:block;}
	.next .Visualcontainer p:first-child{ margin-top:1.5em; font-size:2.25rem;}
}


/*++++++++++++++++++++++++++++++++++++++++++++
 breadcrumbs-Visualcontainer内位置変更
++++++++++++++++++++++++++++++++++++++++++++-*/
	
.breadcrumb__list {
	position: absolute; 
	display:block;
	top:.5rem;
	margin:0;
	color: #fff;
	padding: 1px;}
	
.breadcrumb__list li{
	float:left; 
	list-style:none;
	font-size:0.8125rem;	
	height: 2em;
	line-height: 2;}
	
.breadcrumb__list li a{
	display: block;
	padding-right: 0.4em;
	margin-right: 2em;
	position: relative;
	text-decoration: none;
	color: #fff;}

.breadcrumb__list li a:after {
	content: "\e90b";
	font-family: 'icomoon';
	position: absolute;
	top: 0; 
	margin-left:1em;
}

.breadcrumb__list li a:hover {
	color: #007260;
	text-decoration: none;
}

/*768*/
@media screen and (max-width: 48em) {
	.breadcrumb__list { display:none;}
}

/*++++++++++++++++++++++++++++++++++++++++++++
 localmenu-main-area内　メニュー関連サブメニュー
++++++++++++++++++++++++++++++++++++++++++++-*/

#localnavbar { 
	clear:both; 
	position:relative; 
	text-align:center; 
	margin: 0 auto; 
	border-bottom:1px solid #eaedef;
}
/*767*/
@media screen and (max-width: 47.9375em) {
	#localnavbar { display:none;}
}

.localmenu li { 
	float:left; 
	line-height:1.8; 
	margin:0; 
	width:16.5%;}
	
.localmenu li:nth-child(1) {
	padding:8px 3px;
	color:#666;
	background: url(../img/breadcrumbs-bg.gif) no-repeat right center;
}

.localmenu li a {
  position: relative;
  display:block;
	margin:0 10px;
  padding:8px 0px; 
	color:#222;
  text-decoration: none;
}
	
.localmenu li a::before {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #eee;
}

.localmenu li a:hover { color: #007260}
 
.localmenu li a::after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #007260;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.localmenu li a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}




/*footer------------------*/

footer{	background:#113a1c;}

.copy {
	font-size:0.8125rem; 
	padding:1.1em 0 0 0.9375em; 
	color:#fff;}

/*1025px*/
@media screen and (max-width: 64.0625em) {
	.copy {  padding:0.7em 0 ; text-align:center;}
}

.footLink {
	margin: 0 auto;
	text-align: center;
	}

.footLink ul {
	margin: 0 auto;
	padding:0;
	text-align: center; 
	list-style:none;}

.footLink li {
	float: left;
	width: 50%;}

.footLink li.mobif14 { font-size:0.875rem;}

.footLink li.large { width: 100%; }

.footLink li a {
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid #474E5F;
	text-decoration: none;
	outline: none;		
	font-size: 0.9375rem; 
	line-height:2;}

.footLink li:nth-child(odd) a { border-right: 1px solid #474E5F; }
.footLink li:nth-child(5) a{ border-bottom: none; }

.footLink li a:hover {
	background:rgba(0,0,0,.5); 
	color: #ccc;
	text-decoration: none;}

.footLink li a { color: #fff; }

#pageTop {
	position: fixed;
	bottom: 0;
	right: 10px; 
	padding:15px 10px 5px;
	font-size:11px; 
	line-height:1.1;
	overflow:hidden;
	background: rgba(0,0,0,0.6);
	border-radius:3px;}

.page__top span {
    display: block; 
    width: 30px;
    height: 30px;
    margin: 0 auto -10px;
		border-top: 2px solid #999;
    border-left: 2px solid #999;
    -webkit-transform: translate3d(0,0,0) rotate(45deg);
    transform: translate3d(0,0,0) rotate(45deg);}

.page__top a {
    display: block;
    font-size: 11px; 
		line-height:1.1; 
    color: #999;
    text-align: center;}

#pageTop:hover{ 
	background:rgba(0,153,153,.5);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;}

.page__top a:hover,
.page__top a:hover span  {
	color: #fff;
	border-color: #fff;}

/*768px*/
@media screen and (min-width: 48em) {
	
	.footLink li { width: 25%;	}
	.footLink li:nth-child(2) a { border-right: 1px solid #474E5F; }
}

/*1025px*/
@media screen and (min-width: 64.0625em) {
	
	.imgArea1 { text-align:right; }
		
	#pageTop{bottom:0;}
	
	.footLink ul {
		margin: 0 1em 0 0;
		padding-top:1px;
		text-align:right;}

	.footLink li,
	.footLink li.large {
		display:inline-table;
		float: none;
		width: auto;}
	
	.footLink li a,
	.footLink li:first-child a {
		margin: 0 ; 
		padding:10px;
		border: none;}
	
	.footLink li a:nth-child(odd) { border-right: none; }
	.footLink li.left-line a { border-left: none; }
	
}


/* page-style_mian-contents-Area 
+++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* heading_text_style ++++-*/

.title2 { 
	font-size:1.5rem; 
	margin-top:1em;}


.title2m { 
	font-size:1.75rem; 
	margin-top:1.5em !important; margin-bottom:.5em !important;}

.title3{
	line-height: 1.2;
	padding: 0.2em; 
	margin-bottom:0;
	font-size: 1.125rem;
	text-align: center;}
	

@media screen and (min-width: 48em) {
	.title2 {	font-size:2rem; }
}

.items{color:#fff; background:inherit; margin-left:auto; margin-right:auto;}

.items h3 {
	line-height: 1.2;
	margin: 3px 0;
	padding: 0.6em 0.2em 0.4em;
	font-size: 1.75rem;
	text-align: center;
}	

.items p { margin-left:1em; padding-bottom:1em;}	

.items h3 a {
	color:#fff;
	text-decoration: none;}
	
.item-img1 { background:url(../img/top-item1.jpg) no-repeat; background-size:cover; margin-bottom: 1em;}	
.item-img2 { background:url(../img/top-item2.jpg) no-repeat; background-size:cover; margin-bottom: 1em;}	
.item-img3 { background:url(../img/top-item3.jpg) no-repeat; background-size:cover; margin-bottom: 1em;}	

.items .box-link:hover { opacity:.6;}

.items img {vertical-align: bottom; margin:auto auto; text-align:center;	}



/* ----- access ----- */

.acce-block {
	text-align: center;}
	
.acce-block .accettl {
	margin-top: 2em;
	margin-bottom: 1em;
	font-size: 1.3125rem;
	line-height: 130%;
	letter-spacing: 0.1em;}

.acce-block .gmap {
	width: 100%;
	height: 350px;
	background-color: #f2f2f2;}


#accsess_map {width: 100%; height: 350px;}
/* li-style ++++++++++++++++++++-*/

.arrow ul {list-style-type: none;}

.sitelist {
    line-height: 1.8;
    border-left: 3px solid #ddd;
    margin-bottom: 1em;
    padding-left: 5px;
}

.arrow li,
.arrow li li { line-height:2; margin-bottom:.5em;}


.arrow li:before,
.arrow li li:before {
	content: "\e315";
	font-family: 'icomoon' !important;
	speak: none;
	padding-right:2px;
}

/* dl-style ++++++++++++++++++++-*/
.dotunder dt{	
	margin:1em 0 0.5em;
	padding-bottom:0.2em; 
	border-bottom:1px dotted #999;
}

.dotunder2qa { margin-bottom:2em;}


.dotunder2qa dt:before{
	content: "Q";
	font-weight:bold;
	color:#b9d62d;
	padding-left:0.2em;
	padding-right:0.4em;
}

.dotunder2qa dd:before{	
  content: "A";
	font-weight:bold;
	color:#00a0dd;
	padding-right:0.4em;
}

.dotunder2qa dd{	
	margin:0.5em 0 1em ;
	padding:0 0 0.5em 0.2em; 
	border-bottom:1px dotted #999;
}


@media only screen and (min-width: 48em) {
	.dotunder dt  { font-size:1.3125rem; }
}

.dotunder dt a{text-decoration:none;}
.dotunder dd {margin-bottom:1em; margin-left:0}

/*company-dl_style*/


.responsive dt {
    float: left;
    width: 30%;
    margin: 0.5em 0 0;
    padding: 0.8em 1em 0;
    border-top: 1px dotted #999;
}

.responsive dd {
    float: left;
    width: 70%;
    margin: 0.5em 0 0;
    padding: 0.8em 1em 0;
    border-top: 1px dotted #999;
}

@media screen and (max-width: 39.9375em){/*639*/

    .responsive dt{
      width: 100%;
      line-height: 1.4;
    }
    
    .responsive dd{
      width: 100%;
      border:none;
      margin-top: 0;
    }
    
}

/* index, blog update-info +++++++++++++++++*/

.what p a {	margin: 1em 0;}

.what a,
.updatebox a,
.kizi a {color:#036; text-decoration:none; }

.what dl a,
.updatebox a  { display: block; }

.updatebox dl {
	margin-bottom: 0;
	padding: 5px 5px 0;
	border-bottom: 1px dotted #999;
}

.what dl {
	margin: 0;
	padding: 10px 5px; 
	border-bottom: 1px dotted #999;
	line-height: 1.6; 
	font-size: 1rem;
}

.what h3+dl { border-top: 1px dotted #999; }


.what dt  { font-weight:normal;}

.updatebox h3+dl { border-top: 1px dotted #999; }

.what dl a:hover,
.what dl:hover,
.updatebox a:hover,
.updatebox dl:hover {
	color: #2999c1;
	text-decoration: none;
	cursor: pointer;
}

.what dl a:hover,
.what dl:hover,
.updatebox dl:hover { background: #f4f4f4; }

.what a.btn-green1 { color:#fff;}

.what dt,
.updatebox dt {
	float: left;
	clear: both;
	width: 9em;
}

.what dd,
.updatebox dd { margin-left: 9em; }


@media screen and (max-width: 480px) {
	.updatebox dt { float: none; }
	.updatebox dd { margin-left: 0; }
}


.what h3,
.kizi h3 { font-size:1.5rem !important;}

.what h3 i ,
.kizi h3 i{padding-right:10px; padding-left:5px;}


.kizi ul{	
	margin: 0;
	padding: 0;
}

.kizi li {
	list-style: none;
	line-height: 1.5;
	border-bottom: 1px dotted #ccc;
	font-size: 1rem;
}

.kizi li a {
	display: block;
	padding: 10px 5px;
	text-decoration: none;
}

.kizi li a:before {
	display: inline;
	padding-right: 4px;
	font-family: 'icomoon';
	opacity: .3;
	content: "\e908";
}

.kizi li a,
.kizi li a:link,
.kizi li a:visited {
	display: block;
	width: auto;
	text-decoration: none;
	outline: 0;
}

.kizi a:hover {
	background: #f5f5f5;	color: #0099cc;}
	

#map_canvas {width:100%; height:450px;}