@charset "UTF-8";

/*! サイトベース */
.cl, .wrap, #h-top, #h-top-link .pc-search div, #gmenu .submenu li{
  display: inline-block;
  min-height: 1%;
  display: block;
  *zoom: 1;
}
.cl:after, .wrap:after, #h-top:after, #h-top-link .pc-search div:after, #gmenu .submenu li:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
* html .cl, * html .wrap, * html #h-top, * html #h-top-link .pc-search div, #h-top-link .pc-search * html div, * html #gmenu .submenu li {
  height: 1%;
}

/*----------------------------------
reset
----------------------------------*/
/* box-sizing */
#cntns ,#cntns div,#cntns p,#cntns dl,#cntns dt,#cntns dd,#cntns ol,#cntns ul,#cntns li,#cntns form,#cntns input,#cntns button,#cntns textarea,#cntns table,#cntns tr,#cntns th,#cntns td,#cntns article,#cntns aside,#cntns header,#cntns footer,#cntns section,#cntns nav, .wrap li, .breadcrumb{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
fieldset, img {
  border: 0;
  vertical-align: top;
}
ol, ul {
  list-style: none;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
}
a:link {
  color: #414141;
  text-decoration: none;
}
a:visited {
  color: #414141;
  text-decoration: none;
}
a:hover {
  color: #414141;
  text-decoration: none;
  cursor: pointer;
}
a:active {
  color: #414141;
  text-decoration: none;
}
a:active, a:focus {
  outline: none;
}
li img,
dt img,
dd img {
  vertical-align: top;
}

body {
  min-width: 1135px;
  margin: 0;
  padding: 0;
  text-align: center;
  font: 14px/1.7 Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #414141;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
  display: block;
}
img {
  max-width: 100%;
  height: auto;
}
input[type="button"], input[type="submit"] {
  -webkit-appearance: none;
}

/*----------------------------------
wrapper
----------------------------------*/
#wrapper {
  text-align: left;
  font-size: 100%;
  overflow: hidden;
}
html>/**/body #wrapper {
  padding-top /*\**/: 97px \9;
}
#cntns{
  font-size: 1.2em;
}
.wrap {
  position: relative;
  width: 960px;
  margin: 0 auto;
}
@media only screen and (max-width: 736px) {
  body {
    min-width: 0;
  }
  #wrapper {
    overflow: inherit;
  }
  .wrap {
    width: auto;
    padding: 0 4.6875%;
  }
}

/*----------------------------------
page-headder
----------------------------------*/

.breadcrumb {
    width: 960px;
    margin: 0 auto;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #d0d8dc;
}
.breadcrumb ul {
}
.breadcrumb ul li {
    display: inline-flex;
  white-space: nowrap;
}
.breadcrumb ul li:not(:last-child):after {
    content: ">";
    margin-left: 16px;
    margin-right: 16px;
}
.main-title {
    width: 960px;
    font-weight: bold;
    font-size: 200%;
    color: #333333;
    margin: 20px auto 20px auto;
}
@media only screen and (max-width: 736px) {
.breadcrumb {
  width: 100%;
  margin: 0;
  padding: 7px 3.125%;
}
.breadcrumb ul li {
  white-space: inherit;
}
.breadcrumb ul li:not(:last-child):after {
  margin-left: 8px;
    margin-right: 8px;
}
.main-title {
    width:100%;
}
}

/* ==============================================================================================
 Adjust
================================================================================================= */
/* sp
----------------------------------------------------------- */
.pc-dn {
display: none;
}
/* [mt|mb|ml|mr][00-60]
----------------------------------------------------------- */
.mt00 {
margin-top: 0 !important;
}

.mt10 {
margin-top: 10px !important;
}

.mt20 {
margin-top: 20px !important;
}

.mt30 {
margin-top: 30px !important;
}

.mt40 {
margin-top: 40px !important;
}

.mt50 {
margin-top: 50px !important;
}

.mt60 {
margin-top: 60px !important;
}

.mr00 {
margin-right: 0 !important;
}

.mr10 {
margin-right: 10px !important;
}

.mr20 {
margin-right: 20px !important;
}

.mb00 {
margin-bottom: 0 !important;
}

.mb05 {
margin-bottom: 5px !important;
}

.mb10 {
margin-bottom: 10px !important;
}

.mb15 {
margin-bottom: 15px !important;
}

.mb20 {
margin-bottom: 20px !important;
}

.mb25 {
margin-bottom: 25px !important;
}

.mb30 {
margin-bottom: 30px !important;
}

.mb35 {
margin-bottom: 35px !important;
}

.mb40 {
margin-bottom: 40px !important;
}

.mb45 {
margin-bottom: 45px !important;
}

.mb50 {
margin-bottom: 50px !important;
}

.mb55 {
margin-bottom: 55px !important;
}

.mb60 {
margin-bottom: 60px !important;
}

.ml00 {
margin-left: 0 !important;
}

.ml10 {
margin-left: 10px !important;
}

.pt00 {
padding-top: 0 !important;
}

/* align
----------------------------------------------------------- */
.v-top {
vertical-align: top !important;
}

.v-mid {
vertical-align: middle !important;
}

.center {
text-align: center !important;
}

.right {
text-align: right !important;
}

/* border
----------------------------------------------------------- */
.border-01 {
border: 1px solid #ccc;
}

/* font-b
----------------------------------------------------------- */
.font-b {
font-weight: bold !important;
}

/* font-n
----------------------------------------------------------- */
.font-n {
font-weight: normal !important;
}

/* font-s
----------------------------------------------------------- */
.font-s {
font-size: 85.71428% !important;
}

/* font-l
----------------------------------------------------------- */
.font-l {
font-size: 114.28571% !important;
}

/* color-01
----------------------------------------------------------- */
strong.color-01 {
font-weight: bold !important;
color: #f00 !important;
}

/* color-02
----------------------------------------------------------- */
.color-02 {
color: #f00 !important;
}

/* color-03
----------------------------------------------------------- */
.color-03 {
color: #000 !important;
}

/* icn
----------------------------------------------------------- */
img.icn {
vertical-align: text-bottom;
}

img.icn2 {
margin-bottom: 2px;
vertical-align: text-bottom;
}

img.icn-l {
vertical-align: middle;
}

/* float
----------------------------------------------------------- */
.fl {
float: left;
}

.clear {
clear: both;
}

/* w[187-490]
----------------------------------------------------------- */
.w84 {
width: 84px;
}

.w90 {
width: 90px;
}

.w100 {
width: 100px;
}

.w187 {
width: 187px;
}

.w188 {
width: 188px;
}

.w214 {
width: 214px;
}

.w215 {
width: 215px;
}

.w224 {
width: 224px;
}

.w235 {
width: 235px;
}

.w240 {
width: 240px;
}

.w277 {
width: 277px;
}

.w300 {
width: 300px;
}

.w490 {
width: 490px;
}

.w7per {
width: 7%;
}

.w9per {
width: 9%;
}

.w10per {
width: 10%;
}

.w13per {
width: 13%;
}

.w14per {
width: 14%;
}

.w15per {
width: 15%;
}

.w16per {
width: 16%;
}

.w17per {
width: 17%;
}

.w18per {
width: 18%;
}

.w20per {
width: 20%;
}

.w25per {
width: 25%;
}

.w26per {
width: 26%;
}

.w28per {
width: 28%;
}

.w30per {
width: 30%;
}

.w32per {
width: 32%;
}

.w34per {
width: 34%;
}

.w35per {
width: 35%;
}

.w37per {
width: 37%;
}

.w43per {
width: 43%;
}

.w50per {
width: 50%;
}

.w57per {
width: 57%;
}

.w64per {
width: 64%;
}

.w70per {
width: 70%;
}

.w-auto {
width: auto;
}