/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css / mo */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/*h1 {
  font-size: 2em;
  margin: 0.67em 0;
}*/
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 
a:active,
a:hover {
  outline-width: 0;
}*/
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
	vertical-align:top;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, /* 1 */
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* add */
nav ul,
nav ol {
    list-style: none;
}
dl,
dt,
dd,
ul,
ol,
li {
	padding:0;
	margin:0;
}
ul,
ol ul li {
    list-style: none;
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ mo */
html {font-size: 62.5%;/*10px*/}
body {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.8;
  line-height: 2.0;
	height:auto;
	font-family:Meiryo, 'Hiragino Kaku Gothic ProN', sans-serif,Helvetica, Arial;
	margin: 0;
	background: #ffffff;
	color: #000000;
	text-align: center;
	-webkit-font-smoothreasoning: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #372825;margin: 30px 0 20px;padding: 0;}
audio,canvas,iframe,svg,video {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
em {font-style:normal;}
/* clearfix */
.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {* zoom: 1;}
.clear {clear:both;}
/* ==========================================================================
Author's custom styles
========================================================================== */
*{
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
a{color:#026DB8;text-decoration:underline;}
a:hover {text-decoration:none;}
#wrap {text-align:left;}
@media screen and (max-width: 767px) {
img,video{width:auto;max-width:100%; height:auto;}
a,td,th,.main{word-break:break-all;}
#wrap {position: relative;}
}
@media screen and (min-width: 768px), print {
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter:alpha(opacity=70);}
}
/* ================================================================
media display
================================================================ */
/* sp -767px */
@media screen and (max-width: 767px) {
.pc{display:none;}
}
/* tablet/pc 768px- */
@media screen and (min-width: 768px), print {
.sp{display:none;}
}
/* ================================================================
Vertical Space Default Setting
================================================================ */
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table {margin-bottom: 0;}
/* ---- Nesting ---- */
li > p:first-child, li > ul:first-child, li > ol:first-child, li > dl:first-child, li > table:first-child,
dd > p:first-child, dd > ul:first-child, dd > ol:first-child, dd > dl:first-child, dd > table:first-child,
td > p:first-child, td > ul:first-child, td > ol:first-child, td > dl:first-child, td > table:first-child,
header > p, header > ul, header > ol, header > dl, header > table,
footer > p, footer > ul, footer > ol, footer > dl, footer > table,
nav > p, nav > ul, nav > ol, nav > dl, nav > table {margin-top: 0;}
/* ================================================================
Space Setting
================================================================ */
.mt0 {margin-top: 0 !important;}
.mr0 {margin-right: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.ml0 {margin-left: 0 !important;}
.pt0 {padding-top: 0 !important;}
.pr0 {padding-right: 0 !important;}
.pb0 {padding-bottom: 0 !important;}
.pl0 {padding-left: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mr5 {margin-right: 5px !important;}
.mb5 {margin-bottom: 5px !important;}
.ml5 {margin-left: 5px !important;}
.pt5 {padding-top: 5px !important;}
.pr5 {padding-right: 5px !important;}
.pb5 {padding-bottom: 5px !important;}
.pl5 {padding-left: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mr10 {margin-right: 10px !important;}
.mb10 {margin-bottom: 10px !important;}
.ml10 {margin-left: 10px !important;}
.pt10 {padding-top: 10px !important;}
.pr10 {padding-right: 10px !important;}
.pb10 {padding-bottom: 10px !important;}
.pl10 {padding-left: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mr15 {margin-right: 15px !important;}
.mb15 {margin-bottom: 15px !important;}
.ml15 {margin-left: 15px !important;}
.pt15 {padding-top: 15px !important;}
.pr15 {padding-right: 15px !important;}
.pb15 {padding-bottom: 15px !important;}
.pl15 {padding-left: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mr20 {margin-right: 20px !important;}
.mb20 {margin-bottom: 20px !important;}
.ml20 {margin-left: 20px !important;}
.pt20 {padding-top: 20px !important;}
.pr20 {padding-right: 20px !important;}
.pb20 {padding-bottom: 20px !important;}
.pl20 {padding-left: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mr25 {margin-right: 25px !important;}
.mb25 {margin-bottom: 25px !important;}
.ml25 {margin-left: 25px !important;}
.pt25 {padding-top: 25px !important;}
.pr25 {padding-right: 25px !important;}
.pb25 {padding-bottom: 25px !important;}
.pl25 {padding-left: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mr30 {margin-right: 30px !important;}
.mb30 {margin-bottom: 30px !important;}
.ml30 {margin-left: 30px !important;}
.pt30 {padding-top: 30px !important;}
.pr30 {padding-right: 30px !important;}
.pb30 {padding-bottom: 30px !important;}
.pl30 {padding-left: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mr40 {margin-right: 40px !important;}
.mb40 {margin-bottom: 40px !important;}
.ml40 {margin-left: 40px !important;}
.pt40 {padding-top: 40px !important;}
.pr40 {padding-right: 40px !important;}
.pb40 {padding-bottom: 40px !important;}
.pl40 {padding-left: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mr50 {margin-right: 50px !important;}
.mb50 {margin-bottom: 50px !important;}
.ml50 {margin-left: 50px !important;}
.pt50 {padding-top: 50px !important;}
.pr50 {padding-right: 50px !important;}
.pb50 {padding-bottom: 50px !important;}
.pl50 {padding-left: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}
.mt-10 {margin-top: -10px !important;}
.mt-20 {margin-top: -20px !important;}
.mt-30 {margin-top: -30px !important;}
.mt-40 {margin-top: -40px !important;}
.mt-50 {margin-top: -50px !important;}
.mt-60 {margin-top: -60px !important;}
.mt-70 {margin-top: -70px !important;}
.mt-80 {margin-top: -80px !important;}
.mt-90 {margin-top: -90px !important;}
.mt-100 {margin-top: -100px !important;}
.ml-10 {margin-left: -10px !important;}
.ml-10 {margin-left: -10px !important;}
.ml-20 {margin-left: -20px !important;}
.ml-30 {margin-left: -30px !important;}
.ml-40 {margin-left: -40px !important;}
.ml-50 {margin-left: -50px !important;}
.ml-60 {margin-left: -60px !important;}
.ml-70 {margin-left: -70px !important;}
.ml-80 {margin-left: -80px !important;}
.ml-90 {margin-left: -90px !important;}
.ml-100 {margin-left: -100px !important;}
.mr-10 {margin-right: -10px !important;}
.mr-10 {margin-right: -10px !important;}
.mr-20 {margin-right: -20px !important;}
.mr-30 {margin-right: -30px !important;}
.mr-40 {margin-right: -40px !important;}
.mr-50 {margin-right: -50px !important;}
.mr-60 {margin-right: -60px !important;}
.mr-70 {margin-right: -70px !important;}
.mr-80 {margin-right: -80px !important;}
.mr-90 {margin-right: -90px !important;}
.mr-100 {margin-right: -100px !important;}
.mt1em {margin-top: 1em !important;}
.mr1em {margin-right: 1em !important;}
.mb1em {margin-bottom: 1em !important;}
.ml1em {margin-left: 1em !important;}
.pt1em {padding-top: 1em !important;}
.pr1em {padding-right: 1em !important;}
.pb1em {padding-bottom: 1em !important;}
.pl1em {padding-left: 1em !important;}
.mauto {margin: auto !important;}
.m0 {margin: 0 !important;}
.m5 {margin: 5px !important;}
.m10 {margin: 10px !important;}
.m15 {margin: 15px !important;}
.m20 {margin: 20px !important;}
.m30 {margin: 30px !important;}
.m40 {margin: 40px !important;}
.m50 {margin: 50px !important;}
.m60 {margin: 60px !important;}
.m70 {margin: 70px !important;}
.m80 {margin: 80px !important;}
.m90 {margin: 90px !important;}
.m100 {margin: 100px !important;}
.p0 {padding: 0 !important;}
.p5 {padding: 5px !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.p30 {padding: 30px !important;}
/* sp -767px */
@media screen and (max-width: 767px) {
.sp-mt0 {margin-top: 0 !important;}
.sp-mr0 {margin-right: 0 !important;}
.sp-mb0 {margin-bottom: 0 !important;}
.sp-ml0 {margin-left: 0 !important;}
.sp-pt0 {padding-top: 0 !important;}
.sp-pr0 {padding-right: 0 !important;}
.sp-pb0 {padding-bottom: 0 !important;}
.sp-pl0 {padding-left: 0 !important;}
.sp-mt5 {margin-top: 5px !important;}
.sp-mr5 {margin-right: 5px !important;}
.sp-mb5 {margin-bottom: 5px !important;}
.sp-ml5 {margin-left: 5px !important;}
.sp-pt5 {padding-top: 5px !important;}
.sp-pr5 {padding-right: 5px !important;}
.sp-pb5 {padding-bottom: 5px !important;}
.sp-pl5 {padding-left: 5px !important;}
.sp-mt10 {margin-top: 10px !important;}
.sp-mr10 {margin-right: 10px !important;}
.sp-mb10 {margin-bottom: 10px !important;}
.sp-ml10 {margin-left: 10px !important;}
.sp-pt10 {padding-top: 10px !important;}
.sp-pr10 {padding-right: 10px !important;}
.sp-pb10 {padding-bottom: 10px !important;}
.sp-pl10 {padding-left: 10px !important;}
.sp-mt15 {margin-top: 15px !important;}
.sp-mr15 {margin-right: 15px !important;}
.sp-mb15 {margin-bottom: 15px !important;}
.sp-ml15 {margin-left: 15px !important;}
.sp-pt15 {padding-top: 15px !important;}
.sp-pr15 {padding-right: 15px !important;}
.sp-pb15 {padding-bottom: 15px !important;}
.sp-pl15 {padding-left: 15px !important;}
.sp-mt20 {margin-top: 20px !important;}
.sp-mr20 {margin-right: 20px !important;}
.sp-mb20 {margin-bottom: 20px !important;}
.sp-ml20 {margin-left: 20px !important;}
.sp-pt20 {padding-top: 20px !important;}
.sp-pr20 {padding-right: 20px !important;}
.sp-pb20 {padding-bottom: 20px !important;}
.sp-pl20 {padding-left: 20px !important;}
.sp-mt30 {margin-top: 30px !important;}
.sp-mr30 {margin-right: 30px !important;}
.sp-mb30 {margin-bottom: 30px !important;}
.sp-ml30 {margin-left: 30px !important;}
.sp-pt30 {padding-top: 30px !important;}
.sp-pr30 {padding-right: 30px !important;}
.sp-pb30 {padding-bottom: 30px !important;}
.sp-pl30 {padding-left: 30px !important;}
.sp-mt40 {margin-top: 40px !important;}
.sp-mr40 {margin-right: 40px !important;}
.sp-mb40 {margin-bottom: 40px !important;}
.sp-ml40 {margin-left: 40px !important;}
.sp-pt40 {padding-top: 40px !important;}
.sp-pr40 {padding-right: 40px !important;}
.sp-pb40 {padding-bottom: 40px !important;}
.sp-pl40 {padding-left: 40px !important;}
.sp-mt50 {margin-top: 50px !important;}
.sp-mr50 {margin-right: 50px !important;}
.sp-mb50 {margin-bottom: 50px !important;}
.sp-ml50 {margin-left: 50px !important;}
.sp-pt50 {padding-top: 50px !important;}
.sp-pr50 {padding-right: 50px !important;}
.sp-pb50 {padding-bottom: 50px !important;}
.sp-pl50 {padding-left: 50px !important;}
.sp-mt60 {margin-top: 60px !important;}
.sp-mt70 {margin-top: 70px !important;}
.sp-mt80 {margin-top: 80px !important;}
.sp-mt90 {margin-top: 90px !important;}
.sp-mt100 {margin-top: 100px !important;}
}
/* ================================================================
width
================================================================ */
.w100p {width: 100% !important;}
.w90p {width: 90% !important;}
.w80p {width: 80% !important;}
.w70p {width: 70% !important;}
.w60p {width: 60% !important;}
.w50p {width: 50% !important;}
.w40p {width: 40% !important;}
.w30p {width: 30% !important;}
.w20p {width: 20% !important;}
.w10p {width: 10% !important;}
.sp-img-email {width: 180px; height: auto;}
/* sp -767px */
@media screen and (max-width: 767px) {
.sp-w100p {width: 100% !important;}
.sp-w90p {width: 90% !important;}
.sp-w80p {width: 80% !important;}
.sp-w70p {width: 70% !important;}
.sp-w60p {width: 60% !important;}
.sp-w50p {width: 50% !important;}
.sp-w40p {width: 40% !important;}
.sp-w30p {width: 30% !important;}
.sp-w20p {width: 20% !important;}
.sp-w15p {width: 15% !important;}
.sp-w10p {width: 10% !important;}
.sp-w5p {width: 5% !important;}
}
/* tablet/pc 768px- */
@media screen and (min-width: 768px), print {
.pc-w100p {width: 100% !important;}
.pc-w90p {width: 90% !important;}
.pc-w80p {width: 80% !important;}
.pc-w70p {width: 70% !important;}
.pc-w60p {width: 60% !important;}
.pc-w50p {width: 50% !important;}
.pc-w40p {width: 40% !important;}
.pc-w30p {width: 30% !important;}
.pc-w20p {width: 20% !important;}
.pc-w10p {width: 10% !important;}
}
/* ================================================================
min-width
================================================================ */
.minwidth-300 { min-width:300px;}
.minwidth-280 { min-width:280px;}
/* ================================================================
min-height
================================================================ */
.minheight-1em { min-height:1em;}
.minheight-2em { min-height:2em;}
.minheight-3em { min-height:3em;}
.minheight-4em { min-height:4em;}
.minheight-5em { min-height:5em;}
.minheight-6em { min-height:6em;}
.minheight-7em { min-height:7em;}
.minheight-8em { min-height:8em;}
.minheight-9em { min-height:9em;}
.minheight-10em { min-height:10em;}
.minheight-15em { min-height:15em;}
.minheight-20em { min-height:20em;}
.minheight-25em { min-height:25em;}
.minheight-30em { min-height:30em;}
.minheight-40em { min-height:40em;}
/* ================================================================
height
================================================================ */
.height-1em { height:1em;}
.height-2em { height:2em;}
.height-3em { height:3em;}
.height-4em { height:4em;}
.height-5em { height:5em;}
.height-6em { height:6em;}
.height-7em { height:7em;}
.height-8em { height:8em;}
.height-9em { height:9em;}
.height-10em { height:10em;}
/* ================================================================
font-size
================================================================ */
/* ----------------------------------------------------------------
font
---------------------------------------------------------------- */
.f40 {font-size:40px;font-size:4.0rem;}
.f38 {font-size:38px;font-size:3.8rem;}
.f36 {font-size:36px;font-size:3.6rem;}
.f34 {font-size:34px;font-size:3.4rem;}
.f32 {font-size:32px;font-size:3.2rem;}
.f30 {font-size:30px;font-size:3.0rem;}
.f28 {font-size:28px;font-size:2.8rem;}
.f26 {font-size:26px;font-size:2.6rem;}
.f24 {font-size:24px;font-size:2.4rem;}
.f22 {font-size:22px;font-size:2.2rem;}
.f20 {font-size:20px;font-size:2.0rem;}
.f18 {font-size:18px;font-size:1.8rem;}
.f17 {font-size:17px;font-size:1.7rem;}
.f16 {font-size:16px;font-size:1.6rem;}
.f15 {font-size:15px;font-size:1.5rem;}
.f14 {font-size:14px;font-size:1.4rem;}
.f13 {font-size:13px;font-size:1.3rem;}
.f12 {font-size:12px;font-size:1.2rem;}
.f11 {font-size:11px;font-size:1.1rem;}
.f10 {font-size:10px;font-size:1.0rem;}
/* sp -767px */
@media screen and (max-width: 767px) {
.sp-f40 {font-size:40px;font-size:4.0rem;}
.sp-f38 {font-size:38px;font-size:3.8rem;}
.sp-f36 {font-size:36px;font-size:3.6rem;}
.sp-f34 {font-size:34px;font-size:3.4rem;}
.sp-f32 {font-size:32px;font-size:3.2rem;}
.sp-f30 {font-size:30px;font-size:3.0rem;}
.sp-f28 {font-size:28px;font-size:2.8rem;}
.sp-f26 {font-size:26px;font-size:2.6rem;}
.sp-f24 {font-size:24px;font-size:2.4rem;}
.sp-f22 {font-size:22px;font-size:2.2rem;}
.sp-f20 {font-size:20px;font-size:2.0rem;}
.sp-f18 {font-size:18px;font-size:1.8rem;}
.sp-f17 {font-size:17px;font-size:1.7rem;}
.sp-f16 {font-size:16px;font-size:1.6rem;}
.sp-f15 {font-size:15px;font-size:1.5rem;}
.sp-f14 {font-size:14px;font-size:1.4rem;}
.sp-f13 {font-size:13px;font-size:1.3rem;}
.sp-f12 {font-size:12px;font-size:1.2rem;}
.sp-f11 {font-size:11px;font-size:1.1rem;}
.sp-f10 {font-size:10px;font-size:1.0rem;}
.sp-f9 { font-size:9px;font-size:0.9rem;}
.sp-f8 { font-size:8px;font-size:0.8rem;}
.sp-f7 { font-size:7px;font-size:0.7rem;}
}
/* ================================================================
header
================================================================ */
.header * {
	margin: 0;
	padding: 0;
}
.header {
	width: 100%;
	margin-bottom:0;
}
.header-in {
  position: relative;
	width: 100%;
	height: 70px;
	background-color:#fff;
}
.header .h-ci {
	position: absolute;
	top: 10px;
	left: 10px;
  width: 190px;/* fallback android */
  width: calc(100% - 130px);
	height: auto;
	color: #000;
	text-align: left;
	font-weight:bold;
	line-height:1.4;
	font-size:1.6rem;
}
.header .h-ci a{
	color: inherit;
	text-decoration:none;
}
.header .h-ci a:hover{
	text-decoration:underline;
}
.header .h-ci span {
	display: block;
	font-size:1.0rem;
	margin-bottom:4px;
	font-weight: normal;
}
.header-utility {
	position: absolute;
	top: 10px;
	right: 0;
	width: 100%;
	min-height: 40px;
}
.header .sp-nav{
	position: absolute;
	top: 0px;
	right: 10px;
	width: 110px;
	height: 50px;
	margin:0;
	padding:0;
}
.header .sp-nav li {
	margin-top:0;
	list-style:none;
}
.header .sp-nav li.b-tel {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	border: 0;
}
.header .sp-nav li.b-tel img {
	width: 50px;
	height: 50px;
}
.header .sp-nav li.b-menu {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	border: 0;
	cursor: pointer;
}
/* ================================================================
nav
================================================================ */
/* sp -767px */
.utility-nav {
	display:none;
}
.sp-utility-nav {
	background-color:#fff;
	position:relative;
	width:100%;
	height:85px;
	margin:0;
	padding:0;
}
.sp-utility-nav li {
	list-style: none;
	margin-top:0;
}
.sp-utility-nav li a {
	position:absolute;
	display: block;
	width: 100px;
	height: 60px;
	padding:0;
	background-color: #fff;
	color: #000;
	font-size:1.2rem;
	line-height: 1.0;
	text-align: center;
	vertical-align:top;
	text-decoration:none;
}
.sp-utility-nav li.unav-mail a { 
	top:10px;
	left:10px;
}
.sp-utility-nav li.unav-tel a {
	top:10px;
	left:120px;
}
.sp-utility-nav li a i {
	font-size: 2.0rem;
	line-height:36px;
	display:block;
	margin:0 ;
  color: #F79D17;
	vertical-align:middle;
}
#gnav {
	width: 100%;
	min-width: 230px;
	margin: 0;
	padding: 0;
	background-color:#FAE6D8;
}
#gnav a {
	text-decoration:none;
}
#gnav li {
	margin-top:0;
}
#gnav > li {
	list-style:none;
	width: 100%;
	border-bottom:1px solid #fff;
}
#gnav > li > a {
	position:relative;
	display:block;
	width: 100%;
	padding:12px 10px;
	line-height:20px;
	background-color:#FAE6D8;
	color:#000;
	font-size:1.4rem;
}
#gnav > li > a.current {
	background-color:#F3BD98;
}
/* ================================================================
drawer
================================================================ */
/*!
 * jquery-drawer v3.2.2
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */
/* sp -767px */
@media screen and (max-width: 767px) {
		/*!------------------------------------*\
				Base
		\*!------------------------------------*/
		.drawer-open {
			overflow: hidden !important;
		}	
		.drawer-nav {
			position: fixed;
			z-index: 101;
			top: 0;
			overflow: hidden;
			width: 16.25rem;
			width: 230px;
			height: 100%;
			color: #222;
			background-color:#FAE6D8;
		}
		.drawer-brand {
			font-size: 1.5rem;
			font-weight: bold;
			line-height: 80px;
			display: block;
			padding-right: .75rem;
			padding-left: .75rem;
			text-decoration: none;
			color: #222;
		}
		.drawer-menu {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.drawer-menu-item {
			font-size: 1rem;
			display: block;
			padding: .75rem;
			text-decoration: none;
			color: #222;
		}
		.drawer-menu-item:hover {
			text-decoration: underline;
			color: #555;
			background-color: transparent;
		}
		/*! overlay */
		.drawer-overlay {
			position: fixed;
			z-index: 100;
			top: 0;
			left: 0;
			display: none;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, .2);
		}
		.drawer-open .drawer-overlay {
			display: block;
		}
		/*!------------------------------------*\
				Right
		\*!------------------------------------*/
		.drawer--right .drawer-nav {
			/*right: -16.25rem;*/
			right: -230px;
			-webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
			transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		}
		.drawer--right.drawer-open .drawer-nav {
			right: 0;
		}
		.drawer--right .drawer-hamburger,
		.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
			/*right: 0;*/
			right: 10px;
		}
		.drawer--right.drawer-open .drawer-hamburger {
			/*right: 16.25rem;*/
			right: 230px;
		}
		/*!------------------------------------*\
				Hamburger
		\*!------------------------------------*/
		.drawer-hamburger {
			position: fixed;
			z-index: 104;
			top: 10px;
			display: block;
			box-sizing: content-box;
			width: 50px;
			height:50px;
			border: 0;
			outline: 0;
			background-color:#fff;
		}
		.drawer-hamburger:hover {
			cursor: pointer;
		}
		.drawer-hamburger-icon {
			position: relative;
			display: block;
			width: 50px;
			height: 50px;
			background-image: url(../images/b-menu.png);
			background-repeat: no-repeat;
			background-size:50px;
		}
		.drawer-open .drawer-hamburger-icon {
			background-image: url(../images/b-menu-on.png);
		}
		/*!------------------------------------*\
				accessibility
		\*!------------------------------------*/
		/*!
		 * Only display content to screen readers
		 * See: http://a11yproject.com/posts/how-to-hide-content
		 */
		.sr-only {
			position: absolute;
			overflow: hidden;
			clip: rect(0, 0, 0, 0);
			width: 1px;
			height: 1px;
			margin: -1px;
			padding: 0;
			border: 0;
		}
		/*!
		 * Use in conjunction with .sr-only to only display content when it's focused.
		 * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
		 * Credit: HTML5 Boilerplate
		 */
		.sr-only-focusable:active,
		.sr-only-focusable:focus {
			position: static;
			overflow: visible;
			clip: auto;
			width: auto;
			height: auto;
			margin: 0;
		}
		/*!------------------------------------*\
				Sidebar
		\*!------------------------------------*/
		.drawer--sidebar {
			background-color: #fff;
		}
		.drawer--sidebar .drawer-contents {
			background-color: #fff;
		}
		@media (min-width: 64em) {
			.drawer--sidebar .drawer-hamburger {
				display: none;
				visibility: hidden;
			}
			.drawer--sidebar .drawer-nav {
				display: block;
				-webkit-transform: none;
								transform: none;
				position: fixed;
				width: 230px;
				height: 100%;
			}
			/*! Right */
			.drawer--sidebar.drawer--right .drawer-nav {
				right: 0;
				border-left: 1px solid #ddd;
			}
			.drawer--sidebar.drawer--right .drawer-contents {
				margin-right: 230px;
			}
			/*! container */
			.drawer--sidebar .drawer-container {
				max-width: 48rem;
			}
		}
		@media (min-width: 75em) {
			.drawer--sidebar .drawer-nav {
				width: 230px;
			}
			.drawer--sidebar.drawer--right .drawer-contents {
				margin-right: 230px;
			}
			/*! container */
			.drawer--sidebar .drawer-container {
				max-width: 60rem;
			}
		}
		/*!------------------------------------*\
				Navbar
		\*!------------------------------------*/
		.drawer--navbarTopGutter {
			padding-top: 70px;
		}
		.drawer-navbar .drawer-navbar-header {
			background-color: #fff;
		}
		.drawer-navbar {
			z-index: 102;
			top: 0;
			width: 100%;
		}
		/*! .drawer-navbar modifier */
		.drawer-navbar--fixed {
			position: fixed;
		}
		.drawer-navbar-header {
			border-bottom:1px solid #cccccc;
			position: relative;
			z-index: 102;
			box-sizing: border-box;
			width: 100%;
			height: 70px;
			padding: 0 .75rem;
			text-align: center;
		}
		.drawer-navbar .drawer-brand {
			line-height: 70px;
			display: inline-block;
			padding-top: 0;
			padding-bottom: 0;
			text-decoration: none;
		}
		.drawer-navbar .drawer-brand:hover {
			background-color: transparent;
		}
		.drawer-navbar .drawer-nav {
			/*padding-top: 3.75rem;*/
			padding-top: 70px;
		}
		.drawer-navbar .drawer-menu {
			padding-bottom: 7.5rem;
		}
		@media (min-width: 64em) {
			.drawer-navbar {
				height: 70px;
				background-color: #fff;
			}
			.drawer-navbar .drawer-navbar-header {
				position: relative;
				display: block;
				float: left;
				width: auto;
				padding: 0;
				border: 0;
			}
			.drawer-navbar .drawer-menu--right {
				float: right;
			}
			.drawer-navbar .drawer-menu li {
				float: left;
			}
			.drawer-navbar .drawer-menu-item {
				line-height: 70px;
				padding-top: 0;
				padding-bottom: 0;
			}
			.drawer-navbar .drawer-hamburger {
				display: none;
			}
			.drawer-navbar .drawer-nav {
				position: relative;
				left: 0;
				overflow: visible;
				width: auto;
				height: 70px;
				padding-top: 0;
				-webkit-transform: translate3d(0, 0, 0);
								transform: translate3d(0, 0, 0);
			}
			.drawer-navbar .drawer-menu {
				padding: 0;
			}
			/*! dropdown */
			.drawer-navbar .drawer-dropdown-menu {
				position: absolute;
				width: 230px;
				border: 1px solid #ddd;
			}
			.drawer-navbar .drawer-dropdown-menu-item {
				padding-left: .75rem;
			}
		}
		/*!------------------------------------*\
				Dropdown
		\*!------------------------------------*/
		.drawer-dropdown-menu {
			display: none;
			box-sizing: border-box;
			width: 100%;
			margin: 0;
			padding: 0;
			background-color: #fff;
		}
		.drawer-dropdown-menu > li {
			width: 100%;
			list-style: none;
		}
		.drawer-dropdown-menu-item {
			line-height: 80px;
			display: block;
			padding: 0;
			padding-right: .75rem;
			padding-left: 1.5rem;
			text-decoration: none;
			color: #222;
		}
		.drawer-dropdown-menu-item:hover {
			text-decoration: underline;
			color: #555;
			background-color: transparent;
		}
		/*! open */
		.drawer-dropdown.open > .drawer-dropdown-menu {
			display: block;
		}
		/*! drawer-caret */
		.drawer-dropdown .drawer-caret {
			display: inline-block;
			width: 0;
			height: 0;
			margin-left: 4px;
			-webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
			transition: opacity .2s ease, -webkit-transform .2s ease;
			transition: transform .2s ease, opacity .2s ease;
			transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
			-webkit-transform: rotate(0deg);
							transform: rotate(0deg);
			vertical-align: middle;
			border-top: 4px solid;
			border-right: 4px solid transparent;
			border-left: 4px solid transparent;
		}
		/*! open */
		.drawer-dropdown.open .drawer-caret {
			-webkit-transform: rotate(180deg);
							transform: rotate(180deg);
		}
		/*!------------------------------------*\
				Container
		\*!------------------------------------*/
		.drawer-container {
			margin-right: auto;
			margin-left: auto;
		}
		@media (min-width: 64em) {
			.drawer-container {
				max-width: 60rem;
			}
		}
		@media (min-width: 75em) {
			.drawer-container {
				max-width: 70rem;
			}
		}
}
/* ================================================================
bottom-banner
================================================================ */
.bottom-banner {
	width: 100%;
	min-width: 320px;
	margin: 0;
	padding: 20px 10px 30px;
	text-align:center;
	background-color:#ECE7D4;
}
.bottom-banner ul {
	margin: 0;
	padding: 0;
}
.bottom-banner ul li {
	list-style:none;
	margin-left: 0;
	padding-left: 0;
}
/* ================================================================
container 
================================================================ */
/* ================================================================
footer
================================================================ */
.footer1 {
	width: 100%;
	min-width: 320px;
	margin: 0;
	padding: 30px 10px;
	text-align:left;
	line-height:1.4;
}
.footer1 .f-ci {
	font-size:1.6rem;
}
.footer1 .f-ci dt {
	font-size:2.4rem;
	margin-bottom:10px;
}
.footer1 .f-ci dt span {
	display:block;
	font-size:1.8rem;
	line-height:1.2;
}
.footer-copy {
	background: #717070;
	text-align:left;
	position: relative;
}
.footer-copy-in {
	width: 100%;
	min-width: 320px;
	margin: 0;
	padding: 20px 10px;
}
.footer-copy .copy {
	margin-top: 0;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.4;
}
/* ================================================================
pagetop
================================================================ */
#pagetop {
	position: fixed;
	right: 10px;
	bottom: 10px;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	width: 60px;
	height: 60px;
	z-index: 10;
}
#pagetop img {
	width: 100%;
	height: 100%;
}
/* ================================================================
main-header
================================================================ */
.main-header {
	width: 100%;
	min-width: 320px;
}
.main-header .main-header-ttl {
	display:table-cell;
	padding: 10px;
	height:124px;
	font-size: 2.6rem;
	line-height: 1.4;
	font-weight:bold;
	vertical-align:middle;
}
.main-header-ttl span:before {
	content:"";
	display: inline-block;
	width:32px;
	height:32px;
	margin-right:10px;
	background-repeat: no-repeat;
	background-position: 0;
	background-size:32px;
	vertical-align: middle;
	background-color:transparent;
}
.cat-greeting .main-header-ttl span:before {background-image: url(../images/i-cat-greeting.png);}
.cat-staff .main-header-ttl span:before {background-image: url(../images/i-cat-staff.png);}
.cat-ph .main-header-ttl span:before {background-image: url(../images/i-cat-ph.png);}
.cat-disease .main-header-ttl span:before {background-image: url(../images/i-cat-disease.png);}
.cat-research .main-header-ttl span:before {background-image: url(../images/i-cat-research.png);}
.cat-inquiry .main-header-ttl span:before {background-image: url(../images/i-cat-inquiry.png);}
/* ================================================================
topicpath
================================================================ */
.topicpath {
	width: 100%;
	min-width: 320px;
	padding:0;
	background-color:#EEEEEE;
}
.topicpath ol {
	margin: 0;
	padding:10px;
	line-height:1.5;
}
.topicpath ol li {
	display: inline;
	font-size: 1.2rem;
	padding-right: 0.5em;
}
.topicpath ol li + li {
	padding-left:0.7em;
	border-left:1px solid #989898;
}
/* ================================================================
contents
================================================================ */
/* ================================================================
main 
================================================================ */
.main {
	width: 100%;
	min-width: 320px;
	margin: 0;
	padding: 0 10px 50px;
}
#top .main {
	padding: 0 0 30px;
}
.top-contents {
	width: 100%;
	min-width: 320px;
	margin: 0;
	padding: 0 10px;
}

/* section */
.section {
  padding-bottom: 40px;
}

/* ----------------------------------------------------------------
title 
---------------------------------------------------------------- */
h2,
.h2 {
	margin: 30px 0;
	padding: 12px 0;
	border-top: 4px solid #F3BD98;
	border-bottom: 1px solid #C8C9C9;
	font-size: 2.4rem;
	line-height: 1.4;
}
.main .entry h2:first-child {
	margin-top: 0;
}
h2.h2-none,
.h2.h2-none {
	padding: 0;
	border-top: 0;
	border-bottom: 0;
	background: none;
}
h3,
.h3 {
	margin: 30px 0 20px;
	padding:0;
	font-size: 2.2rem;
	line-height: 1.4;
	color:#E56B18;
	border-top:0;
	border-bottom:0;
}
.h2-info{
	margin: 50px 0 0;
	padding: 24px 0 24px 70px;
	font-size: 2.4rem;
	font-weight: normal;
	color: #000;
	background-image: url(../images/i-fukidashi.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:55px 50px;
}
h4,
.h4 {
	margin: 30px 0 20px;
	font-size:2.0rem;
	line-height: inherit;
	line-height: 1.4;
}
h4 + h5, h4 + h6, h4 + p, h4 + ul, h4 + ol, h4 + dl, h4 + table, h4 + .box-sen {
	margin-top: 0 !important;
}
h5,
.h5 {
	margin: 20px 0 0;
	font-size:1.8rem;
	line-height: 1.4;
}
h5 + h6, h5 + h6, h5 + p, h5 + ul, h5 + ol, h5 + dl, h5 + table, h5 + .box-sen {
	margin-top: 0 !important;
}
h6 {
	margin: 20px 0 0;
	font-size:1.8rem;
	line-height: 1.4;
}
h6 + p, h6 + ul, h6 + ol, h6 + dl, h6 + table {
	margin-top: 0 !important;
}
/* ----------------------------------------------------------------
style 
---------------------------------------------------------------- */
p {margin-top:20px;}

ul,
ol {margin-top:20px;margin-left:1.5em; padding-left:2em;}
ul li > ul,
ol li > ul {margin-top:0;}
ul li,
ol li {margin-top:10px;}
ul > li {list-style-image: url(../images/disc1.png);}
ul.list-style-none {margin-left:0; padding-left:0;}
ul.list-style-none > li {list-style-image: none;}

ol li {list-style:decimal;}
ul.list-mt0 > li,
ol.list-mt0 > li {margin-top:0;}

ol.list-style-none > li {list-style: none;}

ol.upper-roman > li {list-style: upper-roman;}
ol.decimal-leading-zero > li {list-style: decimal-leading-zero;}
ol.lower-alpha > li {list-style: lower-alpha;}
ol.upper-alpha > li {list-style: upper-alpha;}
ol.cjk-ideographic > li {list-style: cjk-ideographic;}
 
ol.list-research {padding-left: 0; font-family:Georgia, Meiryo, 'Hiragino Kaku Gothic ProN', sans-serif,Helvetica, Arial;}
ol.list-research li {margin:3em 0 0;}
ol.list-research li em,
ol.list-research li i{font-style: italic;}

ul.list-nostyle, 
ol.list-nostyle,
ul.list-nostyle li,
ol.list-nostyle li {margin:0;padding:0;list-style-image:none;}

table{margin-top:24px;border-collapse:collapse;border-spacing:0;}
table caption {padding:15px;border:1px solid #989898; border-bottom:0; text-align:left;vertical-align:top;background-color:#F1F4E7; font-weight:bold;}
table th,
table td {padding:15px;border:1px solid #989898;vertical-align:top;}
table th {background-color:#FBEFE6;font-weight:normal;}
table th.bold {font-weight:bold;}

table tr.tb2,
table th.tb2,
table td.tb2 {background-color:#F6F6F6;}
table tr.tb3,
table th.tb3,
table td.tb3 {background-color:#F9FAF3;}

table th.verticalalign-middle,
table td.verticalalign-middle{vertical-align:middle;}

@media screen and (max-width: 767px) {
table th.sp-nowrap,
table td.sp-nowrap{ white-space:nowrap;}
}
table th.nowrap,
table td.nowrap { white-space:nowrap;}

.main table th > ul,.main table td > ul,
.main table th > ol,.main table td > ol {margin-left:0; padding-left:1.5em;}
table th > ul li:first-child,table td > ul li:first-child,
table th > ol li:first-child,table td > ol li:first-child {margin-top:0;}

table th > ul li,table td > ul li,
table th > ol li,table td > ol li {margin-top:0;}
table.table-center th,
table.table-center td {text-align:center;}
table.table-th-center th {text-align:center;}

table.table-small caption,
table.table-small th,
table.table-small td {padding:10px;}

table.table-xsmall caption,
table.table-xsmall th,
table.table-xsmall td {padding:4px;}

@media screen and (max-width: 767px) {
table.sp-table-small caption,
table.sp-table-small th,
table.sp-table-small td {padding:10px;}

table.sp-table-xsmall caption,
table.sp-table-xsmall th,
table.sp-table-xsmall td {padding:4px;}

}
table.noline{margin-top:0;}
table.noline th,
table.noline td {padding:0 5px 0 0;border:0;vertical-align:top;}
table.noline th {background-color:transparent;font-weight:normal;}

/* ---- table-responsive ---- */
@media screen and (max-width: 767px) {
table.table-res th,
table.table-res td {display:block;width:100%;}
table.table-res th + td{border-top:0;}
table.table-res tr + tr > th{border-top:0;}

.table-scroll{
overflow: auto;
white-space: nowrap;
}
.table-scroll>table{
width:100%;
}
.table-scroll>table th,
.table-scroll>table td{
white-space: nowrap;
}
.table-scroll::-webkit-scrollbar{
height: 5px;
}
.table-scroll::-webkit-scrollbar-track{
background: #F1F1F1;
}
.table-scroll::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
}
/* dl-list */
dl.dl-list {
	margin-top: 20px;
}
dl.dl-list:before,
dl.dl-list:after {content: " ";display: table;}
dl.dl-list:after {clear: both;}
dl.dl-list {* zoom: 1;}
dl.dl-list dt {
	width:4em;
	float:left;
	clear:left;
}
dl.dl-list dd {
	margin-left:4em;
}
dl.dl-list-2em dt {width:2em;}
dl.dl-list-2em dd {margin-left:2em;}
dl.dl-list-3em dt {width:3em;}
dl.dl-list-3em dd {margin-left:3em;}
dl.dl-list-4em dt {width:4em;}
dl.dl-list-4em dd {margin-left:4em;}
dl.dl-list-5em dt {width:5em;}
dl.dl-list-5em dd {margin-left:5em;}
dl.dl-list-6em dt {width:6em;}
dl.dl-list-6em dd {margin-left:6em;}
dl.dl-list-7em dt {width:7em;}
dl.dl-list-7em dd {margin-left:7em;}
dl.dl-list-8em dt {width:8em;}
dl.dl-list-8em dd {margin-left:8em;}
dl.dl-list-9em dt {width:9em;}
dl.dl-list-9em dd {margin-left:9em;}
dl.dl-list-10em dt {width:10em;}
dl.dl-list-10em dd {margin-left:10em;}
dl.dl-list-11em dt {width:11em;}
dl.dl-list-11em dd {margin-left:11em;}
dl.dl-list-12em dt {width:12em;}
dl.dl-list-12em dd {margin-left:12em;}
dl.dl-list-13em dt {width:13em;}
dl.dl-list-13em dd {margin-left:13em;}
dl.dl-list-14em dt {width:14em;}
dl.dl-list-14em dd {margin-left:14em;}
dl.dl-list-15em dt {width:15em;}
dl.dl-list-15em dd {margin-left:15em;}
dl.dl-list-16em dt {width:16em;}
dl.dl-list-16em dd {margin-left:16em;}
dl.dl-list-17em dt {width:17em;}
dl.dl-list-17em dd {margin-left:17em;}
dl.dl-list-18em dt {width:18em;}
dl.dl-list-18em dd {margin-left:18em;}
dl.dl-list-19em dt {width:19em;}
dl.dl-list-19em dd {margin-left:19em;}
dl.dl-list-20em dt {width:20em;}
dl.dl-list-20em dd {margin-left:20em;}
dl.dl-list-21em dt {width:21em;}
dl.dl-list-21em dd {margin-left:21em;}

dl.dl-list-mt10 dt,
dl.dl-list-mt10 dd {
	margin-top:10px;
}
@media screen and (max-width: 767px) {
dl.dl-list-sp-break dt {
	width:100%;
	float:none;
	clear:none;
}
dl.dl-list-sp-break dd {
	margin-left:0;
}
}
/* ----------------------------------------------------------------
row
---------------------------------------------------------------- */
.row:before,
.row:after {content: " ";display: table;}
.row:after {clear: both;}
.row {* zoom: 1;}
.row.row-box-center { display:table; width:auto; margin:0 auto;}
.row-box-center {}
.col-10 { width:10%;}
.col-20 { width:20%;}
.col-25 { width:25%;}
.col-30 { width:30%;}
.col-33 { width:33.33333333%;}
.col-40 { width:40%;}
.col-50 { width:50%;}
.col-60 { width:60%;}
.col-70 { width:70%;}
.col-75 { width:70%;}
.col-80 { width:80%;}
.col-90 { width:90%;}
.col-100 { width:100%;}
.row.row-box-center .col-10 { display:table-cell; width:10%;}
.row.row-box-center .col-20 { display:table-cell; width:20%;}
.row.row-box-center .col-25 { display:table-cell; width:25%;}
.row.row-box-center .col-30 { display:table-cell; width:30%;}
.row.row-box-center .col-33 { display:table-cell; width:33.33333333%;}
.row.row-box-center .col-40 { display:table-cell; width:40%;}
.row.row-box-center .col-50 { display:table-cell; width:50%;}
.row.row-box-center .col-60 { display:table-cell; width:60%;}
.row.row-box-center .col-70 { display:table-cell; width:70%;}
.row.row-box-center .col-75 { display:table-cell; width:75%;}
.row.row-box-center .col-80 { display:table-cell; width:80%;}
.row.row-box-center .col-90 { display:table-cell; width:90%;}
.row.row-box-center .col-100 { display:table-cell; width:100%;}

.row .col-10,
.row .col-20,
.row .col-25,
.row .col-30,
.row .col-33,
.row .col-40,
.row .col-50,
.row .col-60,
.row .col-70,
.row .col-75,
.row .col-80,
.row .col-90 { float:left;}

.row .col-10-right,
.row .col-20-right,
.row .col-25-right,
.row .col-30-right,
.row .col-33-right,
.row .col-40-right,
.row .col-50-right,
.row .col-60-right,
.row .col-70-right,
.row .col-75-right,
.row .col-80-right,
.row .col-90-right { float:right;}
@media screen and (max-width: 767px) {
.row .sp-col-100{float:none !important; width:100%;}
}
/* ----------------------------------------------------------------
parts style 
---------------------------------------------------------------- */
hr.hr-gray {border-top: 1px solid #ccc;}
hr.hr-beige {border-top: 1px solid #F8F2E3;}

.textalign-left {text-align:left;}
th.textalign-left,
td.textalign-left {text-align:left !important;}
.textalign-right {text-align:right;}
th.textalign-right,
td.textalign-right{text-align:right !important;}
.textalign-center {text-align:center;}
th.textalign-center,
td.textalign-center {text-align:center !important;}
table.textalign-center{margin-left:auto; margin-right:auto;}

@media screen and (max-width: 767px) {
.sp-textalign-left {text-align:left;}
th.sp-textalign-left,
td.sp-textalign-left {text-align:left !important;}
.sp-textalign-right {text-align:right;}
th.sp-textalign-right,
td.sp-textalign-right{text-align:right !important;}
.sp-textalign-center {text-align:center;}
th.sp-textalign-center,
td.sp-textalign-center {text-align:center !important;}
table.sp-textalign-center{margin-left:auto; margin-right:auto;}
}
@media screen and (max-width: 767px) {
.alignright {text-align:center;margin: 0 auto 24px;display:block;}
.alignleft{text-align:center;margin: 0 auto 24px;display:block;}
img.alignright{width:auto; height:auto; max-width:100%;}
img.alignleft{width:auto; height:auto;max-width:100%;}
.aligncenter {text-align:center;margin: 0 auto 24px;display:block; width:100%; height:auto;}
}
/* figure */
figure.figure-lay {
text-align: center;
margin: 40px auto;
}
figure.figure-lay figcaption {
font-weight: bold;
}
figure.figure-lay img {
margin-top: 20px;
}
@media screen and (min-width: 768px), print {
  figure.figure-lay {
  text-align: center;
  margin: 60px auto 0;
  }
  figure.figure-lay figcaption {
  font-size: 2.2rem;
  }
  figure.figure-lay img {
  margin-top: 40px;
  }
}
.red {color: #DB0000;}
.green {color:#8FA82F;}
.lgreen {color:#C6D296;}
.blue {color:#06C; }
.dorange {color:#E46A17;}
.orange {color:#E56B18;}
.lorange {color:#F3BD98;}
.lorange2 {color:#FAE6D8;}
.lpink {color:#F9C8DA;}
.bold {font-weight:bold;}
.normal {font-weight:normal;}
.italic{
	font-family:'Hiragino Kaku Gothic ProN', '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', Helvetica, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ＭＳ ゴシック', 'MS Gothic', sans-serif, Osaka, Arial;
	font-style: italic;
	font-weight:400;
}
.eng{
	font-family:Georgia, Meiryo, 'Hiragino Kaku Gothic ProN', sans-serif,Helvetica, Arial;
}
.underline { text-decoration:underline;}
.verticalalign-middle{vertical-align:middle;}
.lineheight-1_2{ line-height:1.2;}
.lineheight-1_4{ line-height:1.4;}
.lineheight-2{ line-height:2.0;}
.nowrap {white-space:nowrap;}

.bordertop-gray {border-top: 1px solid #ccc;}
.borderbottom-gray {border-bottom: 1px solid #ccc;}

.notetxt-1em,
ul li.notetxt-1em { text-indent:-1em; padding-left:1em;}
.notetxt-1_5em,
ul li.notetxt-1_5em { text-indent:-1.5em; padding-left:1.5em;}
.notetxt-2em,
ul li.notetxt-2em { text-indent:-2em; padding-left:2em;}
.notetxt-2_5em,
ul li.notetxt-2_5em { text-indent:-2.5em; padding-left:2.5em;}

.lead {line-height:2.0; color:#F89E18; text-shadow: 1px 1px 0px rgba(204, 204, 204, 0.9);}

.display-inlineblock{display:inline-block;}
.display-table{display:table;}
.display-tablecell{	display: table-cell;vertical-align:middle;}
/* box */
.box {
	clear: both;
	margin-top: 32px;
	padding: 16px;
}
.box:before,
.box:after {content: " ";display: table;}
.box:after {clear: both;}
.box {* zoom: 1;}

.box-auto {
	display:table;
	padding: 16px 16px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}
.box h3, .box h4, .box h5, .box h6 {
	margin-top: 20px;
	margin-bottom: 10px;
}
.box p, .box ul, .box ol, .box dl, .box table{
	margin-top: 10px;
}
.box > p:first-child, .box > ul:first-child, .box > ol:first-child, .box > dl:first-child, .box > table:first-child,
.box > h3:first-child, .box > h4:first-child, .box > h5:first-child, .box > h6:first-child {
	margin-top: 0;
}
.box ul{margin-left:0.5em; padding-left:1em;}
.box ol {margin-left:0.5em; padding-left:1em;}

.box-sen-gray {
	border: 2px solid #ddd;
}
.box-sen {
	clear: both;
	margin-top: 30px;
	border: 2px solid #F3BD98;
}
.box-bg {
	clear: both;
	margin-top: 30px;
	padding: 20px 32px;
	border: 0;
	background-color:#FAE6D8;
}
.box-bg-white {
	clear: both;
	margin-top: 30px;
	border: 0;
	background-color:#ffffff;
}
.box-contact {
	clear: both;
	display:table;
	padding: 16px 16px;
	width:100%;
  margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	border: 2px solid #F3BD98;
}


/* for webpage index */
.box-sen > ul.index-link {
	margin-top: 20px;
	margin-bottom:20px;
}
.box-sen > ul.index-link > li {
	margin-top: 20px;
}
.box-sen > ul.index-link > li > ul { 
	margin-left:0;
	padding-left:0;
}
.box-sen > ul.index-link > li > ul > li { 
	position: relative;
	margin-left:0;
	padding-left: 3em;
	list-style:none;
}
.box-sen > ul.index-link > li > ul > li:before {
	display: block;
	position: absolute;
	top: 0;
	left: 1.5em;
	content:"└ ";
	color:#999999;
	pointer-events: none;
}
/* qa */
.box-qa {
	clear: both;
	margin-top: 30px;
	border: 2px solid #F3BD98;
}
.box-qa h2.qa-q,
.box-qa h3.qa-q {
	margin:0;
	padding: 20px 20px 20px 60px;
	border:0;
	font-weight:normal;
	font-size:1.8rem;
	background-color:#FAE6D8;
	background-image: url(../images/i-q.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
	background-size:30px;
	color:#000;
	line-height:1.6;
}
.box-qa .qa-a {
	padding: 20px 20px 20px 60px;
	background-image: url(../images/i-a.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
	background-size:30px;
	line-height:1.6;
}
.qa-a p, .qa-a ul, .qa-a ol, .qa-a dl, .qa-a table{
	margin-top: 10px;
}
.qa-a > p:first-child, .qa-a > ul:first-child, .qa-a > ol:first-child, .qa-a > dl:first-child, .qa-a > table:first-child,
.qa-a > h3:first-child, .qa-a > h4:first-child, .qa-a > h5:first-child, .qa-a > h6:first-child {
	margin-top: 0;
}
/* page-link */
.page-link {
	margin:0;
	padding:0;
}
.box-sen .page-link {
	margin:-10px 0 0 ;
}
.page-link li {
	position: relative;
	display:inline-block;
	margin-left:1em;
	margin-right:1em;
	padding-left:0;
}
.page-link li:before {
	display: block;
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -7px;
	margin-right: 5px;
	content: "";
	height: 0;
	width: 0;
	pointer-events: none;
	border-style:solid;
	border-width:10px 5px 0 5px;
	border-color:#F3BD98 transparent transparent transparent;
}
/* ----------------------------------------------------------------
iframe
---------------------------------------------------------------- */
/* res iframe 16-9 */
.res-container16-9 {position: relative;height: 0; overflow: hidden;padding-bottom: 56.25%;}
.res-container16-9 iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* res iframe 1-1 */
.res-container1-1 {position: relative;height: 0; overflow: hidden;padding-bottom: 100%;}
.res-container1-1 iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* ----------------------------------------------------------------
btn 
---------------------------------------------------------------- */
.btn {
	position:relative;
	display: inline-block;
	line-height: 1.4;
	text-align:left;
	font-family:inherit;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	  touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
	background-image: none;
	border:1px solid #E46A17;
	border-radius: 4px;
  color: #000;
  background-color: #fff;
	text-decoration:none;
	padding: 16px;
	min-width:200px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline-width:thin;
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
  color: #fff;
  background: #E46A17;
	filter: none;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #fff;
  background-color: #E46A17;
	text-decoration: none;

  color: #fff;
  background: #E46A17;
	text-decoration: none;
	filter: none;

}
.btn:active,
.btn.active {
	background-image: none;
  color: #fff;
  background: #E46A17;
	border-color:inherit;
}
.btn:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	margin: auto;
	content: "";
	width: 18px;
	height: 18px;
	border-top: 2px solid #E46A17;
	border-right: 2px solid #E46A17;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
}
.btn:hover:after {
	border-color:#fff;
}

.btn-long {
	width:auto;
	min-width:300px;
}
.btn-contact {
	margin:0;
	box-sizing:border-box;
	padding: 8px 8px 8px 58px;
	font-size: 1.6rem;
	font-weight:bold;
	width:auto;
	min-width:300px;
}
.btn-contact i{
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-20px;
	font-size: 3.6rem;
  color: #F79D17;
	vertical-align:middle;
}
.btn-contact:after {
	right: 16px;
}
/* ----------------------------------------------------------------
icon
---------------------------------------------------------------- */
[class^="icon-"] {
  margin-right: 0.5em;
  margin-left: 0.5em;
}
[class^="icon-"] + [class^="icon-"] {
  margin-left: 0;
}
[class^="icon-"]:before {
  display: inline-block;
  text-decoration: inherit;
	content:"";
	width:20px;
	height:20px;
	background-size:20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align:middle;
}
.icon-pdf:before { background-image: url(../images/ic-pdf.png);}
.icon-word:before { background-image: url(../images/ic-doc.png);}
.icon-excel:before { background-image: url(../images/ic-xls.png);}
.icon-ppt:before { background-image: url(../images/ic-ppt.png);}
.icon-file:before { background-image: url(../images/ic-file.png);}
.icon-new:before,
.ic-new:before{
  display: inline-block;
  /*text-decoration: inherit;*/
	content:"NEW";
	width:auto;
	height:auto;
	padding:2px 6px;
	border:1px solid #E46A17;
	color:#fff;
	background:#E46A17;
	font-size:12px;
	line-height:12px;
	vertical-align: baseline;
	font-weight:normal;
	font-style:normal;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
}
.label-state {
  display: inline-block;
  text-decoration: inherit;
	padding:0 6px;
	margin-left:0.5em;
	margin-right:0.5em;
	color:#ee0000;
	border:1px solid #ee0000;
	background:#fff;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	vertical-align: middle;
}
/* ----------------------------------------------------------------
archive 
---------------------------------------------------------------- */
.new{
	display:inline-block;
	margin-left:1em;
	margin-right:1em;
	padding:0 6px;
	line-height:16px;
	border:1px solid #F00;
	color:#f00;
	font-size:12px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
}
.post-category {
  display: inline-block;
  text-decoration: inherit;
	padding:0 6px;
	margin-left:0.5em;
	color:#E46A17;
	background:#fff;
	border:1px solid #E46A17;
	font-size:12px;
	line-height:24px;
	vertical-align: middle;
}
.post-category a {
	color:inherit;
}
.post-category.category-event {
	color:#E46A17;
	border:1px solid #E46A17;
}
.post-category.category-fuku {
	color:#0080FF;
	border:1px solid #0080FF;
}

.tab-content .post-category {
	margin:0;
}
.post-category a{
	text-decoration:none;
}
.post-heading {
	margin-bottom:4px;
	line-height:28px;
}
/* archive1 */
/*h3 + .archive1 {
	margin-top: -20px !important;
}*/
ul.archive1 {
	margin:0;
	padding:0;
}
ul.archive1 li {
	margin:0;
	padding: 30px 0;
	list-style:none;
	border-bottom: 1px solid #ddd;
}
ul.archive1 li a.article,
ul.archive1 li .article {
	display:block;
	text-decoration:none;
}
ul.archive1 li span.post-cat img {
	display:block;
	margin:auto;
	width:150px;
}
ul.archive1 li span.post-date {
	display:block;
	margin-top:20px;
}
ul.archive1 li span.post-date span.new {
}
ul.archive1 li h4.post-entry {
	margin:0;
	padding:0;
	margin-top:10px;
	font-size:1.8rem;
	font-weight:normal;
}
ul.archive1 li a.article h4.post-entry {
	text-decoration:underline;
}
/* ----------------------------------------------------------------
entry
---------------------------------------------------------------- */
.entry-date {
	text-align: right;
}
.entry-meta {
	clear: both;
	margin-top: 50px;
	padding-top: 10px;
	border-top: 1px dotted #aaa;
	font-size: 0.875em;
	text-align: center;
}
.entry-meta span a {
	display: inline-block;
	width: auto;
	padding: 0 12px;
	line-height: 34px;
	border: solid 1px #008837;
	background: none;
	color: #000;
	text-decoration: none;
}
.entry-bottom-meta {
	margin-top: 40px;
	border-top: 1px solid #ddd;
}
.cat-link {
	margin-top: 50px;
	text-align: center;
}
.entry-bottom-meta2 {
	margin-top: 40px;
}
.cat-link2 a {
	position:relative;
	display: block;
	line-height: 1.4;
	text-align:left;
	font-family:inherit;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	  touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
	background-image: none;
	border:1px solid #E46A17;
	border-radius: 4px;
  color: #000;
  background-color: #fff;
	text-decoration:none;
	padding: 16px;
	margin:auto;
	
	min-width:200px;
}
.cat-link2 a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	margin: auto;
	content: "";
	width: 18px;
	height: 18px;
	border-top: 2px solid #E46A17;
	border-right: 2px solid #E46A17;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
}
.cat-link2 a:hover {
  color: #fff;
  background-color: #E46A17;
}
.cat-link2 a:hover:after {
	border-color:#fff;
}
/* ----------------------------------------------------------------
pagenate 
---------------------------------------------------------------- */
.pager {
	clear: both;
	margin: 30px auto 0;
	font-size: 0.875em;
	text-align: center;
	color: #555;
}
.pager li {
	list-style: none;
	display: inline;
	margin-top: 8px;
}
.pager li + li {
	border-left: 1px solid #ccc;
}
ul.pager li a,
ul.pager li span {
	display: inline-block;
	line-height: 32px;
	margin: 0;
	padding: 0 16px;
	text-align: center;
	color:inherit;
}
ul.pager li.prev span,
ul.pager li.next span,
ul.pager li.first span,
ul.pager li.last span {
	color: #ccc;
}
/* ================================================================
page style
================================================================ */
/* ----------------------------------------------------------------
toppage
---------------------------------------------------------------- */
/* mainimg */
.mainimg {
  display: table;
	margin: 0;
	padding: 0;
	height: 240px;
	width: 100%;
	background-color: #ffffff;
	background-image: url(../images/main.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	background-position: center top;
}
.mainimg *{
	margin:0;
	padding:0;
}
.mainimg h2{
  display: table-cell;
  vertical-align: middle;
	border:0;
	font-size:2.0rem;
	line-height:1.5;
  color:#fff;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
}
.mainimg h2 strong{
	font-size:4.0rem;
}
/* top-menu */
div.top-menu-col {
	background-color:#F3BD98;
	width:100%;
	padding:0;
}
ul.top-menu {
	margin:0;
	padding:0 10px 10px;
}
.top-menu li {
	display:table;
	margin:10px 0 0;
	padding:0;
	list-style:none;
	width:100%;
	height:60px;
}
.top-menu li a {
	display:table-cell;
	width:100%;
	height:60px;
	padding:0 10px 0 60px;
	text-decoration:none;
	color:#000;
	border-radius:8px;
	background-size:40px;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-color:#fff;
	vertical-align:middle;
	font-size:1.6rem;
}
.top-menu li:nth-child(1) a {background-image: url(../images/i-cat-greeting.png);}
.top-menu li:nth-child(2) a {background-image: url(../images/i-cat-staff.png);}
.top-menu li:nth-child(3) a {background-image: url(../images/i-cat-ph.png);}
.top-menu li:nth-child(4) a {background-image: url(../images/i-cat-disease.png);}
.top-menu li:nth-child(5) a {background-image: url(../images/i-cat-research.png);}
.top-menu li:nth-child(6) a {background-image: url(../images/i-cat-inspection.png);}

		/* pickup */
		/* tab */
		.tab {
			overflow: hidden;
			margin:20px -10px 0;
			padding-left: 0;
			display:table;
			table-layout: fixed;
			width:100%;
			border-collapse: separate;
			border-spacing: 10px 0;
		}
		.tab li {
			position:relative;
			list-style: none;
			margin-top:0;
			background: #fff;
			border: 2px solid #F19BB8;
			border-radius: 5px 5px 0 0 / 5px 5px 0 0;
			cursor: pointer;
			color: #fff;
			display:table-cell;
			vertical-align:middle;
			text-align:center;
			min-height:50px;
			height:50px;
			line-height:1.2;
			font-size:0.813em;
			z-index:2;
		}
		
		.tab li:nth-child(1) {
			color: #FF8000;
		}
		.tab li:nth-child(2) {
			color: #1C8B09;
		}
		.tab li:nth-child(3) {
			color: #0080FF;
		}
		.tab li.select,
		.tab li:hover {
			font-weight:bold;
			border-bottom: 0;
		}
		.tab-content {
			border:2px solid #F19BB8;
			padding:20px;
			margin-top:-2px;
			margin-bottom:30px;
			z-index:1;
		}
		.tab-content ul.archive1 {
			margin:20px 0;
			width:100%;
			height:330px;
			padding: 0;
			overflow-y: scroll;
		}
		.tab-content ul.archive1 li:first-child {
			padding-top:0;
		}
		.tab-content .hide {
			display: none;
		}
		/* more-link */
		.more-link  { text-align:right; font-size:0.875em;/*14px*/}
		.more-link a:before {
			display: inline-block;
			width: 20px;
			height: 16px;
			content: "";
			background-image: url(../common/images/disc.png);
			background-repeat: no-repeat;
			background-position: left 2px;
		}
		.more-link-list{ margin-top:0;margin-left:0;padding-left:0;}
		.more-link-list li{list-style:none;margin-top:0}
		.more-link-list li + li{margin-top:4px;}
		
		/* box-comment accordion */
		/* for js */
		.accordion {
			margin-top:20px;
		}
		.accordion dt {
			padding-right:60px !important;
			cursor: pointer;
			position: relative;
		}
		.accordion dd {
			display:none;
			position: relative;
		}
		.accordion dt:after, 
		.accordion dt.active:after{
			position: absolute;
			right: 16px;
			top: 20px;
			width:28px;
			height:28px;
			color:#E6427B;
			line-height:1.0;
			font-size:24px;
			text-align:center;
			vertical-align: middle;
			font-weight:bold;
		}
		.accordion dt:after{
			content: "＋";
		}
		.accordion dt.active:after{
			content: "－";
		}
		/* faq */
		.faq.accordion dt{
			padding: 20px 20px 20px 60px;
			border: 1px solid #ccc;
			background-color:#f2f2f2;
		}
		.faq.accordion dd{
			padding: 20px 20px 20px 60px;
			border: 1px solid #ccc;
			border-top: 0;
		}
		.faq.accordion dt:hover{
			background-color:#FDF2F7;
		}
		.faq.accordion dt:before,
		.faq.accordion dd:before{
			position: absolute;
			left: 16px;
			top: 16px;
			width:28px;
			height:28px;
			line-height:1.0;
			color:#E6427B;
			font-size:28px;
			text-align:center;
			vertical-align: middle;
			font-weight:normal;
			font-family: 'Open Sans', sans-serif;
		}
		.faq.accordion dt:before{
			content: "Q";
		}
		.faq.accordion dd:before{
			content: "A";
		}
/* ----------------------------------------------------------------
fukidashi
---------------------------------------------------------------- */
		.fukidashi-lblue{
			margin: 40px 0 60px;
			padding: 0;
			line-height: 1.7;
			min-height: 100px;
			background-repeat: no-repeat;
			background-image: url(../common/images/ci-bg.png);
			background-position: 20px center;
		}
		.fukidashi-lblue-inner{
			position: relative;
			width: 85%;
			min-height: auto;
			float: right;
			margin: 0;
			padding: 30px 14px 30px 30px;
			background: #E1F0FF;
			border: 2px solid #E1F0FF;
			border-radius: 5px;
		}
		.fukidashi-lblue-inner p {
			margin-top:0;
			color:#00366C;
			font-size:1.25em;/*20px*/
			text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);
		}
		.fukidashi-lblue-inner:after,
		.fukidashi-lblue-inner:before {
			right: 100%;
			top: 44px;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		}
		.fukidashi-lblue-inner:after {
			border-color: rgba(255, 255, 255, 0);
			border-right-color: #E1F0FF;
			border-width: 17px;
			margin-top: -17px;
		}
		.fukidashi-lblue-inner:before {
			border-color: rgba(225, 240, 255, 0);
			border-right-color: #E1F0FF;
			border-width: 20px;
			margin-top: -20px;
		}
			@media screen and (max-width: 767px) {
			.fukidashi-lblue{
				margin: 0 0 30px;
				background-position: 0 10px;
				background-size:60px 78px;
			}
			.fukidashi-lblue-inner{
				position: relative;
				width: calc(100% - 80px);
				padding: 16px;
			}
			.fukidashi-lblue-inner p {
				font-size:15px;
			}
			}
/* ----------------------------------------------------------------
for page style
---------------------------------------------------------------- */
/* ----------------------
job
---------------------- */
.sp-num-img{
	margin-right:10px;
	width:40px;
	height:40px;
	vertical-align:middle;
}
/* step-col */
.step-col {
	position: relative;
	height: auto;
	margin-top: 30px;
	padding: 30px 20px 20px;
	border: solid 1px #FFC4C4;
	background-color:#FFF3F3;
}
.step-col:after {
	position: absolute;
	left: 50%;
	bottom: -43px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	border-top: solid 40px #FFC4C4;
	border-right: solid 40px transparent;
	border-left: solid 40px transparent;
	margin-left: -40px;
	z-index: 1;
}
.step-col h3 {
	position: relative;
	height: auto;
	margin:0 0 10px;
	padding:0;
	border:0;
	line-height: 1.2;
}
.step-col .sp-num-img{
	margin-right:0;
	margin-bottom:10px;
}
.step-end:after{display:none !important;}

/* ----------------------
todokerun
---------------------- */
.todokede-tablelist h4 {
	font-size:16px;
	margin-top:10px;
	margin-bottom:0;
}
.todokede-tablelist table {
	width:100%;
	table-layout:fixed;
	font-size:14px;
	margin-top:0;
}
.todokede-tablelist table.todokede-table3{
	table-layout: auto;
}
@media screen and (max-width: 767px) {
.todokede-tablelist {
	background-color:#f2f2f2;
}
.todokede-tablelist table {
	width:100%;
	font-size:12px;
	table-layout: auto;
}
}

@media screen and (max-width: 480px) {
.todokede-tablelist {
	background-color:#f2f2f2;
}
.todokede-tablelist table {
	width:100%;
	font-size:10px;
}
.fukidashi-lblue-inner p {
	font-size:15px;
}
}
/* ----------------------
calendar
---------------------- */
/*.sp .g-calendar embed,
.sp .g-calendar iframe,
.sp .g-calendar object{
	max-width: 100%;
}

embed,
iframe,
object{
	max-width: 100%;
}*/

@media screen and (max-width: 767px) {
/* res iframe 300-360 */
.sp .g-calendar {position: relative;height: 0; overflow: hidden;padding-bottom: 120%;}
.sp .g-calendar iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
}
/* ================================================================
tablet/pc 768px-
================================================================ */
@media screen and (min-width: 768px), print {
/* ================================================================
header
================================================================ */
.header {
	background-color:#fff;
}
.header-in {
	position:static;
	height: inherit;
}
.drawer-container {
  position: relative;
	margin: 0 auto;
	width: 1100px;
	height: 100px;
}
.header .h-ci {
	top: 20px;
	left: 10px;
	width: 30em; /* fallback */
  width: calc(100% - 350px);
	line-height:1.2;
	font-size:2.4rem;
}
.header .h-ci span {
	font-size:1.8rem;
}
.header-utility {
	position: absolute;
	top: 20px;
	right: 10px;
	width: 320px;
	min-height: 60px;
}
.utility-nav {
	display:block;
	position:relative;
}
.utility-nav li {
	list-style: none;
	display: inline;
	float: left;
}
.utility-nav li + li {
	margin-left: 10px;
}
.utility-nav * {
}
.utility-nav li a {
	display: block;
	padding:0;
	min-width: inherit;
	height: 60px;
	line-height:52px;
	border:4px solid #F3BD98;
	border-radius:8px;
	background-color: #fff;
	color: #000;
	font-size:1.8rem;
	text-align:left;
	vertical-align:top;
	text-decoration:none;
	position:relative;
}
.utility-nav li a:hover {
	background-color: #FAE6D8;
}
.utility-nav li.unav-home {
	width: 80px;
}
.utility-nav li.unav-home a {
	width: 80px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../images/i-home.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 38px;
}
.utility-nav li.unav-contact {
	width: 230px;
}
.utility-nav li.unav-contact a {
	padding:0 10px;
	width: 230px;
}
.utility-nav li.unav-contact a:before {
	position: absolute;
	top: -1px;
	bottom: 0;
	left: 184px;
	margin: auto;
	content: "";
	width: 26px;
	height: 5px;
	background: #F3BD98;
	vertical-align: middle;
}
.utility-nav li.unav-contact a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 188px;
	margin: auto;
	content: "";
	width: 20px;
	height: 20px;
	border-top: 5px solid #F3BD98;
	border-right: 5px solid #F3BD98;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
}
.utility-nav li.unav-contact a:hover:before {
	background: #9E9F9F;
}
.utility-nav li.unav-contact a:hover:after {
	border-top: 5px solid #9E9F9F;
	border-right: 5px solid #9E9F9F;
}

/* sp -767px */
/* ================================================================
nav
================================================================ */
.sp-utility-nav {
	display:none;
}
.nav {
	width:100%;
	background-color:#F3BD98;
}
#gnav {
	display:table;
	width: 1080px;
	min-width: inherit;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
}
#top #gnav {
	display:none;
}
#gnav > li:first-child {
	display:none;
}
#gnav > li {
	display:table-cell;
  width: 216px;
	padding:10px 5px;
	border-bottom:0;
	vertical-align:top;
	min-height:70px;
}
#gnav > li.sp {
	display:none;
}
#gnav > li > a {
  padding: 0;
	display:table-cell;
  width: 206px;
  height:70px;
	min-height:70px;
	background-color:#fff;
	border-radius:8px;
	font-size:1.7rem;
	line-height:1.3;
	text-align:center;
	vertical-align:middle;
}
#gnav > li > a.current,
#gnav > li > a:hover {
	background-color:#FAE6D8;
}
/* ================================================================
bottom-banner
================================================================ */
.bottom-banner {
	min-width: inherit;
	padding: 20px 0 30px;
}
.bottom-banner ul {
	width: 1100px;
	margin: 0 auto;
	padding: 0;
}
.bottom-banner ul li {
	display:inline-block;
	list-style:none;
	margin: 10px 15px 0;
}
/* ================================================================
container 
================================================================ */
.container {
}
/* ================================================================
footer
================================================================ */
.footer1 {
	width: 1100px;
	min-width: inherit;
	margin: 0 auto;
	text-align:center;
}
.footer1 .f-ci dt {
	margin-bottom:16px;
}
.footer1 .f-ci dt span {
	line-height:1.4;
}
.footer-copy {
	text-align:center;
}
.footer-copy-in {
	width: 1100px;
	min-width: inherit;
	margin: 0 auto;
}
/* ================================================================
pagetop
================================================================ */
#pagetop {
	display: none;
	position: fixed;
	right: 30px;
	bottom: 0;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 120px;
	margin-bottom:20px;
	z-index: 10;
}
#pagetop a img {
	width: 120px;
	height: 120px;
}
#pagetop a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: alpha(opacity=100);
	width: 120px;
	height: 120px;
	z-index: 1;
}
/* ================================================================
main-header
================================================================ */
.main-header {
	display:table;
	width: 1100px;
	min-width: inherit;
	margin: 0 auto;
}
.main-header .main-header-ttl {
	width: 100%;
	height:154px;
	padding: 0;
	font-size: 3.6rem;
	text-align:center;
}
.main-header-ttl span:before {
	content:"";
	display: inline-block;
	width:60px;
	height:60px;
	margin-right:20px;
	background-repeat: no-repeat;
	background-position: 0;
	background-size:60px;
	vertical-align: middle;
	background-color:transparent;
}
/* ================================================================
topicpath
================================================================ */
.topicpath {
	min-width: inherit;
}
.topicpath ol {
	width: 1100px;
	margin: 0 auto;
	padding:10px 0;
}
/* ================================================================
contents
================================================================ */
.contents {
	/*width: 1100px;
	margin: 24px auto 0;
	padding-bottom: 80px;*/
}
/* ================================================================
side 
================================================================ */
/* ================================================================
main 
================================================================ */
.main {
	width: 1100px;
	min-width: inherit;
	margin: 0 auto;
	padding: 0 0 100px;
}
#top .main {
	width: 100%;
}
.top-contents {
	width: 1000px;
	min-width: inherit;
	margin: 0 auto;
	padding: 0;
	font-size:1.8rem;
}
/* section */
.section {
  padding-bottom: 60px;
}
@media screen and (min-width: 768px), print {
  .section {
    padding-bottom: 100px;
  }
}
/* ----------------------------------------------------------------
title 
---------------------------------------------------------------- */
h2,
.h2 {
	margin: 60px 0 36px;
	padding: 32px 0;
	font-size: 2.8rem;
}
.main .entry h2:first-child {
	margin-top: 0;
}
h2.h2-none,
.h2.h2-none {
	padding: 0;
	border-top: 0;
	border-bottom: 0;
	background: none;
}
h3,
.h3 {
	margin: 48px 0 24px;
	font-size: 2.4rem;
}
.h2-info{
	margin: 50px 0 0;
	padding: 30px 0 30px 70px;
}
/*h4,
.h4 {
	margin: 30px 0 20px;
	font-size:2.0rem;
	line-height: 1.4;
}
h4 + h5, h4 + h6, h4 + p, h4 + ul, h4 + ol, h4 + dl, h4 + table, h4 + .box-sen {
	margin-top: 0 !important;
}
h5,
.h5 {
	margin: 20px 0 0;
	font-size:1.8rem;
	line-height: 1.4;
}
h5 + h6, h5 + h6, h5 + p, h5 + ul, h5 + ol, h5 + dl, h5 + table, h5 + .box-sen {
	margin-top: 0 !important;
}
h6 {
	margin: 20px 0 0;
	font-size:1.8rem;
	line-height: 1.4;
}
h6 + p, h6 + ul, h6 + ol, h6 + dl, h6 + table {
	margin-top: 0 !important;
}*/
/* ----------------------------------------------------------------
style 
---------------------------------------------------------------- */
p {margin-top:24px;}

ul,
ol {margin-top:24px;margin-left:1.5em; padding-left:2em;}

/*ul li > ul,
ol li > ul {margin-top:0;}
ul li,
ol li {margin-top:10px;}
ul > li {list-style-image: url(../images/disc1.png);}
ul.list-style-none {margin-left:0; padding-left:0;}
ul.list-style-none > li {list-style-image: none;}

ol li {list-style:decimal;}
ul.list-mt0 > li,
ol.list-mt0 > li {margin-top:0;}

ol.list-style-none > li {list-style: none;}

ol.upper-roman > li {list-style: upper-roman;}
ol.decimal-leading-zero > li {list-style: decimal-leading-zero;}
ol.lower-alpha > li {list-style: lower-alpha;}
ol.upper-alpha > li {list-style: upper-alpha;}
ol.cjk-ideographic > li {list-style: cjk-ideographic;}

ul.list-nostyle, 
ol.list-nostyle,
ul.list-nostyle li,
ol.list-nostyle li {margin:0;padding:0;list-style-image:none;}
*/

table{margin-top:32px;}
table caption {padding:24px;}
table th,
table td {padding:24px;}
table th.pc-nowrap,
table td.pc-nowrap{ white-space:nowrap;}
/* ----------------------------------------------------------------
parts style 
---------------------------------------------------------------- */
.alignright {float:right;margin: 0 0 20px 32px;}
.alignleft{float:left;margin: 0 32px 20px 0;}
.aligncenter {text-align:center;margin: 0 auto 1.5em;display:block;}

.lead { margin-top: 50px; margin-bottom:80px; font-size:1.375em;/*22px*/}
.box-sen,
.box-bg,
.box-bg-white {
	margin-top: 48px;
	padding: 24px 32px;
}
.box-auto {
	padding: 60px 72px;
}
.box-contact {
  width: 80%;
  margin-top: 60px;
  padding: 60px 72px;
  text-align: center;
}
/* for webpage index */
.box-sen > ul.index-link {
	margin-left:1.5em;
	padding-left:2em;
}

/* qa */
.box-qa {
	clear: both;
	margin-top: 30px;
	border: 2px solid #F3BD98;
}
.box-qa h2.qa-q,
.box-qa h3.qa-q {
	margin:0;
	padding: 30px 30px 30px 100px;
	line-height:2.0;
	background-position: 30px 20px;
	background-size:50px;
}
.box-qa .qa-a {
	padding: 30px 30px 30px 100px;
	background-position: 30px 20px;
	background-size:50px;
	line-height:1.6;
}
/*.qa-a p, .qa-a ul, .qa-a ol, .qa-a dl, .qa-a table{
	margin-top: 10px;
}
.qa-a > p:first-child, .qa-a > ul:first-child, .qa-a > ol:first-child, .qa-a > dl:first-child, .qa-a > table:first-child,
.qa-a > h3:first-child, .qa-a > h4:first-child, .qa-a > h5:first-child, .qa-a > h6:first-child {
	margin-top: 0;
}*/
/* ----------------------------------------------------------------
btn 
---------------------------------------------------------------- */
.btn-contact {
	padding: 1em 1em 1em 72px;
	font-size: 18px;
	font-size: 1.8rem;
	min-width:500px;
}
.btn-contact i{
	left:20px;
	margin-top:-18px;
	font-size: 3.6rem;
}
.btn-contact:after {
	right: 20px;
}
/* ----------------------------------------------------------------
archive 
---------------------------------------------------------------- */
.post-category,
.tab-content .post-category {
	margin-left:0.5em;
	margin-bottom:0;
}
.post-category a:hover{
	text-decoration:underline;
}
.post-heading {
	margin-bottom:8px;
}
/* archive1 */
ul.archive1 li {
	clear:left;
	overflow:hidden;
}
ul.archive1 li span.post-cat {
	display:block;
	float:left;
}
ul.archive1 li span.post-date {
	margin-top:0;
	margin-left:180px;
}
ul.archive1 li h4.post-entry {
	margin-top:15px;
	margin-left:180px;
	line-height:1.8;
}
/* ----------------------------------------------------------------
entry
---------------------------------------------------------------- */
.entry-meta span a:hover {
	background: #008837;
	color: #fff;
}
.cat-link2 a {
	max-width:500px;
}
/* ----------------------------------------------------------------
pagenate 
---------------------------------------------------------------- */
/* ================================================================
page style
================================================================ */
/* ----------------------------------------------------------------
toppage
---------------------------------------------------------------- */
/* mainimg */
.mainimg {
	height: 500px;
	width: 100%;
	background-color: #ffffff;
	background-image: url(../images/main.jpg);
	background-repeat: no-repeat;
  background-size: cover;
	text-align: center;
	background-position: center top;
}
.mainimg h2{
  position:relative;
	font-size:4.6rem;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 1), 1px 1px 4px rgba(0, 0, 0, 1);
}
.mainimg h2 strong{
	font-size:6.4rem;
}
/* top-menu */
div.top-menu-col {
	width:100%;
	padding:20px 0;
	margin:0;
}
ul.top-menu {
	display:table;
	margin:0 auto;
	width:1080px;
	padding:0;
}
.top-menu li {
	display:table-cell;
	margin:0;
	padding:0 4px;
  width:216px;
	height:170px;
	vertical-align:top;
}
.top-menu li a {
	display: table-cell;
  width: 206px;
  min-height: 170px;
	height:170px;
  padding: 100px 5px 0;
	text-align: center;
  line-height: 1.5;
	vertical-align: top;
	background-size: 70px;
	background-repeat: no-repeat;
	background-position: center 20px;
  font-size:1.7rem;
}
/* ----------------------------------------------------------------
for page style
---------------------------------------------------------------- */
/* ----------------------
job
---------------------- */
/* step-col */
.step-col {
	padding: 20px 20px 20px;
}
.step-col .sp-num-img{
	margin-right:10px;
	margin-bottom:0;
}
/* ----------------------
todokerun
---------------------- */
/* step-col */
.todokede-step-col {
	margin:0 100px;
}
}
/* ==========================================================================
Print styles
========================================================================== */
@media print {
#pagetop {display:none;}
}