@charset "UTF-8";

div {
  box-sizing: border-box;
  margin: 0; }

img {
  max-width: 100%;
  max-height: 100%;
}

a {
  display: block;
  cursor: pointer;
  color: #000;
  text-decoration: none;
}
  a:hover, a:active, a:focus {
    color: #333333; }
  a:link, a:visited {
    color: #000; }
a:hover{
  opacity: 0.7;
}

.left {
  float: left; }

.right {
  float: right; }

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

.parent{
  position: relative;
}

.childM{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

.childR{
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translateY(-50%) ;
  -webkit-transform: translateY(-50%) ;
}

.childL{
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%) ;
  -webkit-transform: translateY(-50%) ;
}
.childL2{
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translateY(-50%) ;
  -webkit-transform: translateY(-50%) ;
}

.hbOuter{
  display: table;
  width: 100%;
}

.hbInner{
  display: table-cell;
  vertical-align: middle;
}

.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; }



/*文字色*/
.hbFc_main {
  color: #109AD7; }

.hbFc_base {
  color: #fff; }

.hbFc_accent {
  color: #D3706D; }

.hbFc_mainD {
  color: #095678; }

.hbFc_baseD {
  color: #cccccc; }

.hbFc_accentD {
  color: #a83632; }

.hbFc_mainL {
  color: #5ac4f3; }

.hbFc_baseL {
  color: white; }

.hbFc_accentL {
  color: #ebbdbb; }

.hbFc_wht {
  color: #FFF; }

.hbFc_blk {
  color: #000; }

.hbFc_red {
  color: #ff0000; }

.hbFc_orange {
  color: #f49b1b; }

.hbFc_orangeRed01 {
  color: #fd4032; }

.hbFc_orangeRed02 {
  color: #fd7332; }

.hbFc_yellow {
  color: #e8d824; }

.hbFc_green {
  color: #38a229; }

.hbFc_green2 {
  color: #85c319; }

.hbFc_green3 {
  color: #2E7A15; }

.hbFc_skyBlue {
  color: #00c0ff; }

.hbFc_blue {
  color: #1e49d7; }

.hbFc_dodgerBlue {
  color: #0080ff; }

.hbFc_darkBlue {
  color: #0f2f91; }

.hbFc_pink {
  color: #f283b5; }

.hbFc_deepPink {
  color: #fd7332; }

.hbFc_lightPink {
  color: #f0a8a8; }

.hbFc_salmonPink {
  color: #ee6464; }

.hbFc_lightOrangeRed01 {
  color: #f0cca8; }

.hbFc_lightOrangeRed02 {
  color: #f0dea8; }

.hbFc_lightYellowGreen {
  color: #eaea89; }

.hbFc_lightForestGreen {
  color: #def0a8; }

.hbFc_lightGreen {
  color: #baf0a8; }

.hbFc_lightBlue {
  color: #a3e0f4; }

.hbFc_lightDarkBlue {
  color: #a8baf0; }

.hbFc_lightDarkPurple {
  color: #baa8f0; }

.hbFc_lightPurple {
  color: #dea8f0; }

.hbFc_brown {
  color: #780000; }

.hbFc_crimsonRed {
  color: #bf0000; }

.hbFc_saddleBrown {
  color: #8c5218; }

.hbFc_darkGold {
  color: #947519; }

.hbFc_Gold {
  color: #c7aa4e; }

.hbFc_olive {
  color: #759419; }

.hbFc_purple {
  color: #731991; }

.hbFc_turquoise {
  color: #0f7e82; }

.hbFc_darkPurple {
  color: #371991; }

.hbFc_azuki {
  color: #941957; }

.hbFc_darkgray {
  color: #000000; }

.hbFc_gray {
  color: #999999; }

.hbFc_silver {
  color: #cccccc; }

/*フォントサイズ*/

.font_ss{
  font-size: 8px
}

.font_s{
  font-size: 12px
}

.font_m{
  font-size: 16px
}

.font_l{
  font-size: 18px
}

.font_ll{
  font-size: 18px
}

.font_xl{
  font-size: 20px
}

.font_xxl{
  font-size: 24px
}

.hbFs_12 {
  font-size: 12px;
  font-size: 1.2rem; }

.hbFs_14 {
  font-size: 14px;
  font-size: 1.4rem; }

.hbFs_16 {
  font-size: 16px;
  font-size: 1.6rem; }

.hbFs_18 {
  font-size: 18px;
  font-size: 1.8rem; }

.hbFs_20 {
  font-size: 20px;
  font-size: 2rem; }

.hbFs_22 {
  font-size: 22px;
  font-size: 2.2rem; }

.hbFs_24 {
  font-size: 24px;
  font-size: 2.4rem; }

.hbFs_28 {
  font-size: 28px;
  font-size: 2.8rem; }

.hbFs_32 {
  font-size: 32px;
  font-size: 3.2rem; }

.hbFs_38 {
  font-size: 38px;
  font-size: 3.8rem; }

.hbFs_42 {
  font-size: 42px;
  font-size: 4.2rem; }

.hbFs_48 {
  font-size: 48px;
  font-size: 4.8rem; }

.hbFs_52 {
  font-size: 52px;
  font-size: 5.2rem; }

.hbFs_58 {
  font-size: 58px;
  font-size: 5.8rem; }

.hbFs_64 {
  font-size: 64px;
  font-size: 6.4rem; }

.hbFs_72 {
  font-size: 72px;
  font-size: 7.2rem; }

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

.hbLh24 {
  line-height: 24px; }

.hbLh30 {
  line-height: 30px; }

.hbLh35 {
  line-height: 35px; }

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

.hbFwB {
  font-weight: bold; }

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

.hbTaL {
  text-align: left; }

.hbTaR {
  text-align: right; }

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

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

.hbFaSt {
  align-items: stretch; }

.hbFaB {
  align-items: baseline; }

.hbFdR{
  flex-direction: row-reverse;
}

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

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

.mTop {
  margin-top: 10px; }

.mBottomL {
  margin-bottom: 20px; }

.mTopL {
  margin-top: 20px; }

.hbM5 {
  margin: 5px; }

.hbM10 {
  margin: 10px; }

.hbM15 {
  margin: 15px; }

.hbM20 {
  margin: 20px; }

.hbM25 {
  margin: 25px; }

.hbM30 {
  margin: 30px; }

.hbM35 {
  margin: 35px; }

.hbM40 {
  margin: 40px; }

.hbM45 {
  margin: 45px; }

.hbM50 {
  margin: 50px; }

.hbM100 {
  margin: 100px; }

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

.hbMt10 {
  margin-top: 10px; }

.hbMt15 {
  margin-top: 15px; }

.hbMt20 {
  margin-top: 20px; }

.hbMt25 {
  margin-top: 25px; }

.hbMt30 {
  margin-top: 30px; }

.hbMt35 {
  margin-top: 35px; }

.hbMt40 {
  margin-top: 40px; }

.hbMt45 {
  margin-top: 45px; }

.hbMt50 {
  margin-top: 50px; }

.hbMt100 {
  margin-top: 100px; }

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

.hbMb10 {
  margin-bottom: 10px; }

.hbMb15 {
  margin-bottom: 15px; }

.hbMb20 {
  margin-bottom: 20px; }

.hbMb25 {
  margin-bottom: 25px; }

.hbMb30 {
  margin-bottom: 30px; }

.hbMb5 {
  margin-bottom: 35px; }

.hbMb40 {
  margin-bottom: 40px; }

.hbMb45 {
  margin-bottom: 45px; }

.hbMb50 {
  margin-bottom: 50px; }

.hbMb100 {
  margin-bottom: 100px; }

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

.hbM10 {
  margin: 10px 0; }

.hbM15 {
  margin: 15px 0; }

.hbM20 {
  margin: 20px 0; }

.hbM25 {
  margin: 25px 0; }

.hbM30 {
  margin: 30px 0; }

.hbM35 {
  margin: 35px 0; }

.hbM40 {
  margin: 40px 0; }

.hbM45 {
  margin: 45px 0; }

.hbM50 {
  margin: 50px 0; }

.hbM100 {
  margin: 100px 0; }

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

.hbMl10 {
  margin-left: 10px; }

.hbMl15 {
  margin-left: 15px; }

.hbMl20 {
  margin-left: 20px; }

.hbMl25 {
  margin-left: 25px; }

.hbMl30 {
  margin-left: 30px; }

.hbMl5 {
  margin-left: 35px; }

.hbMl40 {
  margin-left: 40px; }

.hbMl45 {
  margin-left: 45px; }

.hbMl50 {
  margin-left: 50px; }

.hbMl100 {
  margin-left: 100px; }

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

.hbMr10 {
  margin-right: 10px; }

.hbMr15 {
  margin-right: 15px; }

.hbMr20 {
  margin-right: 20px; }

.hbMr25 {
  margin-right: 25px; }

.hbMr30 {
  margin-right: 30px; }

.hbMr5 {
  margin-right: 35px; }

.hbMr40 {
  margin-right: 40px; }

.hbMr45 {
  margin-right: 45px; }

.hbMr50 {
  margin-right: 50px; }

.hbMr100 {
  margin-right: 100px; }

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

.hbPa10 {
  padding: 10px; }

.hbPa15 {
  padding: 15px; }

.hbPa20 {
  padding: 20px; }

.hbPa25 {
  padding: 25px; }

.hbPa30 {
  padding: 30px; }

.hbPa35 {
  padding: 35px; }

.hbPa40 {
  padding: 40px; }

.hbPa45 {
  padding: 45px; }

.hbPa50 {
  padding: 50px; }

.hbPa100 {
  padding: 100px; }

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

.hbPtb10 {
  padding: 10px 0; }

.hbPtb15 {
  padding: 15px 0; }

.hbPtb20 {
  padding: 20px 0; }

.hbPtb25 {
  padding: 25px 0; }

.hbPtb30 {
  padding: 30px 0; }

.hbPtb35 {
  padding: 35px 0; }

.hbPtb40 {
  padding: 40px 0; }

.hbPtb45 {
  padding: 45px 0; }

.hbPtb50 {
  padding: 50px 0; }

.hbPtb100 {
  padding: 100px 0; }

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

.hbPt10 {
  padding-top: 10px; }

.hbPt15 {
  padding-top: 15px; }

.hbPt20 {
  padding-top: 20px; }

.hbPt25 {
  padding-top: 25px; }

.hbPt30 {
  padding-top: 30px; }

.hbPt35 {
  padding-top: 35px; }

.hbPt40 {
  padding-top: 40px; }

.hbPt45 {
  padding-top: 45px; }

.hbPt50 {
  padding-top: 50px; }

.hbPt70 {
  padding-top: 70px; }

.hbPt100 {
  padding-top: 100px; }

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

.hbPb10 {
  padding-bottom: 10px; }

.hbPb15 {
  padding-bottom: 15px; }

.hbPb20 {
  padding-bottom: 20px; }

.hbPb25 {
  padding-bottom: 25px; }

.hbPb30 {
  padding-bottom: 30px; }

.hbPb35 {
  padding-bottom: 35px; }

.hbPb40 {
  padding-bottom: 40px; }

.hbPb45 {
  padding-bottom: 45px; }

.hbPb50 {
  padding-bottom: 50px; }

.hbPb100 {
  padding-bottom: 100px; }

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

.hbPl5 {
  padding-left: 5px; }

.hbPl10 {
  padding-left: 10px; }

.hbPl15 {
  padding-left: 15px; }

.hbPl20 {
  padding-left: 20px; }

.hbPl25 {
  padding-left: 25px; }

.hbPl30 {
  padding-left: 30px; }

.hbPl35 {
  padding-left: 35px; }

.hbPl40 {
  padding-left: 40px; }

.hbPl45 {
  padding-left: 45px; }

.hbPl50 {
  padding-left: 50px; }

.hbPl100 {
  padding-left: 100px; }

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

.hbPr5 {
  padding-right: 5px; }

.hbPr10 {
  padding-right: 10px; }

.hbPr15 {
  padding-right: 15px; }

.hbPr20 {
  padding-right: 20px; }

.hbPr25 {
  padding-right: 25px; }

.hbPr30 {
  padding-right: 30px; }

.hbPr5 {
  padding-right: 35px; }

.hbPr40 {
  padding-right: 40px; }

.hbPr45 {
  padding-right: 45px; }

.hbPr50 {
  padding-right: 50px; }

.hbPr100 {
  padding-right: 100px; }

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

.hbM15vw {
  margin: 10vw; }

.hbM15vw {
  margin: 15vw; }

.hbM25vw {
  margin: 20vw; }

.hbM25vw {
  margin: 25vw; }

.hbM35vw {
  margin: 30vw; }

.hbM35vw {
  margin: 35vw; }

.hbM45vw {
  margin: 40vw; }

.hbM45vw {
  margin: 45vw; }

.hbM55vw {
  margin: 50vw; }

.hbM105vw {
  margin: 100vw; }

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

.hbMt15vw {
  margin-top: 10vw; }

.hbMt15vw {
  margin-top: 15vw; }

.hbMt25vw {
  margin-top: 20vw; }

.hbMt25vw {
  margin-top: 25vw; }

.hbMt35vw {
  margin-top: 30vw; }

.hbMt35vw {
  margin-top: 35vw; }

.hbMt45vw {
  margin-top: 40vw; }

.hbMt45vw {
  margin-top: 45vw; }

.hbMt55vw {
  margin-top: 50vw; }

.hbMt105vw {
  margin-top: 100vw; }

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

.hbMb15vw {
  margin-bottom: 10vw; }

.hbMb15vw {
  margin-bottom: 15vw; }

.hbMb25vw {
  margin-bottom: 20vw; }

.hbMb25vw {
  margin-bottom: 25vw; }

.hbMb35vw {
  margin-bottom: 30vw; }

.hbMb5vw {
  margin-bottom: 35vw; }

.hbMb45vw {
  margin-bottom: 40vw; }

.hbMb45vw {
  margin-bottom: 45vw; }

.hbMb55vw {
  margin-bottom: 50vw; }

.hbMb105vw {
  margin-bottom: 100vw; }

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

.hbM15vw {
  margin: 10vw 0; }

.hbM15vw {
  margin: 15vw 0; }

.hbM25vw {
  margin: 20vw 0; }

.hbM25vw {
  margin: 25vw 0; }

.hbM35vw {
  margin: 30vw 0; }

.hbM35vw {
  margin: 35vw 0; }

.hbM45vw {
  margin: 40vw 0; }

.hbM45vw {
  margin: 45vw 0; }

.hbM55vw {
  margin: 50vw 0; }

.hbM105vw {
  margin: 100vw 0; }

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

.hbMl15vw {
  margin-left: 10vw; }

.hbMl15vw {
  margin-left: 15vw; }

.hbMl25vw {
  margin-left: 20vw; }

.hbMl25vw {
  margin-left: 25vw; }

.hbMl35vw {
  margin-left: 30vw; }

.hbMl5vw {
  margin-left: 35vw; }

.hbMl45vw {
  margin-left: 40vw; }

.hbMl45vw {
  margin-left: 45vw; }

.hbMl55vw {
  margin-left: 50vw; }

.hbMl105vw {
  margin-left: 100vw; }

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

.hbMr15vw {
  margin-right: 10vw; }

.hbMr15vw {
  margin-right: 15vw; }

.hbMr25vw {
  margin-right: 20vw; }

.hbMr25vw {
  margin-right: 25vw; }

.hbMr35vw {
  margin-right: 30vw; }

.hbMr5vw {
  margin-right: 35vw; }

.hbMr45vw {
  margin-right: 40vw; }

.hbMr45vw {
  margin-right: 45vw; }

.hbMr55vw {
  margin-right: 50vw; }

.hbMr105vw {
  margin-right: 100vw; }

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

.hbPa15vw {
  padding: 10vw; }

.hbPa15vw {
  padding: 15vw; }

.hbPa25vw {
  padding: 20vw; }

.hbPa25vw {
  padding: 25vw; }

.hbPa35vw {
  padding: 30vw; }

.hbPa35vw {
  padding: 35vw; }

.hbPa45vw {
  padding: 40vw; }

.hbPa45vw {
  padding: 45vw; }

.hbPa55vw {
  padding: 50vw; }

.hbPa105vw {
  padding: 100vw; }

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

.hbPtb15vw {
  padding: 10vw 0; }

.hbPtb15vw {
  padding: 15vw 0; }

.hbPtb25vw {
  padding: 20vw 0; }

.hbPtb25vw {
  padding: 25vw 0; }

.hbPtb35vw {
  padding: 30vw 0; }

.hbPtb35vw {
  padding: 35vw 0; }

.hbPtb45vw {
  padding: 40vw 0; }

.hbPtb45vw {
  padding: 45vw 0; }

.hbPtb55vw {
  padding: 50vw 0; }

.hbPtb105vw {
  padding: 100vw 0; }

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

.hbPt15vw {
  padding-top: 10vw; }

.hbPt15vw {
  padding-top: 15vw; }

.hbPt25vw {
  padding-top: 20vw; }

.hbPt25vw {
  padding-top: 25vw; }

.hbPt35vw {
  padding-top: 30vw; }

.hbPt35vw {
  padding-top: 35vw; }

.hbPt45vw {
  padding-top: 40vw; }

.hbPt45vw {
  padding-top: 45vw; }

.hbPt55vw {
  padding-top: 50vw; }

.hbPt75vw {
  padding-top: 70vw; }

.hbPt105vw {
  padding-top: 100vw; }

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

.hbPb15vw {
  padding-bottom: 10vw; }

.hbPb15vw {
  padding-bottom: 15vw; }

.hbPb25vw {
  padding-bottom: 20vw; }

.hbPb25vw {
  padding-bottom: 25vw; }

.hbPb35vw {
  padding-bottom: 30vw; }

.hbPb35vw {
  padding-bottom: 35vw; }

.hbPb45vw {
  padding-bottom: 40vw; }

.hbPb45vw {
  padding-bottom: 45vw; }

.hbPb55vw {
  padding-bottom: 50vw; }

.hbPb105vw {
  padding-bottom: 100vw; }

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

.hbPl5vw {
  padding-left: 5vw; }

.hbPl15vw {
  padding-left: 10vw; }

.hbPl15vw {
  padding-left: 15vw; }

.hbPl25vw {
  padding-left: 20vw; }

.hbPl25vw {
  padding-left: 25vw; }

.hbPl35vw {
  padding-left: 30vw; }

.hbPl35vw {
  padding-left: 35vw; }

.hbPl45vw {
  padding-left: 40vw; }

.hbPl45vw {
  padding-left: 45vw; }

.hbPl55vw {
  padding-left: 50vw; }

.hbPl105vw {
  padding-left: 100vw; }

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

.hbPr5vw {
  padding-right: 5vw; }

.hbPr15vw {
  padding-right: 10vw; }

.hbPr15vw {
  padding-right: 15vw; }

.hbPr25vw {
  padding-right: 20vw; }

.hbPr25vw {
  padding-right: 25vw; }

.hbPr35vw {
  padding-right: 30vw; }

.hbPr5vw {
  padding-right: 35vw; }

.hbPr45vw {
  padding-right: 40vw; }

.hbPr45vw {
  padding-right: 45vw; }

.hbPr55vw {
  padding-right: 50vw; }

.hbPr105vw {
  padding-right: 100vw; }

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

.hbBc_gray {
  background-color: #999999; }

.hbBc_crimsonRed {
  background-color: #bf0000; }

.hbBc_wht {
  background-color: #FFF; }

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

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

.hbBc_base {
  background-color: #fff; }

.hbBc_accent {
  background-color: #D3706D; }

.hbBc_mainD {
  background-color: #095678; }

.hbBc_baseD {
  background-color: #cccccc; }

.hbBc_accentD {
  background-color: #a83632; }

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

.hbBc_baseL {
  background-color: white; }

.hbBc_accentL {
  background-color: #ebbdbb; }

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

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

.col1 {
  width: 8%; }

.col2 {
  width: 18%; }

.col2_5 {
  width: 23%; }

.col3 {
  width: 32%; }

.col4 {
  width: 38%; }

.col5 {
  width: 48%; }

.col6 {
  width: 58%; }

.col7 {
  width: 68%; }

.col8 {
  width: 78%; }

.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; }

@media screen and (min-width: 801px) {
  html{
    line-height: 1.8;
    font-feature-settings: "palt";
    letter-spacing: .1em;
  }
  .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%; } 
  
  .col1_m {
  width: 8%; }

  .col2_m {
    width: 18%; }

  .col2_5_m {
    width: 23%; }

  .col3_m {
    width: 32%; }

  .col4_m {
    width: 38%; }

  .col5_m {
    width: 48%; }

  .col6_m {
    width: 58%; }

  .col7_m {
    width: 68%; }

  .col8_m {
    width: 78%; }

  .col9_m {
    width: 88%; }
  .font_ss{
    font-size: calc(8px + ((1vw - 8.6px) * 1.9048));
  }

  .font_s{
    font-size: calc(12px + ((1vw - 8.6px) * 1.9048));
  }

  .font_m{
    font-size: calc(16px + ((1vw - 8.6px) * 1.9048));
  }

  .font_l{
    font-size: calc(18px + ((1vw - 8.6px) * 1.9048));
  }

  .font_ll{
    font-size: calc(18px + ((1vw - 8.6px) * 1.9048));
  }

  .font_xl{
    font-size: calc(20px + ((1vw - 8.6px) * 1.9048));
  }

  .font_xxl{
    font-size: calc(24px + ((1vw - 8.6px) * 1.9048));
  }
	
	.sp{
		display: none;
	}
	
	.childM_m{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

.childR_m{
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translateY(-50%) ;
  -webkit-transform: translateY(-50%) ;
}
  .childL_m{
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%) ;
    -webkit-transform: translateY(-50%) ;
  }
  
  .childH_m{
    position: absolute;
    top: 50%;
    transform: translateY(-50%) ;
    -webkit-transform: translateY(-50%) ;
  }
  /*flex揃え*/
  .hbFaM {
    align-items: center; }

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

  .hbFaSt {
    align-items: stretch; }

  .hbFaB {
    align-items: baseline; }

  .hbFdR{
    flex-direction: row-reverse;
  }
	

}

@media screen and (min-width: 1280px) {
  .font_ss{
  font-size: 10px
}

.font_s{
  font-size: 14px
}

.font_m{
  font-size: 18px
}

.font_l{
  font-size: 24px
}

.font_ll{
  font-size: 28px
}

.font_xl{
  font-size: 32px
}

.font_xxl{
  font-size: 48px
}
}
/*文字サイズ　レスポンジブ*/
@media screen and (max-width: 800px) {
  body{
    line-height: 1.6;
    font-feature-settings: "palt";
    letter-spacing: .1em;
  }
  
  .hbFs_016 {
    font-size: 12px; }

  .hbFs_018 {
    font-size: 14px; }

  .hbFs_024 {
    font-size: 18px; }

  .hbFs_032 {
    font-size: 24px; }

  .hbFs_048 {
    font-size: 38px; }

  .hbFs_058 {
    font-size: 48px; }

  .hbFs_072 {
    font-size: 58px; }

  .title {
    font-size: 24px;
    font-size: 2.4rem; }

  .komidashi {
    font-size: 19.2px;
    font-size: 1.92rem; }

  .sp_no {
    display: none; } 
  
  .col1_s {
  width: 8%; }

  .col2_s {
    width: 18%; }

  .col2_5_s {
    width: 23%; }

  .col3_s {
    width: 32%; }

  .col4_s {
    width: 38%; }

  .col5_s {
    width: 48%; }

  .col6_s {
    width: 58%; }

  .col7_s {
    width: 68%; }

  .col8_s {
    width: 78%; }

  .col9_s {
    width: 88%; }
	
	.pc{
		display: none;
	}
  .childL2{
    left: 5%;
  }

}