@charset "utf-8";
@import url(/phbases/css/common.css);
@import url(layout.css);
@import url(slick.css);

/* common/ 固有 */
@import url(style.css);


/* ==========================================================
 html5 elements
========================================================== */
article, aside, figure, figcaption, footer, header, nav, section
{ display: block;}
/* ==========================================================
 reseting
========================================================== */
body {
  line-height: 1.6;
  color: #1a1a1a;
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
}

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
input, textarea, select
{ /*-webkit-appearance: none;*/}
textarea
{ resize: none;}
button
{ border: none; overflow: visible; background: none; vertical-align: top;  font-size: 100%; color: inherit; cursor: pointer; -webkit-appearance: none;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ height: auto; vertical-align: top;}
address, caption, code, em, th
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6, strong, em
{ font-size: 100%; font-weight: normal;}
a, input
{/* outline: none; -webkit-tap-highlight-color:rgba(0,0,0,0);*/}
sup, sub
{ font-size: 63%;}
sup
{ vertical-align: top;}
sub
{ vertical-align: baseline;}
*
{ box-sizing: border-box; -webkit-box-sizing: border-box;}
/* ==========================================================
 base Link
========================================================== */
a {
  color: #1a1a1a;
  text-decoration: none;
}
a:visited {}
a:hover,
a:active,
a:focus { text-decoration: underline; -webkit-tap-highlight-color: transparent; }
a.underline { text-decoration: underline; }
/* ==========================================================
 clearfix
========================================================== */
.clearfix:before, .clearfix:after,
.contents:before, .contents:after
{
  content: "";
  display: table;
}
.clearfix:after,
.contents:after
{
  clear: both;
}
/* For IE 6/7
---------------------------------------------------------- */
.clearfix,
.contents
{
  *zoom: 1;
}

/* ==========================================================
 layout
========================================================== */
html { overflow-y: scroll;}

/* ==========================================================
 wrapper
========================================================== */
.wrapper {
  width: 100%;
  text-align: left;
}
.wrapper.fixed { padding-top: 110px; }

/* ==========================================================
 container
========================================================== */
.container{ }

/* ==========================================================
 contents
========================================================== */
.contents {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
.contents-main {

}
.contents-sub {

}
/* ==========================================================
 footer
========================================================== */
.footer {
  width: 100%;
}
.footer-in {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
.footer-utility {
}
.footer-links {
}
.footer-links li {
}
.footer-copyright {
}
/* ==========================================================
 grid
========================================================== */
/* grid-cmn
---------------------------------------------------------- */
.grid-cmn {
}
.grid-cmn > .col {
}
/* ==========================================================
 area
========================================================== */
/* area-cmn
---------------------------------------------------------- */
.area-cmn {
}
/* ==========================================================
 section
========================================================== */
/* sec-cmn
---------------------------------------------------------- */
.sec-cmn-01 {
}
/* ==========================================================
 box
========================================================== */
/* box-cmn
---------------------------------------------------------- */
.box-cmn-01 {
  overflow: hidden;
}

/* ==========================================================
 hero
========================================================== */
/* hero-cmn
---------------------------------------------------------- */
.hero-cmn {

}
.hero-cmn img {
  width: 100%;
}
/* ==========================================================
 module
========================================================== */

/* ==========================================================
 title
========================================================== */
/* ttl-cmn-01
---------------------------------------------------------- */
.ttl-cmn-01 {
}
/* ttl-cmn-02
---------------------------------------------------------- */
.ttl-cmn-02 {
}
/* ttl-cmn-03
---------------------------------------------------------- */
.ttl-cmn-03 {
}
/* ==========================================================
 text
========================================================== */
/* txt-cmn
---------------------------------------------------------- */
.txt-cmn {
}
/* ==========================================================
 list
========================================================== */
/* list-cmn
---------------------------------------------------------- */
.list-cmn {
}
.list-cmn li {
}
/* ==========================================================
   table
   ========================================================== */
/* table-cmn
   ---------------------------------------------------------- */
.table-cmn {
}
.table-cmn th,
.table-cmn td {
}
.table-cmn th {
}
.table-cmn td {
}
/* ==========================================================
   button
   ========================================================== */
/* btn-cmn
   ---------------------------------------------------------- */
.btn-cmn {
}
/* pagetop
   ---------------------------------------------------------- */
.btn-cmn-pagetop {
  text-align: right;
  position: absolute;
  bottom: 10px;
  right: 20px;
  width: 40px;
  height: 40px;
}
.btn-cmn-pagetop img { width: 100%;}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .btn-cmn-pagetop {
    bottom: 16px;
  } 
}
/* ==========================================================
   link
   ========================================================== */
/* link-cmn
   ---------------------------------------------------------- */
.link-cmn {
}
/* ==========================================================
   icon
   ========================================================== */
/* ico-cmn
   ---------------------------------------------------------- */
.ico-cmn {
}
/* ==========================================================
   figure
   ========================================================== */
/* fig-cmn
   ---------------------------------------------------------- */
.fig-cmn {
}
/* ==========================================================
   image
   ========================================================== */
/* img-cmn-adjust
   ---------------------------------------------------------- */
.img-cmn-adjust {
}
/* ==========================================================
   form
   ========================================================== */
/* base Form
   ---------------------------------------------------------- */
/* type="text" */
input[type="text"] {
}
/* type="checkbox" */
input[type="checkbox"] {
}
/* type="radio" */
input[type="radio"] {
}
/* select */
select {
}
/* textarea */
textarea {
}
/* button */
button {
}
/* class Form
   ---------------------------------------------------------- */
/* form-cmn-input
   ---------------------------------------------------------- */
.form-cmn-input {
}
/* form-cmn-check
   ---------------------------------------------------------- */
.form-cmn-check {
}
/* form-cmn-radio
   ---------------------------------------------------------- */
.form-cmn-radio {
}
/* form-cmn-select
   ---------------------------------------------------------- */
.form-cmn-select {
}
/* form-cmn-textarea
   ---------------------------------------------------------- */
.form-cmn-textarea {
}
/* form-cmn-button
   ---------------------------------------------------------- */
.form-cmn-button {
}
/* ==========================================================
   is
   ========================================================== */
/* opacity hover
   ---------------------------------------------------------- */
.is-opacity
{
  -ms-filter: 'alpha( opacity=100)';
  opacity: 1;
}
.is-opacity:hover
{
  -ms-filter: 'alpha( opacity=70)';
  filter: alpha( opacity=70);
  opacity: 0.7;
}
/* css animation 
   ---------------------------------------------------------- */
.is-animate
{
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* ==========================================================
   style
   ========================================================== */
.s-fw-n     { font-weight: normal;}
.s-fw-b     { font-weight: bold;}
.s-ta-l     { text-align: left !important;}
.s-ta-c     { text-align: center !important;}
.s-ta-r     { text-align: right !important;}
.s-va-t     { vertical-align: top !important;}
.s-va-m     { vertical-align: middle !important;}
.s-va-b     { vertical-align: bottom !important;}
.s-ov-h     { overflow: hidden;}
.s-ov-v     { overflow: visible;}
.s-clear    { clear: both;}
.s-hide     { display: none;}
.s-txt-hide { text-indent: 100%; white-space: nowrap; overflow: hidden;}
.s-bg-n     { background: none !important;}
.s-mt-00    { margin-top: 0 !important;}
.s-mt-20    { margin-top: 20px !important;}
.s-mt-40    { margin-top: 40px !important;}
.s-mt-60    { margin-top: 60px !important;}
.s-mb-00    { margin-bottom: 0 !important;}
.s-mb-20    { margin-bottom: 20px !important;}
.s-ml-00    { margin-left: 0 !important;}
.s-mr-00    { margin-right: 0 !important;}
.s-full-wid { width: 100%;}
.s-fw-n-pc  { font-weight: normal;}
.s-fw-b-pc  { font-weight: bold;}
.s-ta-l-pc  { text-align: left !important;}
.s-ta-c-pc  { text-align: center !important;}
.s-ta-r-pc  { text-align: right !important;}
.s-va-t-pc  { vertical-align: top !important;}
.s-va-m-pc  { vertical-align: middle !important;}
.s-va-b-pc  { vertical-align: bottom !important;}
.s-ov-h-pc  { overflow: hidden;}
.s-ov-v-pc  { overflow: visible;}
.s-clear-pc { clear: both;}
.s-hide-pc  { display: none;}
.s-txt-hide-pc { text-indent: 100%; white-space: nowrap; overflow: hidden;}
.s-bg-n-pc   { background: none !important;}
.s-mt-00-pc { margin-top: 0 !important;}
.s-mt-20-pc { margin-top: 20px !important;}
.s-mt-40-pc { margin-top: 40px !important;}
.s-mt-60-pc { margin-top: 60px !important;}
.s-mb-00-pc { margin-bottom: 0 !important;}
.s-mb-20-pc { margin-bottom: 20px !important;}
.s-ml-00-pc { margin-left: 0 !important;}
.s-mr-00-pc { margin-right: 0 !important;}
.s-full-wid-pc { width: 100%;}
/* ==========================================================
   rwd switch
   ========================================================== */
/* pc
   ---------------------------------------------------------- */
.only-pc {}
.only-tb,
.only-sp,
.no-pc { display: none !important;}
.no-tb {}
.no-sp {}
/* sp
   ---------------------------------------------------------- */
/* ==========================================================
   tool
   ========================================================== */
.atode { padding: 10px; border: 2px solid #8c0000; background-color: #ff4d4d; color: #fff; font-size: 30px; text-align: center;}
/* ==========================================================
   special
   ========================================================== */
.is-screen-locked{
  top: 0;
  left: 0;
  width: 100%;
  position: fixed;
}

.line-it-button{ 
  margin-left: 7px;
  margin-top: 7px;
  opacity: 0;
}


/* ==========================================================
  既存パーツを調整
========================================================== */
#globalheader *,
#browsebar-wrapper *,
#g-bottomarea,
#g-bottomarea *,
#globalfooter * {
  box-sizing: content-box;
}

.g-contactmenu {
  margin: 0.5em 0 1em -20px;
}

/* ==========================================================
 color scheme
========================================================== */
.color-primary {color: #1a1a1a;}
.color-accent {color: #e32d2d;}
.color-01 {color: #eeeeee;}
.color-02 {color: #d0d0d0;}
.color-03 {color: #878787;}
.bgcolor-primary {background-color: #1a1a1a;}
.bgcolor-accent {background-color: #e32d2d;}
.bgcolor-01 {background-color: #eeeeee;}
.bgcolor-02 {background-color: #d0d0d0;}
.bgcolor-03 {background-color: #878787;}