@charset "UTF-8";
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
div {
  margin: 0; }

img {
  max-width: 100%; }

a {
  text-decoration: none;
  display: block;
  cursor: pointer;
  color: inherit;
 }
p{
  margin: 0;
}
ul{margin: 0px;
  padding: 0;}
li{
  text-decoration: none;
  list-style: none;
  margin: 0px;
  padding: 0;}
h1,h2,h3,h4,h5,h6{
  margin: 0;
}
#fixedBox{width: 100%;}

.left {
  float: left; }

.right {
  float: right; }

.clear:after {
  display: block;
  content: "";
  clear: both; }

.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between; }

.bw {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: space-between; }

/*フォントサイズ*/
.text {
  font-size: 16px;
}

.komidashi {
  font-size: 24px;
}

.title {
  font-size: 32px;
}

.ft_12 {
  font-size: 12px;
}

.ft_14 {
  font-size: 14px;
}

.ft_16 {
  font-size: 16px;
}

.ft_18 {
  font-size: 18px;
}

.ft_20 {
  font-size: 20px;
}

.ft_22 {
  font-size: 22px;
}

.ft_24 {
  font-size: 24px;
}

.ft_28 {
  font-size: 28px;
}

.ft_32 {
  font-size: 32px;
}

.ft_38 {
  font-size: 38px;
}

.ft_42 {
  font-size: 42px;
}

.ft_48 {
  font-size: 48px;
}

.ft_52 {
  font-size: 52px;
}

.ft_58 {
  font-size: 58px;
}

.ft_64 {
  font-size: 64px;
}

.ft_72 {
  font-size: 72px;
}

/*行間*/
.lh18 {
  line-height: 18px; }

.lh24 {
  line-height: 24px; }

.lh30 {
  line-height: 30px; }

.lh35 {
  line-height: 35px; }

/*文字の太さ*/
.fw_n {
  font-weight: normal; }

.ft_b {
  font-weight: bold; }

/*text-align*/
.TaC {
  text-align: center; }

.TaL {
  text-align: left; }

.TaR {
  text-align: right; }

/*flex揃え*/
.FaM {
  align-items: center; }

.FaB {
  align-items: flex-end; }

.FaSt {
  align-items: stretch; }

.FaB {
  align-items: baseline; }

/*marginatauto*/
.Ma {
  margin: 0 auto; }

/*margin*/
.mBottom {
  margin-bottom: 10px; }

.mTop {
  margin-top: 10px; }

.mBottomL {
  margin-bottom: 20px; }

.mTopL {
  margin-top: 20px; }

.M5 {
  margin: 5px; }

.M10 {
  margin: 10px; }

.M15 {
  margin: 15px; }

.M20 {
  margin: 20px; }

.M25 {
  margin: 25px; }

.M30 {
  margin: 30px; }

.M35 {
  margin: 35px; }

.M40 {
  margin: 40px; }

.M45 {
  margin: 45px; }

.M50 {
  margin: 50px; }

.M100 {
  margin: 100px; }

/*marginT*/
.Mt5 {
  margin-top: 5px; }

.Mt10 {
  margin-top: 10px; }

.Mt15 {
  margin-top: 15px; }

.Mt20 {
  margin-top: 20px; }

.Mt25 {
  margin-top: 25px; }

.Mt30 {
  margin-top: 30px; }

.Mt35 {
  margin-top: 35px; }

.Mt40 {
  margin-top: 40px; }

.Mt45 {
  margin-top: 45px; }

.Mt50 {
  margin-top: 50px; }

.Mt100 {
  margin-top: 100px; }

/*marginB*/
.Mb5 {
  margin-bottom: 5px; }

.Mb10 {
  margin-bottom: 10px; }

.Mb15 {
  margin-bottom: 15px; }

.Mb20 {
  margin-bottom: 20px; }

.Mb25 {
  margin-bottom: 25px; }

.Mb30 {
  margin-bottom: 30px; }

.Mb5 {
  margin-bottom: 35px; }

.Mb40 {
  margin-bottom: 40px; }

.Mb45 {
  margin-bottom: 45px; }

.Mb50 {
  margin-bottom: 50px; }

.Mb100 {
  margin-bottom: 100px; }

/*margintopbottom*/
.Mtb5 {
  margin: 5px 0; }

.M10 {
  margin: 10px 0; }

.M15 {
  margin: 15px 0; }

.M20 {
  margin: 20px 0; }

.M25 {
  margin: 25px 0; }

.M30 {
  margin: 30px 0; }

.M35 {
  margin: 35px 0; }

.M40 {
  margin: 40px 0; }

.M45 {
  margin: 45px 0; }

.M50 {
  margin: 50px 0; }

.M100 {
  margin: 100px 0; }

/*marginL*/
.Ml5 {
  margin-left: 5px; }

.Ml10 {
  margin-left: 10px; }

.Ml15 {
  margin-left: 15px; }

.Ml20 {
  margin-left: 20px; }

.Ml25 {
  margin-left: 25px; }

.Ml30 {
  margin-left: 30px; }

.Ml5 {
  margin-left: 35px; }

.Ml40 {
  margin-left: 40px; }

.Ml45 {
  margin-left: 45px; }

.Ml50 {
  margin-left: 50px; }

.Ml100 {
  margin-left: 100px; }

/*marginR*/
.Mr5 {
  margin-right: 5px; }

.Mr10 {
  margin-right: 10px; }

.Mr15 {
  margin-right: 15px; }

.Mr20 {
  margin-right: 20px; }

.Mr25 {
  margin-right: 25px; }

.Mr30 {
  margin-right: 30px; }

.Mr5 {
  margin-right: 35px; }

.Mr40 {
  margin-right: 40px; }

.Mr45 {
  margin-right: 45px; }

.Mr50 {
  margin-right: 50px; }

.Mr100 {
  margin-right: 100px; }

/*padding縦横*/
.Pa5 {
  padding: 5px; }

.Pa10 {
  padding: 10px; }

.Pa15 {
  padding: 15px; }

.Pa20 {
  padding: 20px; }

.Pa25 {
  padding: 25px; }

.Pa30 {
  padding: 30px; }

.Pa35 {
  padding: 35px; }

.Pa40 {
  padding: 40px; }

.Pa45 {
  padding: 45px; }

.Pa50 {
  padding: 50px; }

.Pa100 {
  padding: 100px; }

/*padding*/
.Ptb5 {
  padding: 5px 0; }

.Ptb10 {
  padding: 10px 0; }

.Ptb15 {
  padding: 15px 0; }

.Ptb20 {
  padding: 20px 0; }

.Ptb25 {
  padding: 25px 0; }

.Ptb30 {
  padding: 30px 0; }

.Ptb35 {
  padding: 35px 0; }

.Ptb40 {
  padding: 40px 0; }

.Ptb45 {
  padding: 45px 0; }

.Ptb50 {
  padding: 50px 0; }

.Ptb100 {
  padding: 100px 0; }

/*paddingT*/
.Pt5 {
  padding-top: 5px; }

.Pt10 {
  padding-top: 10px; }

.Pt15 {
  padding-top: 15px; }

.Pt20 {
  padding-top: 20px; }

.Pt25 {
  padding-top: 25px; }

.Pt30 {
  padding-top: 30px; }

.Pt35 {
  padding-top: 35px; }

.Pt40 {
  padding-top: 40px; }

.Pt45 {
  padding-top: 45px; }

.Pt50 {
  padding-top: 50px; }

.Pt70 {
  padding-top: 70px; }

.Pt100 {
  padding-top: 100px; }

/*paddingB*/
.Pb5 {
  padding-bottom: 5px; }

.Pb10 {
  padding-bottom: 10px; }

.Pb15 {
  padding-bottom: 15px; }

.Pb20 {
  padding-bottom: 20px; }

.Pb25 {
  padding-bottom: 25px; }

.Pb30 {
  padding-bottom: 30px; }

.Pb35 {
  padding-bottom: 35px; }

.Pb40 {
  padding-bottom: 40px; }

.Pb45 {
  padding-bottom: 45px; }

.Pb50 {
  padding-bottom: 50px; }

.Pb100 {
  padding-bottom: 100px; }

/*paddingL*/
.Pl3 {
  padding-left: 3px; }

.Pl5 {
  padding-left: 5px; }

.Pl10 {
  padding-left: 10px; }

.Pl15 {
  padding-left: 15px; }

.Pl20 {
  padding-left: 20px; }

.Pl25 {
  padding-left: 25px; }

.Pl30 {
  padding-left: 30px; }

.Pl35 {
  padding-left: 35px; }

.Pl40 {
  padding-left: 40px; }

.Pl45 {
  padding-left: 45px; }

.Pl50 {
  padding-left: 50px; }

.Pl100 {
  padding-left: 100px; }

/*paddingR*/
.Pr3 {
  padding-right: 3px; }

.Pr5 {
  padding-right: 5px; }

.Pr10 {
  padding-right: 10px; }

.Pr15 {
  padding-right: 15px; }

.Pr20 {
  padding-right: 20px; }

.Pr25 {
  padding-right: 25px; }

.Pr30 {
  padding-right: 30px; }

.Pr5 {
  padding-right: 35px; }

.Pr40 {
  padding-right: 40px; }

.Pr45 {
  padding-right: 45px; }

.Pr50 {
  padding-right: 50px; }

.Pr100 {
  padding-right: 100px; }

/*margin*/
.M5vw {
  margin: 5vw; }

.M15vw {
  margin: 10vw; }

.M15vw {
  margin: 15vw; }

.M25vw {
  margin: 20vw; }

.M25vw {
  margin: 25vw; }

.M35vw {
  margin: 30vw; }

.M35vw {
  margin: 35vw; }

.M45vw {
  margin: 40vw; }

.M45vw {
  margin: 45vw; }

.M55vw {
  margin: 50vw; }

.M105vw {
  margin: 100vw; }

/*marginT*/
.Mt5vw {
  margin-top: 5vw; }

.Mt15vw {
  margin-top: 10vw; }

.Mt15vw {
  margin-top: 15vw; }

.Mt25vw {
  margin-top: 20vw; }

.Mt25vw {
  margin-top: 25vw; }

.Mt35vw {
  margin-top: 30vw; }

.Mt35vw {
  margin-top: 35vw; }

.Mt45vw {
  margin-top: 40vw; }

.Mt45vw {
  margin-top: 45vw; }

.Mt55vw {
  margin-top: 50vw; }

.Mt105vw {
  margin-top: 100vw; }

/*marginB*/
.Mb5vw {
  margin-bottom: 5vw; }

.Mb15vw {
  margin-bottom: 10vw; }

.Mb15vw {
  margin-bottom: 15vw; }

.Mb25vw {
  margin-bottom: 20vw; }

.Mb25vw {
  margin-bottom: 25vw; }

.Mb35vw {
  margin-bottom: 30vw; }

.Mb5vw {
  margin-bottom: 35vw; }

.Mb45vw {
  margin-bottom: 40vw; }

.Mb45vw {
  margin-bottom: 45vw; }

.Mb55vw {
  margin-bottom: 50vw; }

.Mb105vw {
  margin-bottom: 100vw; }

/*margintopbottom*/
.Mtb5vw {
  margin: 5vw 0; }

.M15vw {
  margin: 10vw 0; }

.M15vw {
  margin: 15vw 0; }

.M25vw {
  margin: 20vw 0; }

.M25vw {
  margin: 25vw 0; }

.M35vw {
  margin: 30vw 0; }

.M35vw {
  margin: 35vw 0; }

.M45vw {
  margin: 40vw 0; }

.M45vw {
  margin: 45vw 0; }

.M55vw {
  margin: 50vw 0; }

.M105vw {
  margin: 100vw 0; }

/*marginL*/
.Ml5vw {
  margin-left: 5vw; }

.Ml15vw {
  margin-left: 10vw; }

.Ml15vw {
  margin-left: 15vw; }

.Ml25vw {
  margin-left: 20vw; }

.Ml25vw {
  margin-left: 25vw; }

.Ml35vw {
  margin-left: 30vw; }

.Ml5vw {
  margin-left: 35vw; }

.Ml45vw {
  margin-left: 40vw; }

.Ml45vw {
  margin-left: 45vw; }

.Ml55vw {
  margin-left: 50vw; }

.Ml105vw {
  margin-left: 100vw; }

/*marginR*/
.Mr5vw {
  margin-right: 5vw; }

.Mr15vw {
  margin-right: 10vw; }

.Mr15vw {
  margin-right: 15vw; }

.Mr25vw {
  margin-right: 20vw; }

.Mr25vw {
  margin-right: 25vw; }

.Mr35vw {
  margin-right: 30vw; }

.Mr5vw {
  margin-right: 35vw; }

.Mr45vw {
  margin-right: 40vw; }

.Mr45vw {
  margin-right: 45vw; }

.Mr55vw {
  margin-right: 50vw; }

.Mr105vw {
  margin-right: 100vw; }

/*padding縦横*/
.Pa5vw {
  padding: 5vw; }

.Pa15vw {
  padding: 10vw; }

.Pa15vw {
  padding: 15vw; }

.Pa25vw {
  padding: 20vw; }

.Pa25vw {
  padding: 25vw; }

.Pa35vw {
  padding: 30vw; }

.Pa35vw {
  padding: 35vw; }

.Pa45vw {
  padding: 40vw; }

.Pa45vw {
  padding: 45vw; }

.Pa55vw {
  padding: 50vw; }

.Pa105vw {
  padding: 100vw; }

/*padding*/
.Ptb5vw {
  padding: 5vw 0; }

.Ptb15vw {
  padding: 10vw 0; }

.Ptb15vw {
  padding: 15vw 0; }

.Ptb25vw {
  padding: 20vw 0; }

.Ptb25vw {
  padding: 25vw 0; }

.Ptb35vw {
  padding: 30vw 0; }

.Ptb35vw {
  padding: 35vw 0; }

.Ptb45vw {
  padding: 40vw 0; }

.Ptb45vw {
  padding: 45vw 0; }

.Ptb55vw {
  padding: 50vw 0; }

.Ptb105vw {
  padding: 100vw 0; }

/*paddingT*/
.Pt5vw {
  padding-top: 5vw; }

.Pt15vw {
  padding-top: 10vw; }

.Pt15vw {
  padding-top: 15vw; }

.Pt25vw {
  padding-top: 20vw; }

.Pt25vw {
  padding-top: 25vw; }

.Pt35vw {
  padding-top: 30vw; }

.Pt35vw {
  padding-top: 35vw; }

.Pt45vw {
  padding-top: 40vw; }

.Pt45vw {
  padding-top: 45vw; }

.Pt55vw {
  padding-top: 50vw; }

.Pt75vw {
  padding-top: 70vw; }

.Pt105vw {
  padding-top: 100vw; }

/*paddingB*/
.Pb5vw {
  padding-bottom: 5vw; }

.Pb15vw {
  padding-bottom: 10vw; }

.Pb15vw {
  padding-bottom: 15vw; }

.Pb25vw {
  padding-bottom: 20vw; }

.Pb25vw {
  padding-bottom: 25vw; }

.Pb35vw {
  padding-bottom: 30vw; }

.Pb35vw {
  padding-bottom: 35vw; }

.Pb45vw {
  padding-bottom: 40vw; }

.Pb45vw {
  padding-bottom: 45vw; }

.Pb55vw {
  padding-bottom: 50vw; }

.Pb105vw {
  padding-bottom: 100vw; }

/*paddingL*/
.Pl3 {
  padding-left: 3vw; }

.Pl5vw {
  padding-left: 5vw; }

.Pl15vw {
  padding-left: 10vw; }

.Pl15vw {
  padding-left: 15vw; }

.Pl25vw {
  padding-left: 20vw; }

.Pl25vw {
  padding-left: 25vw; }

.Pl35vw {
  padding-left: 30vw; }

.Pl35vw {
  padding-left: 35vw; }

.Pl45vw {
  padding-left: 40vw; }

.Pl45vw {
  padding-left: 45vw; }

.Pl55vw {
  padding-left: 50vw; }

.Pl105vw {
  padding-left: 100vw; }

/*paddingR*/
.Pr3 {
  padding-right: 3vw; }

.Pr5vw {
  padding-right: 5vw; }

.Pr15vw {
  padding-right: 10vw; }

.Pr15vw {
  padding-right: 15vw; }

.Pr25vw {
  padding-right: 20vw; }

.Pr25vw {
  padding-right: 25vw; }

.Pr35vw {
  padding-right: 30vw; }

.Pr5vw {
  padding-right: 35vw; }

.Pr45vw {
  padding-right: 40vw; }

.Pr45vw {
  padding-right: 45vw; }

.Pr55vw {
  padding-right: 50vw; }

.Pr105vw {
  padding-right: 100vw; }

/*背景色*/
.Bc_blk {
  background-color: #000; }

.Bc_gray {
  background-color: #999999; }

.Bc_crimsonRed {
  background-color: #bf0000; }

.Bc_wht {
  background-color: #FFF; }

.Bc_wht07 {
  background-color: #FFF;
  opacity: 0.7; }

.Bc_main {
  background-color: #109AD7; }

.Bc_base {
  background-color: #fff; }

.Bc_accent {
  background-color: #D3706D; }

.Bc_mainD {
  background-color: #095678; }

.Bc_baseD {
  background-color: #cccccc; }

.Bc_accentD {
  background-color: #a83632; }

.Bc_mainL {
  background-color: #5ac4f3; }

.Bc_baseL {
  background-color: white; }

.Bc_accentL {
  background-color: #ebbdbb; }

/*フォント種類*/
.text_mincho {
  font-family: "Sawarabi Mincho"; }

.text_serif {
  font-family: 'Lora', serif; }

.flex .col1 {
  width: 8%; }

.flex .col2 {
  width: 18%; }

.flex .col2_5 {
  width: 23%; }

.flex .col3 {
  width: 28%; }

.flex .col4 {
  width: 38%; }

.flex .col5 {
  width: 48%; }

.flex .col6 {
  width: 58%; }

.flex .col7 {
  width: 68%; }

.flex .col8 {
  width: 78%; }

.flex .col9 {
  width: 88%; }

.under_solid {
  border-bottom: 1px #000000 solid; }

.under_dot {
  border-bottom: 1px #000000 dotted; }

.left_solid {
  border-left: 5px #000000 solid; }

.left_dot {
  border-left: 5px #000000 dotted; }

.right_solid {
  border-right: 1px #000000 solid; }

.right_dot {
  border-right: 1px #000000 dotted; }

.wid1000 {
  width: 100%;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto; }

.wid980 {
  width: 100%;
  max-width: 980px;
  margin-right: auto;
  margin-left: auto; }

.wid960 {
  width: 100%;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto; }

.wid950 {
  width: 100%;
  max-width: 950px;
  margin-right: auto;
  margin-left: auto; }

.widall {
  width: 100%;
  margin-right: auto;
  margin-left: auto; }

.wid750 {
  width: 100%;
  max-width: 750px;
  margin-right: auto;
  margin-left: auto; }

.wid760 {
  width: 100%;
  max-width: 760px;
  margin-right: auto;
  margin-left: auto; }

.wid740 {
  width: 100%;
  max-width: 740px;
  margin-right: auto;
  margin-left: auto; }

.wid200 {
  width: 200px;
  margin-right: auto;
  margin-left: auto; }

/* 縦書き文字 */
/* 右から左 */
.tate{
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
}
/* 左から右 */
.tate2{
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
 }
/* 縦書き文字 */
@media screen and (min-width: 981px) {
  .fixed{
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 10;
  }
}

@media screen and (max-width: 980px) {
  .fixed{
  position: fixed;
  top: 0px;
  left: -200px;
  }
}
@media screen and (min-width: 801px) {
  .flexPc {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between; }

  .flexPc .col1 {
    width: 8%; }

  .flexPc .col2 {
    width: 18%; }

  .flexPc .col3 {
    width: 28%; }

  .flexPc .col4 {
    width: 38%; }

  .flexPc .col5 {
    width: 48%; }

  .flexPc .col6 {
    width: 58%; }

  .flexPc .col7 {
    width: 68%; }

  .flexPc .col8 {
    width: 78%; }

  .flexPc .col9 {
    width: 88%; } }
/*文字サイズ　レスポンジブ*/
@media screen and (max-width: 800px) {
  .ft_016 {
    font-size: 12px; }

  .ft_018 {
    font-size: 14px; }

  .ft_024 {
    font-size: 18px; }

  .ft_032 {
    font-size: 24px; }

  .ft_048 {
    font-size: 38px; }

  .ft_058 {
    font-size: 48px; }

  .ft_072 {
    font-size: 58px; }

  .title {
    font-size: 24px;
  }

  .komidashi {
    font-size: 19.2px;
  }

  .sp_no {
    display: none; } }