@charset "UTF-8";
.hd_sec001 {}
.hd_sec001 {
  text-align: center;
  overflow: hidden;
}
.hd_sec001 > * {
  display: block;
  position: relative;
}
.hd_sec001 > *:nth-child(1) {
  font-size: 20px;
  font-weight: 700;
  font-family: 'Oswald', sans-serif;
  color: #000;
  letter-spacing: 4px;
}
.hd_sec001 > *:nth-child(1) span {
  display: inline-block;
  position: relative;
}
.hd_sec001 > *:nth-child(1) span::before {
  position: absolute;
  bottom: -10px;
  width: 100%;
  height: 2px;
  background-color: #fff;
  content: '';
}
.hd_sec001 > *:nth-child(2) {
  font-size: 32px;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
  margin-top: 20px;
}
.hd_sec001 > *:nth-child(2) span {
  position: relative;
  display: inline-block;
}
.hd_sec001 > *:nth-child(2) span::before,
.hd_sec001 > *:nth-child(2) span::after {
  /*display: none;*/
  position: absolute;
  top: 50%;
  width: 20px;
  height: 2px;
  background-color: #fff;
  transform: translate(0,-50%);
  content: '';
}
.hd_sec001 > *:nth-child(2) span::before {right: 110%;}
.hd_sec001 > *:nth-child(2) span::after {left: 110%;}




.hd_txt {
  position: relative;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.5;
}

.hd_txt001 {
  color: #22adad;
  padding-left: 20px!important;
}
.hd_txt001::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 5px;
  height: 60%;
  background-color: #22adad;
  transform: translate(0,-50%);
  content: '';
}

.hd_txt002 {color: #22adad;}

.hd_txt003 {
  color: #22adad;
  padding-left: 35px!important;
}
.hd_txt003::after {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0,-50%);
  z-index: 2;
  content: '';
  width: 10px;
  height: 10px;
  background-color: #22adad;
  border: 3px solid #22adad;
  border-radius: 100%
}

.hd_txt004 {
  color: #fff;
  background-color: #22adad;
  padding-right: 20px!important;
  padding-left: 20px!important;
}

.hd_txt005 {
  color: #22adad;
  border-bottom: 1px solid #22adad;
}

.hd_txt006 {
  color: #22adad;
  padding-left: 40px!important;
}
.hd_txt006::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  background-color: #22adad;
  border: 2px solid #22adad;
  border-radius: 50%;
  transform: translate(0,-50%);
}
.hd_txt006.is_home::before {content: '\f015';}
.hd_txt006.is_cheack::before {content: '\f00c';}
.hd_txt006.is_building::before {content: '\f1ad';}
.hd_txt006.is_dot::before {content: '\f192';}
.hd_txt006.is_star::before {content: '\f005';}
.hd_txt006.is_user::before {content: '\f007';}

.hd_txt007 {
  color: #22adad;
  padding-left: 30px!important;
}
.hd_txt007::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 25px;
  height: 2px;
  background-color: #22adad;
  transform: translate(0,-50%);
  content: '';
}

.hd_txt008 span.sub {
  display: inline-block;
  font-size: 60%;
  color: #fff;
  background: #777777;
  padding: 5px 10px;
  margin-bottom: 10px;
/*
  border-bottom: 2px solid #22adad;
  border-radius: 10px;
*/
}
.hd_txt008 span.main {
  display: block;
}

.hd_txt009 {color: #22adad;}
.hd_txt009::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 2px;
  background-color: #22adad;
  content: '';
}

.hd_txt010 {
  color: #22adad;
  border-bottom: 1px solid #22adad;
}
.hd_txt010 > * {
  display: inline-block;
  position: relative;
}
.hd_txt010 > *:nth-child(1) {
  color: #fff;
  padding: 5px 10px;
  background: #22adad;
}
.hd_txt010 > *:nth-child(1)::before {
  position: absolute;
  top: 50%;
  right: -18px;
  transform: translate(0,-50%);
  border: 6px solid transparent;
  border-left: 12px solid #4fb0ae;
  content: '';
}
.hd_txt010 > *:nth-child(2) {
  font-size: 20px;
  margin-left: 15px;
}



@media screen and (max-width: 1200px){}
@media screen and (max-width: 980px){
  .hd_sec001 > *:nth-child(2) {
    font-size: 26px;
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px){
  .hd_sec001 > *:nth-child(1) {font-size: 16px;}
  .hd_sec001 > *:nth-child(2) {font-size: 24px;}
}
@media screen and (max-width: 640px){}
@media screen and (max-width: 480px){
  .hd_sec001 > *:nth-child(1) {font-size: 13px;}
  .hd_sec001 > *:nth-child(2) {
    font-size: 20px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 370px){}


.is_pc     {display: block;}
.is_pc-tab {display: block;}
.is_tab    {display: none;}
.is_tab-sp {display: none;}
.is_sp     {display: none;}
@media screen and (max-width: 1200px){}
@media screen and (max-width: 980px){}
@media screen and (max-width: 768px){
  .is_pc     {display: none;}
  .is_pc-tab {display: block;}
  .is_tab    {display: block;}
  .is_tab-sp {display: block;}
  .is_sp     {display: none;}
}
@media screen and (max-width: 640px){}
@media screen and (max-width: 480px){
  .is_pc     {display: none;}
  .is_pc-tab {display: none;}
  .is_tab    {display: none;}
  .is_tab-sp {display: block;}
  .is_sp     {display: block;}
}
@media screen and (max-width: 370px){}



/* font-family */
.ff01 {font-family: 'Oswald', sans-serif;}
.ff02 {font-family: 'Noto Sans JP', sans-serif;}

.fs15 {font-size: 15px!important;}
/* font-color */
.fwB {font-weight: bold!important;}
.fc1st {color: #68e545!important;}
.fc2nd {color: #165386!important;}
.fc3rd {color: #98D6EC!important;}
.fcB   {color: #000!important;}
.fcW   {color: #fff!important;}
.fcR   {color: #ff0000!important;}
.fcG   {color: #ccc!important;}
/* border */
.bd1st {border: 1px solid #080D43;}
.bd2nd {border: 1px solid #165386;}
.bd3rd {border: 1px solid #fff;}
.bdG   {border: 1px solid #f1f1f1;}
.bd-T {border-top: 1px solid;}
.bd-L {border-left: 1px solid;}
.bd-B {border-bottom: 1px solid;}
.bd-R {border-right: 1px solid;}


/* background */
.bgc1st {background-color: #080D43!important;}
.bgc2nd {background-color: #165386!important;}
.bgc3rd {background-color: #666!important;}
.bgcW   {background-color: #fff!important;}
.bgcB   {background-color: #000!important;}
.bgcG   {background-color: #f1f1f1!important;}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.csP {cursor: pointer;}

/* arrow */
.arrow {position: relative;}
.arrow::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0,-50%);
     -moz-transform: translate(0,-50%);
          transform: translate(0,-50%);
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  font-weight: normal;
  color: #ccc;
  -webkit-transition: all .5s ease;
          transition: all .5s ease;
}
.arrow-b::after {
  right: 10px;
  content: "\f107";
}
.arrow-b.is_active::after {
  -webkit-transform: translate(0,-50%) rotate(180deg);
     -moz-transform: translate(0,-50%) rotate(180deg);
          transform: translate(0,-50%) rotate(180deg);
}
.arrow-r::after {
  right: 10px;
  content: "\f105";
}

/***** -- layout -- ******/
.taL {text-align:left!important;}
.taC {text-align:center!important;}
.taR {text-align:right!important;}
.vaT {vertical-align:top!important;}
.vaM {vertical-align:middle!important;}
.vaB {vertical-align:bottom!important;}

/***** -- position -- ******/
.poA {position: absolute!important;}
.poR {position: relative!important;}
.poF {position: fixed!important;}
.poC {
  position: absolute!important;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

/***** -- margin -- ******/
.mT0  {margin-top: 0px!important;}
.mT5  {margin-top: 5px!important;}
.mT10 {margin-top: 10px!important;}
.mT20 {margin-top: 20px!important;}
.mT40 {margin-top: 40px!important;}
.mT50 {margin-top: 50px!important;}
.mB0  {margin-bottom: 0px!important;}
.mB5  {margin-bottom: 5px!important;}
.mB10 {margin-bottom: 10px!important;}
.mB20 {margin-bottom: 20px!important;}
.mB40 {margin-bottom: 40px!important;}
.mB50 {margin-bottom: 50px!important;}
.mL0  {margin-left: 0px!important;}
.mL5  {margin-left: 5px!important;}
.mL10 {margin-left: 10px!important;}
.mL20 {margin-left: 20px!important;}
.mR0  {margin-right: 0px!important;}
.mR5  {margin-right: 5px!important;}
.mR10 {margin-right: 10px!important;}
.mR20 {margin-right: 20px!important;}
.m0  {margin: 0!important;}
.mAuto {margin: auto!important;}
.m0Auto {margin: 0px auto!important;}
.m5Auto {margin: 5px auto!important;}
.m10Auto {margin: 10px auto!important;}
.m20Auto {margin: 20px auto!important;}

/***** -- padding -- ******/
.p0   {padding: 0!important;}
.p5   {padding: 5px!important;}
.p10  {padding: 10px!important;}
.p20  {padding: 20px!important;}
.pT0  {padding-top: 0px!important;}
.pT5  {padding-top: 5px!important;}
.pT10 {padding-top: 10px!important;}
.pT20 {padding-top: 20px!important;}
.pT30 {padding-top: 30px!important;}
.pT40 {padding-top: 40px!important;}
.pB0  {padding-bottom: 0px!important;}
.pB5  {padding-bottom: 5px!important;}
.pB10 {padding-bottom: 10px!important;}
.pB20 {padding-bottom: 20px!important;}
.pB30 {padding-bottom: 30px!important;}
.pB40 {padding-bottom: 40px!important;}
.pL0  {padding-left: 0px!important;}
.pL5  {padding-left: 5px!important;}
.pL10 {padding-left: 10px!important;}
.pL20 {padding-left: 20px!important;}
.pR0  {padding-right: 0px!important;}
.pR5  {padding-right: 5px!important;}
.pR10 {padding-right: 10px!important;}
.pR20 {padding-right: 20px!important;}

/***** -- width -- ******/
.w20  {width: 20px!important;}
.w30  {width: 30px!important;}
.w40  {width: 40px!important;}
.w50  {width: 50px!important;}
.w60  {width: 60px!important;}
.w70  {width: 70px!important;}
.w78  {width: 78px!important;}
.w80  {width: 80px!important;}
.w100 {width: 100px!important;}
.w104 {width: 104px!important;}
.w110 {width: 110px!important;}
.w120 {width: 120px!important;}
.w150 {width: 150px!important;}
.w200 {width: 200px!important;}
.w250 {width: 250px!important;}
.w300 {width: 300px!important;}
.w350 {width: 350px!important;}
.w400 {width: 400px!important;}
.w500 {width: 500px!important;}
.w600 {width: 600px!important;}
.w700 {width: 700px!important;}
.w5per  {width: 5%!important;}
.w10per {width: 10%!important;}
.w15per {width: 15%!important;}
.w20per {width: 20%!important;}
.w22per {width: 22%!important;}
.w23per {width: 23%!important;}
.w25per {width: 25%!important;}
.w27per {width: 27%!important;}
.w30per {width: 30%!important;}
.w33per {width: 33.33%!important;}
.w35per {width: 35%!important;}
.w40per {width: 40%!important;}
.w45per {width: 45%!important;}
.w47per {width: 47%!important;}
.w49per {width: 49%!important;}
.w50per {width: 50%!important;}
.w60per {width: 60%!important;}
.w68per {width: 68%!important;}
.w70per {width: 70%!important;}
.w73per {width: 73%!important;}
.w75per {width: 75%!important;}
.w80per {width: 80%!important;}
.w85per {width: 85%!important;}
.w90per {width: 90%!important;}
.w95per {width: 95%!important;}
.w100per {width: 100%!important;}
.wMain {width: 720px;}
.wSide {width: 360px;}

/***** -- height -- ******/
.h50  {height: 50px!important;}
.h100 {height: 100px!important;}
.h150 {height: 150px!important;}
.h200 {height: 200px!important;}
.h250 {height: 250px!important;}
.h300 {height: 300px!important;}
.h400 {height: 400px!important;}
.h500 {height: 500px!important;}
.h100per {height: 100%!important;}
.h100vh {height: 100vh;}
.max-h100per {max-height: 100%!important;}

/***** -- other -- ******/
.disInB {display: inline-block;}
.disB   {display: block;}
.disN   {display: none;}
.vsH {visibility: hidden;}
.vsV {visibility: visible;}
.flL {float: left!important;}
.flR {float: right!important;}
.oA {overflow: auto;}
.oH {overflow: hidden;}
.lsN {list-style: none;}
.lh5 {line-height: 1.5;}
.cf::after{
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
}
.hover {transition: all .2s ease;}
.hover-fade:hover  {opacity: 0.5;}
.hover-uline:hover {text-decoration: underline;}
.hover-noline {text-decoration: underline;}
.hover-noline:hover {text-decoration: none;}



/* -- effect common -- */
.btn-fx {
  position: relative;
  display: block;
  text-align: center;
  margin: auto;
  padding: 15px 0;
  border: 2px solid #333;
  line-height: 1.5;
  cursor: pointer;
}
.btn-fx::before,
.btn-fx::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.btn-fx,
.btn-fx::before,
.btn-fx::after {
  -webkit-transition: all .3s;
          transition: all .3s;
}
/* btn-effect01 */
.btn-fx.fx01 {
  position: relative;
  z-index: 2;
  background-color: #fff;
  overflow: hidden;
}
.btn-fx.fx01:hover {
  color: #fff;
}
.btn-fx.fx01::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.btn-fx.fx01:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
          transform: scale(2) rotate(180deg);
  background-color: #333;
}
/* btn-effect02 */
.btn-fx.fx02 {
  position: relative;
  z-index: 2;
  background-color: #fff;
  overflow: hidden;
}
.btn-fx.fx02:hover {
  color: #fff;
}
.btn-fx.fx02::after {
  top: -100%;
  width: 100%;
  height: 100%;
}
.btn-fx.fx02:hover::after {
  top: 0;
  background-color: #333;
}
/* btn-effect03 */
.btn-fx.fx03 {
  position: relative;
  z-index: 2;
  background-color: #fff;
  overflow: hidden;
}
.btn-fx.fx03:hover {
  color: #fff;
}
.btn-fx.fx03::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(.5);
          transform: scale(.5);
}
.btn-fx.fx03:hover::after {
  background: #333;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.holiday{
    font-size: 13px;
    padding-right: 20px;
    padding-left: 25px;
	padding-bottom: 10px;
    color: #ff0000!important;
	font-weight: bold!important;
}

.ft_card{
	border-radius: 5px;
    box-shadow: 2px 2px 9px 2px #ccc;
    padding: 20px!important;
    background: #f3f3f3;
    margin-top: 20px;
}