@charset "UTF-8";

/* Reset
=====================================================================*/
*,::after, ::before {box-sizing: border-box;background-repeat: no-repeat;box-sizing: inherit;}
html {line-sizing: normal;box-sizing: border-box;-webkit-text-size-adjust: 100%;word-break: normal;}
h1,h2,h3,h4,h5 {margin: 0; padding: 0; display: block; line-height: 1;
                margin-block-start: 0; margin-block-end: 0;
                margin-inline-start: 0; margin-inline-end: 0;}
p {margin: 0; padding: 0; display: block;
   margin-block-start: 0; margin-block-end: 0;
   margin-inline-start: 0; margin-inline-end: 0;}
pre {white-space: pre-wrap;}
hr {border-style: solid;border-width: 1px 0 0;color: inherit;height: 0;overflow: visible;}
audio, canvas, embed, iframe, object, video {display: block; vertical-align: middle;max-width: 100%;}
img, svg {vertical-align: middle;}
canvas, img, svg, video {height: auto;}
audio {width: 100%;}
img {border-style: none;}
svg {overflow: hidden;}
article, aside, figcaption, figure, footer,
header, main, nav, section, div,
span,a {margin: 0; padding: 0; color: inherit;}
a:hover{text-decoration: none;}
ul,ol,li,dl,dt,dd{list-style: none; margin: 0;padding: 0; line-height: 1;
                  margin-block-start: 0; margin-block-end: 0;
                  margin-inline-start: 0; margin-inline-end: 0;
                  padding-inline-start: 0; padding-inline-end: 0;}
table{text-indent: initial; border-spacing: 0;border-collapse: collapse;}
table,th,tr,td{margin: 0; padding: 0; border:none;}
address{text-decoration: none; font-style: normal;}
[type=checkbox], [type=radio] {box-sizing: border-box;padding: 0;}
::before,::after {text-decoration: inherit;vertical-align: inherit;}

select {
  -webkit-appearance: none;
  min-width: 4.5rem;
  line-height: 2;
  border: 1px solid #c9d2d7;
  padding: 8px 25px 8px 8px;
  background: #FFF url("../images/common/select_arrow.png") no-repeat center right 8px;
  background-size: 8px 5px;
  cursor: pointer;
}
@media (max-width: 767px) {
  select {
    font-size: 16px;
  }
}

/* Basestyle
=====================================================================*/
body{
  background-color: #fff; color:#525252;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;}
input,
textarea,
button {
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
@media (min-width: 768px) {
  body{font-size: 13px; letter-spacing: 0.1em; line-height: 1.8; min-width: 1100px;}
  h1{font-size: 10px;}
  h2{font-size: 24px;}
  h3{font-size: 13px;}
  h4{font-size: 12px;}
  h5{font-size: 11px;}
  p{margin-bottom: 24px;}
  ul,ol{margin-bottom: 20px;}
  ul:last-of-type,ol:last-of-type{margin-bottom: 0;}
  li,dl,dt,dd{font-size: 12px; line-height:1; letter-spacing: 0.01em;}
  small{font-size: 12px}
}
@media (max-width: 767px) {
  body{font-size: 11px; letter-spacing: 0.1em; line-height: 1.8;}
  h1{font-size: 10px;}
  h2{font-size: 13px; letter-spacing: 0.05em;}
  h3{font-size: 12px;}
  h4{font-size: 11px;}
  h5{font-size: 10px;}
  p{margin-bottom: 18px;}
  ul,ol{margin-bottom: 20px;}
  ul:last-of-type,ol:last-of-type{margin-bottom: 0;}
  li,dl,dt,dd{font-size: 12px; line-height:1; letter-spacing: 0.01em;}
  small{font-size: 11px}
}
a{color:#464646; text-decoration: none;}
figure{margin-top:20px; margin-bottom: 20px; text-align: center;}
figcaption{text-align: center;}


/* Mobile/ PC only
=====================================================================*/
@media (max-width: 767px) {
  .u-only--pc{display:none !important;}
}
@media (min-width: 768px) {
  .u-only--sp{display:none !important;}
}

/* Text align
=====================================================================*/
.u-txt--left {text-align: left;}
.u-txt--right {text-align: right;}
.u-txt--center {text-align: center;}

/* Float and Clearfix
=====================================================================*/
.u-float--l {float: left; margin-right: 20px;}
.u-float--r {float: right; margin-left: 20px;}
.u-float--l + div, .u-float--r + div{overflow: hidden;}
.u-clearfix {display: block;}
.u-clearfix::before, .u-clearfix::after {content: ""; display: block; clear: both;}
@media (max-width: 767px) {
  .u-float--l, .u-float--r{
    float: none;}
  .u-float--l + div, .u-float--r + div{
    margin-top: 20px;
  }
}

/* Flex
=====================================================================*/
.u-flex{
  display: flex;
  flex-shrink: 1;
  align-items: stretch;
}
.u-flex--between{
  justify-content: space-between;
}
.u-flex--center{
  justify-content: center;
}
.u-flex--wrap{
  flex-wrap: wrap;
}
.u-flex--column{
  flex-direction: column;
}

.u-flex > *{
  align-self: stretch;
}

/* Position
=====================================================================*/
.u-relative{position:relative;}

/* Boxsize
=====================================================================*/
.c-col2,.c-col3,.c-col4{
  width: 100%;
}
.c-col2 > *{
  width: calc(100% / 2);
}
.c-col3 > *{
  width: calc(100% / 3);
}
.c-col4 > *{
  width: calc(100% / 4);
}
@media screen and (max-width: 767px) {
  .u-pc-only {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .u-sp-only {
    display: none;
  }
}
/* Adjustment
=====================================================================*/
.right {
  text-align: right;
}
.u-mt0{margin-top:0 !important}
.u-mt5{margin-top:5px !important}
.u-mt10{margin-top:10px !important}
.u-mt15{margin-top:15px !important}
.u-mt20{margin-top:20px !important}
.u-mt25{margin-top:25px !important}
.u-mt30{margin-top:30px !important}
.u-mt35{margin-top:35px !important}
.u-mt40{margin-top:40px !important}
.u-mt45{margin-top:45px !important}
.u-mt50{margin-top:50px !important}
.u-mt55{margin-top:55px !important}
.u-mt60{margin-top:60px !important}
.u-mt65{margin-top:65px !important}
.u-mt70{margin-top:70px !important}
.u-mr0{margin-right:0 !important}
.u-mr5{margin-right:5px !important}
.u-mr10{margin-right:10px !important}
.u-mr15{margin-right:15px !important}
.u-mr20{margin-right:20px !important}
.u-mr25{margin-right:25px !important}
.u-mr30{margin-right:30px !important}
.u-mr35{margin-right:35px !important}
.u-mr40{margin-right:40px !important}
.u-mr45{margin-right:45px !important}
.u-mr50{margin-right:50px !important}
.u-mr55{margin-right:55px !important}
.u-mr60{margin-right:60px !important}
.u-mr65{margin-right:65px !important}
.u-mr70{margin-right:70px !important}
.u-mb0{margin-bottom:0 !important}
.u-mb5{margin-bottom:5px !important}
.u-mb10{margin-bottom:10px !important}
.u-mb15{margin-bottom:15px !important}
.u-mb20{margin-bottom:20px !important}
.u-mb25{margin-bottom:25px !important}
.u-mb30{margin-bottom:30px !important}
.u-mb35{margin-bottom:35px !important}
.u-mb40{margin-bottom:40px !important}
.u-mb45{margin-bottom:45px !important}
.u-mb50{margin-bottom:50px !important}
.u-mb55{margin-bottom:55px !important}
.u-mb60{margin-bottom:60px !important}
.u-mb65{margin-bottom:65px !important}
.u-mb70{margin-bottom:70px !important}
.u-mb80{margin-bottom:80px !important}
.u-ml0{margin-left:0 !important}
.u-ml5{margin-left:5px !important}
.u-ml10{margin-left:10px !important}
.u-ml15{margin-left:15px !important}
.u-ml20{margin-left:20px !important}
.u-ml25{margin-left:25px !important}
.u-ml30{margin-left:30px !important}
.u-ml35{margin-left:35px !important}
.u-ml40{margin-left:40px !important}
.u-ml45{margin-left:45px !important}
.u-ml50{margin-left:50px !important}
.u-ml55{margin-left:55px !important}
.u-ml60{margin-left:60px !important}
.u-ml65{margin-left:65px !important}
.u-ml70{margin-left:70px !important}