@charset "utf-8";

/*
external.css 2019/11/01
- Web Tools 3.2.0
- Magnific Popup 1.1.0
- Swiper 4.5.3
- Tippy.js 3.0.6
*/


/* ----------------------------------------------------
Web Tools 3.2.0
----------------------------------------------------  */

/* - - - - - - - - - - - - - - - - - - - - - - - - - -
Web Tools : https://usual.tools/w/web-tools/
Web Tools HTML Format
(c) 2014 https://usual.tools
Version: 3.2.0 - October 12, 2019
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
Web Tools
- Overlay Menu
- EFO
- debug
UT Format
- base
- column
- grid
- pic
- list
- row
- nav
- form
- link
- btn
- ico
- label
- ttl
- txt
- news
- table
- bg
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* ----------------------------------------------------
Web Tools
----------------------------------------------------  */

/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Web Tools
  web-tools.js is need
  Version: 3.2.1
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* Overlay Menu
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.ut-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  opacity: 0;
  z-index: 1100;
}

.ut-overlay-menu {
  position: fixed;
  left: -300px; /* ! */
  top: 0;
  width: 300px; /* ! */
  height: 100%;
  background: #fff;
  z-index: 1100;
}

.ut-overlay-menu .list-ut-link {
  padding-left: 10px;
}

.ut-side-menu-fixed { /* footerのところにあるもの */
  position: fixed;
  left: 50%; /* ! */
  top: -999em;
  width: 250px; /* ! */
  margin-left: 240px;
  background: #ccc;
  z-index: 1100;
}

.ut-fixed-side {
  position: fixed;
}



/* Modal
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.ut-modal {
}
.ut-modal-window {
  display: none;
  position: fixed;
  left: 50%; /* ! */
  top: 40px;
  width: 550px; /* ! */
  height: 352px; /* 191003 youtube   ??351px*/
  margin-left: -275px;
  background: #fff;
  z-index: 1100;
}
.ut-modal-close {
  display: block;
  position: absolute;
  right: 0;
  top: -30px;
  width: 25px;
  height: 25px;
  background: #ccc;
  background: url(web-tools/ico/ico_close-01_white.svg) no-repeat 0 0;
/*  background-size: 100% auto;*/
}
.ut-modal-window-in {
}


/* EFO
- - - - - - - - - - - - - - - - - - - - - - - - - - */
.ut-message {
  display: none;
}
.unit-efo.is-error .ut-message {
  display: block;
  color: red;
}


/* debug
- - - - - - - - - - - - - - - - - - - - - - - - - - */
.debug {
  /*
  display: none;
  */
  position: fixed;
  right: 10px;
  bottom: 30%;
  width: 300px;
  padding: 5px 8px;
  border: solid 2px #fff;
  background: #ccc;
  color: #fff;
  font-size: 13px;
  font-family: 'Courier New';
  line-height: 1.5;
  z-index: 99999;
}
.debug.debug-left {
  right: auto;
  left: 10px;
}
.debug a:link,
.debug a:visited {
  color: #fff;
  text-decoration: underline;
}
.debug a:hover,
.debug a:active {
  color: #fff;
  text-decoration: none;
}

@media print {
  .debug {
    display: none;
  }
}

/* 768px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 834px) {
  .debug {
    /* background: rgba(135,71,57, 1); Brown */
  }
} /* 0 - 768 */


/* 768px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 768px) {
} /* 0 - 768 */


/* 568px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 568px) {
  .debug {
/*    background: #0094b1;*/
  }
} /* 0 - 568 */



/*
A - Red    : 0px - 320px
B - Orange : 321px - 480px
C - Yellow : 481px - 640px
D - Green  : 641px - 834px
E - Cyan   : 835px - 1024px
F - Blue   : 1025px - 1200px
G - Purple : 1201px - 1366px
H - Pink   : 1367px - 1600px
I - Brown  : 1601px - 1920px
J - Black  : 1921px -
*/


/* A - 0px - 320px
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 0px) and (max-width: 320px) {
  .debug {
    background: rgba(232,51,65, 1); /* Red */
  }
} /* 0px - 320px */


/* B - 321px - 480px
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 321px) and (max-width: 480px) {
  .debug {
    background: rgba(241,131,43, 1); /* Orange */
  }
} /* 321px - 480px */


/* C - 481px - 640px
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .debug {
    background: rgba(248,199,51, 1); /* Yellow */
    color: #333;
  }
} /* 481px - 640px */


/* D - 641px - 834px
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 641px) and (max-width: 834px) {
  .debug {
    background: rgba(9,144,73, 1); /* Green */
  }
} /* 641px - 834px */


/* E - 835px - 1024px
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 835px) and (max-width: 1024px) {
  .debug {
    background: rgba(138,206,248, 1); /* Cyan */
    color: #333;
  }
} /* 835px - 1024px */


/* F - 1025px - 1200px
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  .debug {
    background: rgba(11,119,211, 1); /* Blue */
  }
} /* 1025px - 1200px */


/* G - 1201px - 1366px
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 1201px) and (max-width: 1366px) {
  .debug {
    background: rgba(118,48,184, 1); /* Purple */
  }
} /* 1201px - 1366px */


/* H - 1367px - 1600px
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 1367px) and (max-width: 1600px) {
  .debug {
    background: rgba(242,146,194, 1); /* Pink */
  }
} /* 1367px - 1600px */


/* I - 1601px - 1920px
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 1601px) and (max-width: 1920px) {
  .debug {
    background: rgba(135,71,57, 1); /* Brown */
  }
} /*  1601px - 1920px */


/* J - 1921px -
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 1921px) {
  .debug {
    background: rgba(52,49,46, 1); /* Black */
  }
} /*  1921px - */




/* ----------------------------------------------------
UT Format
----------------------------------------------------  */

/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Base

Layout
- display
- clear
- clearfix
- float
- overflow
- text-align
- vertical-align
- print
Font
- font size
- line height
- letter-spacing
- brake
- font style
Width
Margin
Padding
Border
Other
- separator
- whitespace
- mod-p
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/*
reset.css等にて設定されていなかったら必要に応じて
*,
*:before,
*:after {
box-sizing: border-box;
word-break: normal;
}
*/


/* Layout
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* display */

.disp-show { display: block !important; }
.disp-hide { display: none !important; }
.disp-disabled {
  background: #aaa;
}

/* clear */

.cl-b { clear: both !important; }
.cl-none { clear: none !important; }
.clear-both { clear: both !important; }
.clear-none { clear: none !important; }

/* clearfix */

.clearfix:after {
  display: block;
  clear: both;
  content: '';
  overflow: hidden;
}

/* Old
.clearfix:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearfix {zoom:1;}
*/

/* float */

.fl-l { float: left; }
.fl-r { float: right; }
.fl-none { float: none; }

.fl-left {
  display: inline;
  float: left;
}
.fl-right {
  display: inline;
  float: right;
}

/* overflow */

.ovf-hidden  { overflow: hidden !important; }
.ovf-visible { overflow: visible !important; }

/* text-align */

.al-l { text-align: left !important; }
.al-c { text-align: center !important; }
.al-r { text-align: right !important; }

.ta-left   { text-align: left; }
.ta-center { text-align: center; }
.ta-right  { text-align: right; }

/* vertical-align */

.al-t { vertical-align: top !important; }
.al-m { vertical-align: middle !important; }
.al-b { vertical-align: bottom !important; }

/* print */

.print-new-page {
  page-break-before: always;
}

/* Font
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* font size */

.f-size-xx-small  { font-size: 1.0rem; }
.f-size-x-small   { font-size: 1.2rem; }
.f-size-small    { font-size: 1.4rem; }
.f-size-medium    { font-size: 1.6rem; }
.f-size-large    { font-size: 1.8rem; }
.f-size-x-large   { font-size: 2.1rem; }
.f-size-xx-large  { font-size: 2.4rem; }

@media only screen and (max-width: 640px) {
  .f-size-medium    { font-size: 1.6rem; }
}

.f-size-09px { font-size: 0.9rem; }
.f-size-10px { font-size: 1rem; }
.f-size-11px { font-size: 1.1rem; }
.f-size-12px { font-size: 1.2rem; }
.f-size-13px { font-size: 1.3rem; }
.f-size-14px { font-size: 1.4rem; }
.f-size-15px { font-size: 1.5rem; }
.f-size-16px { font-size: 1.6rem; }
.f-size-17px { font-size: 1.7rem; }
.f-size-18px { font-size: 1.8rem; }
.f-size-19px { font-size: 1.9rem; }
.f-size-20px { font-size: 2rem; }
.f-size-21px { font-size: 2.1rem; }
.f-size-22px { font-size: 2.2rem; }
.f-size-23px { font-size: 2.3rem; }
.f-size-24px { font-size: 2.4rem; }
.f-size-28px { font-size: 2.8rem; }
.f-size-32px { font-size: 3.2rem; }
.f-size-64px { font-size: 6.4rem; }

/* line-height */

.line-h-small    { line-height: 1.3  !important;}
.line-h-medium    { line-height: 1.6  !important;}
.line-h-large    { line-height: 1.8  !important;}

@media only screen and (max-width: 640px) {
  .line-h-medium    { line-height: 1.6  !important;}
}

/* letter-spacing adjust */

.adjust-letter-spacing {
  letter-spacing: 0.01em;
}
.adjust-letter-spacing2 {
  letter-spacing: 0.015em;
}
.adjust-letter-spacing-pack {
  letter-spacing: -0.01em;
}
.adjust-letter-spacing2-pack {
  letter-spacing: -0.015em;
}

/* brake */

.br-all { word-break: break-all !important; }
.br-word { word-wrap: break-word !important; }
.br-none   { white-space: nowrap !important; }
.ws-nowrap { white-space: nowrap !important; }

/* font style */

span.bold { font-weight: bold; }
span.italic { font-weight: italic; }

.f-weight-normal { font-weight: normal !important; }
.f-style-normal { font-style: normal !important; }

span.underline { text-decoration: underline; }
span.deco-none { text-decoration: none; }

span.highlighter {
  padding: 2px 3px;
  background: #f2ff5d;
}
span.weak {
  color: #666;
}
span.weak-size {
  font-size: 85%;
}
span.appeal-ut { /* 強調 */ /* TODO 名前検討 */
  color: #f00;
}
span.appeal-size {
  font-size: 150%;
}
span.caution { /* 注意 */
  padding: 2px 3px;
  background: #f00;
  color: #fff;
}
span.emergency { /* 警告 */
  padding: 2px 3px;
  background: #f00;
  color: #fff;
}


/* Width
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.w01per { width: 1% !important; }
.w01per .pic img { width: 100% !important; }
.w02per { width: 2% !important; }
.w02per .pic img { width: 100% !important; }
.w03per { width: 3% !important; }
.w03per .pic img { width: 100% !important; }
.w04per { width: 4% !important; }
.w04per .pic img { width: 100% !important; }
.w05per { width: 5% !important; }
.w05per .pic img { width: 100% !important; }

.w10per { width: 10% !important; }
.w10per .pic img { width: 100% !important; }
.w15per { width: 15% !important; }
.w15per .pic img { width: 100% !important; }

.w20per { width: 20% !important; }
.w20per .pic img { width: 100% !important; }
.w25per { width: 25% !important; }
.w25per .pic img { width: 100% !important; }

.w30per { width: 30% !important; }
.w30per .pic img { width: 100% !important; }
.w1third { width: 33.3% !important; }
.w1third .pic img { width: 100% !important; }
.w35per { width: 35% !important; }
.w35per .pic img { width: 100% !important; }

.w40per { width: 40% !important; }
.w40per .pic img { width: 100% !important; }
.w45per { width: 45% !important; }
.w45per .pic img { width: 100% !important; }

.w50per { width: 50% !important; }
.w50per .pic img { width: 100% !important; }
.w55per { width: 55% !important; }
.w55per .pic img { width: 100% !important; }

.w60per { width: 60% !important; }
.w60per .pic img { width: 100% !important; }
.w65per { width: 65% !important; }
.w65per .pic img { width: 100% !important; }
.w2third { width: 66.6% !important; }
.w2third .pic img { width: 100% !important; }

.w70per { width: 70% !important; }
.w70per .pic img { width: 100% !important; }
.w75per { width: 75% !important; }
.w75per .pic img { width: 100% !important; }

.w80per { width: 80% !important; }
.w80per .pic img { width: 100% !important; }
.w85per { width: 85% !important; }
.w85per .pic img { width: 100% !important; }

.w90per { width: 90% !important; }
.w90per .pic img { width: 100% !important; }
.w95per { width: 95% !important; }
.w95per .pic img { width: 100% !important; }
.w99per { width: 99% !important; }
.w99per .pic img { width: 100% !important; }

.w100per { width: 100% !important; }
.w100per .pic img { width: 100% !important; }

/*  */

.w-xxx-small { width: 10% !important; }
.w-xxx-small .pic img { width: 100% !important; }
.w-xx-small { width: 20% !important; }
.w-xx-small .pic img { width: 100% !important; }
.w-x-small { width: 30% !important; }
.w-x-small .pic img { width: 100% !important; }

.w-small { width: 40% !important; }
.w-small .pic img { width: 100% !important; }
.w-half { width: 50% !important; }
.w-half .pic img { width: 100% !important; }
.w-medium { width: 60% !important; }
.w-medium .pic img { width: 100% !important; }

.w-large { width: 70% !important; }
.w-large .pic img { width: 100% !important; }
.w-x-large { width: 80% !important; }
.w-x-large .pic img { width: 100% !important; }
.w-xx-large { width: 90% !important; }
.w-xx-large .pic img { width: 100% !important; }

.w-full { width: 100% !important; }
.w-full .pic img { width: 100% !important; }


/* Margin
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.mb-small { margin-top: 24px} /* 191030試し */

.mt0  { margin-top:  0   !important;}
.mt00 { margin-top:  0   !important;}
.mt05 { margin-top:  5px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}
.mt70 { margin-top: 70px !important;}
.mt80 { margin-top: 80px !important;}
.mt90 { margin-top: 90px !important;}
.mt100 { margin-top: 100px !important;}

.mr0  { margin-right:  0   !important;}
.mr00 { margin-right:  0   !important;}
.mr05 { margin-right:  5px !important;}
.mr10 { margin-right: 10px !important;}
.mr12 { margin-right: 12px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}
.mr60 { margin-right: 60px !important;}
.mr70 { margin-right: 70px !important;}
.mr80 { margin-right: 80px !important;}
.mr90 { margin-right: 90px !important;}
.mr100 { margin-right: 100px !important;}

.mb0  { margin-bottom:  0   !important;}
.mb00 { margin-bottom:  0   !important;}
.mb05 { margin-bottom:  5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb80 { margin-bottom: 80px !important;}
.mb90 { margin-bottom: 90px !important;}
.mb100 { margin-bottom: 100px !important;}

.ml0  { margin-left:  0   !important;}
.ml00 { margin-left:  0   !important;}
.ml05 { margin-left:  5px !important;}
.ml10 { margin-left: 10px !important;}
.ml12 { margin-left: 12px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml30 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}
.ml60 { margin-left: 60px !important;}
.ml70 { margin-left: 70px !important;}
.ml80 { margin-left: 80px !important;}
.ml90 { margin-left: 90px !important;}
.ml100 { margin-left: 100px !important;}


/* Padding
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.pt0  { padding-top:  0   !important;}
.pt00 { padding-top:  0   !important;}
.pt05 { padding-top:  5px !important;}
.pt10 { padding-top: 10px !important;}
.pt12 { padding-top: 12px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}
.pt60 { padding-top: 60px !important;}
.pt70 { padding-top: 70px !important;}
.pt80 { padding-top: 80px !important;}
.pt90 { padding-top: 90px !important;}
.pt100 { padding-top: 100px !important;}

.pr0  { padding-right:  0   !important;}
.pr00 { padding-right:  0   !important;}
.pr05 { padding-right:  5px !important;}
.pr10 { padding-right: 10px !important;}
.pr12 { padding-right: 12px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}
.pr60 { padding-right: 60px !important;}
.pr70 { padding-right: 70px !important;}
.pr80 { padding-right: 80px !important;}
.pr90 { padding-right: 90px !important;}
.pr100 { padding-right: 100px !important;}

.pb0  { padding-bottom:  0   !important;}
.pb00 { padding-bottom:  0   !important;}
.pb05 { padding-bottom:  5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb12 { padding-bottom: 12px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb60 { padding-bottom: 60px !important;}
.pb70 { padding-bottom: 70px !important;}
.pb80 { padding-bottom: 80px !important;}
.pb90 { padding-bottom: 90px !important;}
.pb100 { padding-bottom: 100px !important;}

.pl0  { padding-left:  0   !important;}
.pl00 { padding-left:  0   !important;}
.pl05 { padding-left:  5px !important;}
.pl10 { padding-left: 10px !important;}
.pl12 { padding-left: 12px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl30 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}
.pl60 { padding-left: 60px !important;}
.pl70 { padding-left: 70px !important;}
.pl80 { padding-left: 80px !important;}
.pl90 { padding-left: 90px !important;}
.pl100 { padding-left: 100px !important;}


/* Border
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.bdr-none  { border: none !important; }
.bdr-t-none { border-top: none !important; }
.bdr-r-none { border-right: none !important; }
.bdr-b-none { border-bottom: none !important; }
.bdr-l-none { border-left: none !important; }

table.bdr-none {
  border: none;
}
table.bdr-none th,
table.bdr-none td {
  border: none;
}


/* Other
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* separator */

.separator-dotted-small {
  clear: both;
  margin-top: 1em;
  margin-bottom: 1em;
  border-top: dotted 1px #999;
  border-bottom: none;
}
.separator-small {
  clear: both;
  margin-top: 1em;
  margin-bottom: 1em;
  border-top: solid 1px #999;
  border-bottom: none;
}
.separator-medium {
  clear: both;
  margin-top: 2em;
  margin-bottom: 2em;
  border-top: solid 1px #999;
  border-bottom: none;
}
.separator-large {
  clear: both;
  margin-top: 4em;
  margin-bottom: 4em;
  border-top: solid 1px #999;
  border-bottom: none;
}

/* whitespace */

.whitespace-small {
  height: 20px;
}
.whitespace-medium {
  height: 40px;
}
.whitespace-large {
  height: 80px;
}

.indent-small {
  margin-left: 1em;
}
.indent-normal {
  margin-left: 2em;
}
.indent-medium {
  margin-left: 4em;
}
.indent-large {
  margin-left: 8em;
}

/*  */

.code-inline {
  margin-bottom: 24px;
  font-family: 'Source Code Pro', sans-serif;
  background: #f2f2f2;
  padding: 2px 5px 3px;
  font-size: 1.3rem;
}


/* PC or SP
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.only-pc { display: block !important; }
@media only screen and (max-width: 640px) {
  .only-pc { display: none !important; }
}

.only-sp { display: none !important; }
@media only screen and (max-width: 640px) {
  .only-sp { display: block !important; }
}

br.only-pc { display: inline !important; } /* .only-pcの後 */
@media only screen and (max-width: 640px) {
  br.only-pc { display: none !important; }
}

br.only-sp { display: none !important; }
@media only screen and (max-width: 640px) {
  br.only-sp { display: inline !important; }
}


/* mod-p
- - - - - - - - - - - - - - - - - - - - - - - - - - */

p.mod-p {
  margin-bottom: 24px;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Column
area
sec
box
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* area
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.area-normal {
 background: transparent url() repeat-y scroll center top;
}
.area-normal .area-in {
  height: 100%;
  background: rgba(255,255,255,0.5);
}
.area-normal > *:last-child {
  margin-bottom: 0px;
}

/* sec
= = = = = = = = = = = = = = = = = = = = = = = = = = */

section.sec-normal {
  margin-bottom: 40px;
}
.sec-normal > *:last-child {
  margin-bottom: 0px;
}
.sec-normal:after {
  display: block;
  clear: both;
  content: '';
  overflow: hidden;
}

/* .sec-column-wrap */

.sec-column-wrap {
  width: 980px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/* .sec-column */

.sec-column {
  width: 100%;
  margin-left: 40px;
  margin-bottom: 40px;
  background-color: rgba(30,30,30, 0.7);
  /* background: transparent url() repeat scroll center center; */
}
.adjust-margin-2px .sec-column {
  margin-bottom: 2px;
}

.sec-column .sec-in {
  padding: 40px;
}
.sec-column > *:last-child,
.sec-column .sec-in > *:last-child {
  margin-bottom: 0px;
}

.sec-column h2.heading {
  padding: 10px 0 20px;
  color: #fff;
}

/*
.sec-one
.bisect
.trisect
.quarter
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.sec-column-wrap.sec-one .sec-column {
  margin-left: 0;
  margin-bottom: 0;
}

.sec-column-wrap.bisect .sec-column {
  width: calc((100% - 40px) / 2);
}
.sec-column-wrap.bisect .sec-column:first-child {
  margin-left: 0;
}
.sec-column-wrap.bisect.adjust-margin-2px .sec-column {
  width: calc((100% - 2px) / 2);
  margin-left: 2px;
}
.sec-column-wrap.bisect.adjust-margin-2px .sec-column:first-child {
  margin-left: 0;
}

.sec-column-wrap.trisect .sec-column {
  width: calc((100% - 40px - 40px) / 3);
}
.sec-column-wrap.trisect .sec-column:first-child {
  margin-left: 0;
}

.sec-column-wrap.quarter .sec-column {
  width: calc((100% - 40px - 40px - 40px) / 4);
}
.sec-column-wrap.quarter .sec-column:first-child {
  margin-left: 0;
}


/*
.sec-2to1
.sec-1to2
.sec-3to1
.sec-1to3
.sec-3to2
.sec-2to3
.sec-2to1to2
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* .sec-2to1 */

.sec-column-wrap.sec-2to1 .sec-column {
  width: calc((100% - 40px) * 0.3333);
}
.sec-column-wrap.sec-2to1 .sec-column:first-child {
  width: calc((100% - 40px) * 0.6667);
  margin-left: 0;
}

/* .sec-1to2 */

.sec-column-wrap.sec-1to2 .sec-column {
  width: calc((100% - 40px) * 0.6667);
}
.sec-column-wrap.sec-1to2 .sec-column:first-child {
  width: calc((100% - 40px) * 0.3333);
  margin-left: 0;
}

/* .sec-3to1 */

.sec-column-wrap.sec-3to1 .sec-column {
  width: calc((100% - 40px) * 0.25);
}
.sec-column-wrap.sec-3to1 .sec-column:first-child {
  width: calc((100% - 40px) * 0.75);
  margin-left: 0;
}

/* .sec-1to3 */

.sec-column-wrap.sec-1to3 .sec-column {
  width: calc((100% - 40px) * 0.75);
}
.sec-column-wrap.sec-1to3 .sec-column:first-child {
  width: calc((100% - 40px) * 0.25);
  margin-left: 0;
}

/* .sec-3to2 */

.sec-column-wrap.sec-3to2 .sec-column {
  width: calc((100% - 40px) * 0.4);
}
.sec-column-wrap.sec-3to2 .sec-column:first-child {
  width: calc((100% - 40px) * 0.6);
  margin-left: 0;
}
.sec-column-wrap.sec-3to2.adjust-margin-2px .sec-column {
  width: calc((100% - 2px) * 0.4);
  margin-left: 2px;
}
.sec-column-wrap.sec-3to2.adjust-margin-2px .sec-column:first-child {
  width: calc((100% - 2px) * 0.6);
  margin-left: 0;
}

/* .sec-2to3 */

.sec-column-wrap.sec-2to3 .sec-column {
  width: calc((100% - 40px) * 0.6);
}
.sec-column-wrap.sec-2to3 .sec-column:first-child {
  width: calc((100% - 40px) * 0.4);
  margin-left: 0;
}

/* 3 column */


/* .sec-2to1to2 */

.sec-column-wrap.sec-2to1to2 .sec-column { /* 3つめ */
  width: calc((100% - 40px - 40px) * 0.4);
}
.sec-column-wrap.sec-2to1to2 .sec-column:first-child {
  width: calc((100% - 40px - 40px) * 0.4);
  margin-left: 0;
}
.sec-column-wrap.sec-2to1to2 .sec-column:nth-child(2) {
  width: calc((100% - 40px - 40px) * 0.2);
}
.sec-column-wrap.sec-2to1to2.adjust-margin-2px .sec-column { /* 3つめ */
  width: calc((100% - 2px - 2px) * 0.4);
  margin-left: 2px;
}
.sec-column-wrap.sec-2to1to2.adjust-margin-2px .sec-column:first-child {
  width: calc((100% - 2px - 2px) * 0.4);
  margin-left: 0;
}
.sec-column-wrap.sec-2to1to2.adjust-margin-2px .sec-column:nth-child(2) {
  width: calc((100% - 2px - 2px) * 0.2);
}


/* .sec-2to2to1 */

.sec-column-wrap.sec-2to2to1 .sec-column { /* 3つめ */
  width: calc((100% - 40px - 40px) * 0.2);
}
.sec-column-wrap.sec-2to2to1 .sec-column:first-child {
  width: calc((100% - 40px - 40px) * 0.4);
  margin-left: 0;
}
.sec-column-wrap.sec-2to2to1 .sec-column:nth-child(2) {
  width: calc((100% - 40px - 40px) * 0.4);
}
.sec-column-wrap.sec-2to2to1.adjust-margin-2px .sec-column { /* 3つめ */
  width: calc((100% - 2px - 2px) * 0.2);
  margin-left: 2px;
}
.sec-column-wrap.sec-2to2to1.adjust-margin-2px .sec-column:first-child {
  width: calc((100% - 2px - 2px) * 0.4);
  margin-left: 0;
}
.sec-column-wrap.sec-2to2to1.adjust-margin-2px .sec-column:nth-child(2) {
  width: calc((100% - 2px - 2px) * 0.4);
}


/* .sec-1to1to3 */

.sec-column-wrap.sec-1to1to3 .sec-column { /* 3つめ */
  width: calc((100% - 40px - 40px) * 0.6);
}
.sec-column-wrap.sec-1to1to3 .sec-column:first-child {
  width: calc((100% - 40px - 40px) * 0.2);
  margin-left: 0;
}
.sec-column-wrap.sec-1to1to3 .sec-column:nth-child(2) {
  width: calc((100% - 40px - 40px) * 0.2);
}
.sec-column-wrap.sec-1to1to3.adjust-margin-2px .sec-column { /* 3つめ */
  width: calc((100% - 2px - 2px) * 0.6);
  margin-left: 2px;
}
.sec-column-wrap.sec-1to1to3.adjust-margin-2px .sec-column:first-child {
  width: calc((100% - 2px - 2px) * 0.2);
  margin-left: 0;
}
.sec-column-wrap.sec-1to1to3.adjust-margin-2px .sec-column:nth-child(2) {
  width: calc((100% - 2px - 2px) * 0.2);
}


/* box
= = = = = = = = = = = = = = = = = = = = = = = = = = */

/* .box-column */

.box-column-wrap {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.box-column {
  margin-left: 40px;
}
.box-column > *:last-child,
.box-column .box-in > *:last-child {
  margin-bottom: 0px;
}

/*
.bisect
.trisect
.quarter
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* .bisect */

.box-column-wrap.bisect > .box-column {
  width: calc((100% - 40px) / 2);
}
.box-column-wrap.bisect > .box-column:first-child {
  margin-left: 0;
}

/* .trisect */

.box-column-wrap.trisect > .box-column {
  float: left;
  width: 30%;
}
.box-column-wrap.trisect > .box-column:first-child {
  margin-left: 0;
}

/* .quarter */

.box-column-wrap.quarter > .box-column {
  float: left;
  width: 195px;
}
.box-column-wrap.quarter > .box-column:first-child {
  margin-left: 0;
}

/*
.box-2to1
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* .box-2to1 */

.box-2to1 > .box-column {
  width: calc((100% - 40px) * 0.3333);
}
.box-2to1 > .box-column:first-child {
  width: calc((100% - 40px) * 0.6667);
  margin-left: 0;
}

/* .box-1to2 */

.box-1to2 > .box-column {
  width: calc((100% - 40px) * 0.6667);
}
.box-1to2 > .box-column:first-child {
  width: calc((100% - 40px) * 0.3333);
  margin-left: 0;
}

/*
.reverse
Only 2 Column
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.sec-one .box-2to1.reverse,
.sec-column-wrap.bisect.reverse,
.sec-column-wrap.sec-2to1.reverse,
.sec-column-wrap.sec-1to2.reverse,
.sec-column-wrap.sec-3to1.reverse,
.sec-column-wrap.sec-1to3.reverse,
.sec-column-wrap.sec-3to2.reverse,
.sec-column-wrap.sec-2to3.reverse {
  flex-direction: row-reverse;
}
.sec-one .box-2to1.reverse .box-column:first-child,
.sec-column-wrap.bisect.reverse .sec-column:first-child,
.sec-column-wrap.sec-2to1.reverse .sec-column:first-child,
.sec-column-wrap.sec-1to2.reverse .sec-column:first-child,
.sec-column-wrap.sec-3to1.reverse .sec-column:first-child,
.sec-column-wrap.sec-1to3.reverse .sec-column:first-child,
.sec-column-wrap.sec-3to2.reverse .sec-column:first-child,
.sec-column-wrap.sec-2to3.reverse .sec-column:first-child {
  margin-left: 40px;
}
.sec-one .box-2to1.reverse .box-column:nth-child(2),
.sec-column-wrap.bisect.reverse .sec-column:nth-child(2),
.sec-column-wrap.sec-2to1.reverse .sec-column:nth-child(2),
.sec-column-wrap.sec-1to2.reverse .sec-column:nth-child(2),
.sec-column-wrap.sec-3to1.reverse .sec-column:nth-child(2),
.sec-column-wrap.sec-1to3.reverse .sec-column:nth-child(2),
.sec-column-wrap.sec-3to2.reverse .sec-column:nth-child(2),
.sec-column-wrap.sec-2to3.reverse .sec-column:nth-child(2) {
  margin-left: 0;
}

@media only screen and (max-width: 640px) {
  .sec-column-wrap {
    width: 100%;
  }
  .box-column {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 20px;
  }
  .box-column:last-child {
    margin-bottom: 0px;
  }
  .sec-column {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/*
.c-link-box
リンクは一つ　→box全体がリンク領域
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.sec-column .c-link-box {
  position: relative;
}
.sec-column .c-link-box .pic-bg {
}
.sec-column .c-link-box .pic-bg img {
  width: 100%;
}
.sec-column .c-link-box a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sec-column .c-link-box a .heading {
  position: relative;
  display: inline-block;
  font-size: 1.5rem;
  color: #f5f7f7;
  text-decoration: none;
  padding: 10px 15px 10px 31px;
  line-height: 1.3;
}
.sec-column .c-link-box a .heading:after {
  position: absolute;
  top: 13px;
  left: 10px;
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  background: url(web-tools/ico/ico_arrow-23-right_white.png) no-repeat 0 0;
  background-size: 100% auto;
}

/* 425 - 640 */

@media only screen and (min-width: 425px) and (max-width: 640px) {
  .sec-column .c-link-box .pic-bg {
    width: 50%;
    margin-left: auto;
  }
  .sec-column .c-link-box a .heading {
    width: 50%;
  }
  .sec-2to2to1 .sec-column:nth-child(3n+3) .c-link-box .pic-bg {
    width: 25%;
  }
  .sec-2to2to1 .sec-column:nth-child(3n+3) .c-link-box a .heading {
    width: 75%;
  }
} /* 425 - 640 */

/* 0 - 424 */

@media only screen and (max-width: 424px) {
  .sec-2to2to1 .sec-column:nth-child(3n+3) .c-link-box .pic-bg {
    width: 25%;
    margin-left: auto;
  }
  .sec-2to2to1 .sec-column:nth-child(3n+3) .c-link-box a .heading {
    width: 75%;
  }
} /* 0 - 424 */

/*
.c-link-box-multiple
リンクは複数
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.sec-column .c-link-box-multiple {
  position: relative;
}
.sec-column .c-link-box-multiple .pic-bg {
}
.sec-column .c-link-box-multiple .pic-bg img {
  width: 100%;
}
.sec-column .c-link-box-multiple a.c-link-heading {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.sec-column .c-link-box-multiple a.c-link-heading .heading {
  position: relative;
  display: inline-block;
  font-size: 1.5rem;
  color: #f5f7f7;
  text-decoration: none;
  padding: 10px 15px 10px 31px;
  line-height: 1.3;
}
.sec-column .c-link-box-multiple a.c-link-heading .heading:after {
  position: absolute;
  top: 13px;
  left: 10px;
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  background: url(web-tools/ico/ico_arrow-23-right_white.png) no-repeat 0 0;
  background-size: 100% auto;
}
.sec-column .c-link-box-multiple .row-ut {
  position: absolute;
  bottom: 0;
}

@media only screen and (max-width: 424px) {
  .sec-column .c-link-box-multiple .row-ut {
    position: relative;
    bottom: auto;
  }
} /* 0 - 424 */

/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Grid
.grid-one

.grid-1to4
.grid-1to3
.grid-1to2
.grid-2to3
.grid-1to1
.grid-3to2
.grid-2to1
.grid-3to1
.grid-4to1

中央配置、1カラムのみ
.grid.grid-1third
.grid.grid-small
.grid.grid-half
.grid.grid-medium
.grid.grid-2thirds
.grid.grid-large
.grid.grid-x-large
.grid.grid-xx-large
.grid.grid-full
= = = = = = = = = = = = = = = = = = = = = = = = = = */


.grid-ut {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 24px; /* Margin bottom */
}

/* .grid */

.grid-ut > .grid {
  width: 100%;
  margin-left: 6%;
  margin-bottom: 24px; /* Margin bottom */
}
.grid-ut > .grid > .grid-in {
  padding: 24px; /* Margin bottom (padding) */
}
.grid-ut > .grid > .grid-in > *:last-child,
.grid-ut > .grid > *:last-child {
  margin-bottom: 0px;
}


/* .grid-one */

.grid-ut.grid-one .grid {
  margin-left: 0;
}

/* .grid-1to4 */

.grid-ut.grid-1to4 > .grid {
  width: calc((100% - 6%) * 0.8);
}
.grid-ut.grid-1to4 > .grid:nth-child(2n+1) {
  width: calc((100% - 6%) * 0.2);
  margin-left: 0;
}

/* .grid-1to3 */

.grid-ut.grid-1to3 > .grid {
  width: calc((100% - 6%) * 0.75);
}
.grid-ut.grid-1to3 > .grid:nth-child(2n+1) {
  width: calc((100% - 6%) * 0.25);
  margin-left: 0;
}

/* .grid-1to2 */

.grid-ut.grid-1to2 > .grid {
  width: calc((100% - 6%) * 0.6667);
}
.grid-ut.grid-1to2 > .grid:nth-child(2n+1) {
  width: calc((100% - 6%) * 0.3333);
  margin-left: 0;
}

/* .grid-2to3 */

.grid-ut.grid-2to3 > .grid {
  width: calc((100% - 6%) * 0.6);
}
.grid-ut.grid-2to3 > .grid:nth-child(2n+1) {
  width: calc((100% - 6%) * 0.4);
  margin-left: 0;
}

/* .grid-1to1 */

.grid-ut.grid-1to1 > .grid {
  width: calc((100% - 6%) * 0.5);
}
.grid-ut.grid-1to1 > .grid:nth-child(2n+1) {
  width: calc((100% - 6%) * 0.5);
  margin-left: 0;
}

/* .grid-3to2 */

.grid-ut.grid-3to2 > .grid {
  width: calc((100% - 6%) * 0.4);
}
.grid-ut.grid-3to2 > .grid:nth-child(2n+1) {
  width: calc((100% - 6%) * 0.6);
  margin-left: 0;
}

/* .grid-2to1 */

.grid-ut.grid-2to1 > .grid {
  width: calc((100% - 6%) * 0.3333);
}
.grid-ut.grid-2to1 > .grid:nth-child(2n+1) {
  width: calc((100% - 6%) * 0.6667);
  margin-left: 0;
}

/* .grid-3to1 */

.grid-ut.grid-3to1 > .grid {
  width: calc((100% - 6%) * 0.25);
}
.grid-ut.grid-3to1 > .grid:nth-child(2n+1) {
  width: calc((100% - 6%) * 0.75);
  margin-left: 0;
}

/* .grid-4to1 */

.grid-ut.grid-4to1 > .grid {
  width: calc((100% - 6%) * 0.2);
}
.grid-ut.grid-4to1 > .grid:nth-child(2n+1) {
  width: calc((100% - 6%) * 0.8);
  margin-left: 0;
}

.grid-ut.grid-1to4 .grid:nth-last-child(2),
.grid-ut.grid-1to4 .grid:last-child,

.grid-ut.grid-1to3 .grid:nth-last-child(2),
.grid-ut.grid-1to3 .grid:last-child,

.grid-ut.grid-1to2 .grid:nth-last-child(2),
.grid-ut.grid-1to2 .grid:last-child,

.grid-ut.grid-2to3 .grid:nth-last-child(2),
.grid-ut.grid-2to3 .grid:last-child,

.grid-ut.grid-1to1 .grid:nth-last-child(2),
.grid-ut.grid-1to1 .grid:last-child,

.grid-ut.grid-3to2 .grid:nth-last-child(2),
.grid-ut.grid-3to2 .grid:last-child,

.grid-ut.grid-2to1 .grid:nth-last-child(2),
.grid-ut.grid-2to1 .grid:last-child,

.grid-ut.grid-3to1 .grid:nth-last-child(2),
.grid-ut.grid-3to1 .grid:last-child,

.grid-ut.grid-4to1 .grid:nth-last-child(2),
.grid-ut.grid-4to1 .grid:last-child,

.grid-ut.grid-one .grid:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 640px) {
  .grid-ut {
    width: 100%;
  }
  .grid {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .grid-ut.grid-1to4 .grid:nth-last-child(2),
  .grid-ut.grid-1to3 .grid:nth-last-child(2),
  .grid-ut.grid-1to2 .grid:nth-last-child(2),
  .grid-ut.grid-2to3 .grid:nth-last-child(2),
  .grid-ut.grid-1to1 .grid:nth-last-child(2),
  .grid-ut.grid-3to2 .grid:nth-last-child(2),
  .grid-ut.grid-2to1 .grid:nth-last-child(2),
  .grid-ut.grid-3to1 .grid:nth-last-child(2),
  .grid-ut.grid-4to1 .grid:nth-last-child(2) {
    margin-bottom: 24px;
  }
}


/* 中央配置、1カラムのみ
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.grid .pic img {
  width: 100%;
}
.grid .heading-pic {
  width: 100%;
}
.grid .caption-pic {
  width: 100%;
}

.grid.grid-1third   { width: 33.33%; }
.grid.grid-small    { width: 40%; }
.grid.grid-half     { width: 50%; }
.grid.grid-medium   { width: 60%; }
.grid.grid-2third   { width: 66.66%; }
.grid.grid-large    { width: 70%; }
.grid.grid-x-large  { width: 80%; }
.grid.grid-xx-large { width: 90%; }
.grid.grid-full     { width: 100%; }

.grid-1third,
.grid-small,
.grid-half,
.grid-medium,
.grid-2third,
.grid-large,
.grid-x-large,
.grid-xx-large,
.grid-full {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px; /* Margin bottom */
}

/* 最後に記述 */

.grid .pic,
.grid .pic-fixed,
.grid .heading-pic,
.grid .caption-pic {
  margin-bottom: 12px;
}
.grid > *:last-child {
  margin-bottom: 0px;
}

@media only screen and (max-width: 480px) {
  .grid .pic-fixed img {
    width: 100%;
  }
} /* 0 - 480 */

/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Pic
.pic-ut-left
.pic-ut-right
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .pic-ut-left
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.pic-ut-left {
  clear: both;
  float: left;
  width: 30%;
  margin-right: 40px;
  margin-bottom: 24px;
}
.pic-ut-left .pic img {
  width: 100%;
}
.pic-ut-left .heading-pic {
  font-size: 1.6rem;
}

.pic-ut-left.adjust-pic10 { width: 10%; }
.pic-ut-left.adjust-pic20 { width: 20%; }
.pic-ut-left.adjust-pic30 { width: 30%; }
.pic-ut-left.adjust-pic40 { width: 40%; }
.pic-ut-left.adjust-pic50 { width: 50%; }
.pic-ut-left.adjust-pic60 { width: 60%; }
.pic-ut-left.adjust-pic70 { width: 70%; }
.pic-ut-left.adjust-pic80 { width: 80%; }
.pic-ut-left.adjust-pic90 { width: 90%; }


/* .pic-ut-right
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.pic-ut-right {
  clear: both;
  float: right;
  width: 30%;
  margin-left: 40px;
  margin-bottom: 24px;
}
.pic-ut-right .pic img {
  width: 100%;
}
.pic-ut-right .heading-pic {
  font-size: 1.6rem;
}

.pic-ut-right.adjust-pic10 { width: 10%; }
.pic-ut-right.adjust-pic20 { width: 20%; }
.pic-ut-right.adjust-pic30 { width: 30%; }
.pic-ut-right.adjust-pic40 { width: 40%; }
.pic-ut-right.adjust-pic50 { width: 50%; }
.pic-ut-right.adjust-pic60 { width: 60%; }
.pic-ut-right.adjust-pic70 { width: 70%; }
.pic-ut-right.adjust-pic80 { width: 80%; }
.pic-ut-right.adjust-pic90 { width: 90%; }

/*  */

.pic-ut-right .pic,
.pic-ut-right .heading-pic,
.pic-ut-right .caption-pic,

.pic-ut-left .pic,
.pic-ut-left .heading-pic,
.pic-ut-left .caption-pic {
  margin-bottom: 12px; /* Margin bottom */
}
.pic-ut-right > *:last-child,
.pic-ut-left > *:last-child {
  margin-bottom: 0px;
}

@media only screen and (max-width: 480px) {
  .pic-ut-right,
  .pic-ut-left {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
} /* 0 - 480 */
/* = = = = = = = = = = = = = = = = = = = = = = = = = =
List
.list-ut-mark
.list-ut-number
.list-ut-link
.list-ut-notes
.list-ut-notes-horizontal
.list-ut-words
.list-ut-square
.list-ut-title-lead
.list-ut-sentence
.list-ut-faq
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .list-ut-mark
- - - - - - - - - - - - - - - - - - - - - - - - - - */

ul.list-ut-mark {
  margin-bottom: 24px;
  line-height: 1.5;
}
ul.list-ut-mark li {
  position: relative;
  padding: 3px 0 3px 20px;
}
ul.list-ut-mark li:before {
  position: absolute;
  display: block;
  top: 13px;
  left: 2px;
  width: 6px;
  height: 6px;
  content: "";
  background: #000;
  border-radius: 4px;
  background-size: 100% auto;
}
@media only screen and (max-width: 568px) {
}

ul.list-ut-mark.type-square li:before {
  top: 12px;
  left: 2px;
  width: 6px;
  height: 6px;
  border-radius: 0;
}
ul.list-ut-mark.type-bar li:before {
  top: 14px;
  left: 2px;
  width: 6px;
  height: 2px;
  border-radius: 0;
}


/* .list-ut-number
- - - - - - - - - - - - - - - - - - - - - - - - - - */

ol.list-ut-number {
  margin-bottom: 24px;
  padding-left: 24px;
  list-style-type: decimal;
  line-height: 1.5;
}
ol.list-ut-number li {
  position: relative;
  padding: 3px 0 3px 5px;
}


/* .list-ut-link
- - - - - - - - - - - - - - - - - - - - - - - - - - */

ul.list-ut-link {
  margin-bottom: 24px;
  line-height: 1.5;
}
ul.list-ut-link ul {
  margin-bottom: 0;
}
ul.list-ut-link span {
  position: relative;
  display: inline-block;
  padding: 3px 0 3px 20px;
}
ul.list-ut-link span:before {
  position: absolute;
  display: block;
  top: 10px;
  left: 2px;
  width: 10px;
  height: 10px;
  content: "";
  background: url(web-tools/ico/ico_arrow-23-right_black.png) no-repeat 0 0;
  background-size: 100% auto;
}
ul.list-ut-link a {
  position: relative;
  display: inline-block;
  padding: 3px 0 3px 20px;
}
ul.list-ut-link a:before {
  position: absolute;
  display: block;
  top: 10px;
  left: 2px;
  width: 10px;
  height: 10px;
  content: "";
  background: url(web-tools/ico/ico_arrow-23-right_blue.png) no-repeat 0 0;
  background-size: 100% auto;
}

ul.list-ut-link > li > ul {
  margin-left: 20px;
}
@media only screen and (max-width: 568px) {
  ul.list-ut-link a {
    padding-left: 15px;
  }
  ul.list-ut-link span:before,
  ul.list-ut-link a:before {
    top: 11px;
    width: 8px;
  }
}


/* .list-ut-notes
- - - - - - - - - - - - - - - - - - - - - - - - - - */

ul.list-ut-notes {
  margin-bottom: 24px;
  font-size: 1.4rem;
  line-height: 1.3;
}
ul.list-ut-notes > li {
  position: relative;
  width: 100%;
  margin-top: 7px;
  margin-bottom: 7px;
  padding-left: 3em;
}
ul.list-ut-notes > li > .num {
  position: absolute;
  left: 0;
  top: 0;
}

ul.list-ut-notes.adjust-01em > li { padding-left: 1em; }
ul.list-ut-notes.adjust-015em > li { padding-left: 1.5em; }
ul.list-ut-notes.adjust-02em > li { padding-left: 2em; }
ul.list-ut-notes.adjust-025em > li { padding-left: 2.5em; }
ul.list-ut-notes.adjust-03em > li { padding-left: 3em; }
ul.list-ut-notes.adjust-035em > li { padding-left: 3.5em; }
ul.list-ut-notes.adjust-04em > li { padding-left: 4em; }
ul.list-ut-notes.adjust-05em > li { padding-left: 5em; }
ul.list-ut-notes.adjust-06em > li { padding-left: 6em; }
ul.list-ut-notes.adjust-07em > li { padding-left: 7em; }
ul.list-ut-notes.adjust-08em > li { padding-left: 8em; }

ul.list-ut-notes.adjust-09em > li { padding-left: 9em; }
ul.list-ut-notes.adjust-10em > li { padding-left: 10em; }
ul.list-ut-notes.adjust-15em > li { padding-left: 15em; }
ul.list-ut-notes.adjust-20em > li { padding-left: 20em; }


/* .list-ut-notes-horizontal
- - - - - - - - - - - - - - - - - - - - - - - - - - */

ul.list-ut-notes-horizontal {
  margin-bottom: 24px;
  font-size: 1.4rem;
  line-height: 1.3;
}
ul.list-ut-notes-horizontal > li {
  display: inline-block;
  position: relative;
  margin-top: 7px;
  margin-right: 24px;
  margin-bottom: 7px;
}
ul.list-ut-notes-horizontal > li > .num {
  padding-right: 5px;
}


/* .list-ut-words
- - - - - - - - - - - - - - - - - - - - - - - - - - */

dl.list-ut-words {
  display: flex;
  flex-wrap: wrap;
  clear: both;
  margin-bottom: 24px;
  line-height: 1.4;
}
dl.list-ut-words dt {
  width: 7em;
  margin-top: 7px;
  margin-bottom: 7px;
}
dl.list-ut-words dd {
  width: calc(100% - 7em);
  margin-top: 7px;
  margin-bottom: 7px;
}
dl.list-ut-words dt:last-child,
dl.list-ut-words dd:last-child {
  margin-bottom: 0;
}

dl.list-ut-words.adjust-01em dt { width: 1em; }
dl.list-ut-words.adjust-01em dd { width: calc(100% - 1em); }

dl.list-ut-words.adjust-015em dt { width: 1.5em; }
dl.list-ut-words.adjust-015em dd { width: calc(100% - 1.5em); }

dl.list-ut-words.adjust-02em dt { width: 2em; }
dl.list-ut-words.adjust-02em dd { width: calc(100% - 2em); }

dl.list-ut-words.adjust-025em dt { width: 2.5em; }
dl.list-ut-words.adjust-025em dd { width: calc(100% - 2.5em); }

dl.list-ut-words.adjust-03em dt { width: 3em; }
dl.list-ut-words.adjust-03em dd { width: calc(100% - 3em); }

dl.list-ut-words.adjust-035em dt { width: 3.5em; }
dl.list-ut-words.adjust-035em dd { width: calc(100% - 3.5em); }

dl.list-ut-words.adjust-04em dt { width: 4em; }
dl.list-ut-words.adjust-04em dd { width: calc(100% - 4em); }

dl.list-ut-words.adjust-05em dt { width: 5em; }
dl.list-ut-words.adjust-05em dd { width: calc(100% - 5em); }

dl.list-ut-words.adjust-06em dt { width: 6em; }
dl.list-ut-words.adjust-06em dd { width: calc(100% - 6em); }

dl.list-ut-words.adjust-07em dt { width: 7em; }
dl.list-ut-words.adjust-07em dd { width: calc(100% - 7em); }

dl.list-ut-words.adjust-08em dt { width: 8em; }
dl.list-ut-words.adjust-08em dd { width: calc(100% - 8em); }

dl.list-ut-words.adjust-09em dt { width: 9em; }
dl.list-ut-words.adjust-09em dd { width: calc(100% - 9em); }

dl.list-ut-words.adjust-10em dt { width: 10em; }
dl.list-ut-words.adjust-10em dd { width: calc(100% - 10em); }

dl.list-ut-words.adjust-15em dt { width: 15em; }
dl.list-ut-words.adjust-15em dd { width: calc(100% - 15em); }

dl.list-ut-words.adjust-20em dt { width: 20em; }
dl.list-ut-words.adjust-20em dd { width: calc(100% - 20em); }

@media only screen and (max-width: 640px) {
  dl.list-ut-words.adjust-10em dt,
  dl.list-ut-words.adjust-15em dt,
  dl.list-ut-words.adjust-20em dt {
    float: none;
    width: auto;
  }
  dl.list-ut-words.adjust-10em dd,
  dl.list-ut-words.adjust-15em dd,
  dl.list-ut-words.adjust-20em dd {
    clear: both;
    margin-left: 0;
  }
}


/* .list-ut-square
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.list-ut-square ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.list-ut-square > ul > li {
}
.list-ut-square.border > ul > li {
  margin-left: 1px;
  margin-bottom: 1px;
}
.list-ut-square.trisect.border > ul > li:nth-child(3n+1) {
  margin-left: 0;
}
.list-ut-square.trisect > ul > li {
  width: 33.3%;
}
.list-ut-square.trisect > ul > li img {
  width: 100%;
}


/* .list-ut-title-lead
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.list-ut-title-lead {
}
.list-ut-title-lead > ul {
}
.list-ut-title-lead > ul > li {
  margin-bottom: 30px;
}
.list-ut-title-lead .heading {
  display: flex;
  align-items: center;
  min-height: 60px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: dashed 1px rgba(1, 60, 141, 1);
  color: rgba(1, 60, 141, 1);
  font-size: 1.8rem;
}

.list-ut-title-lead .heading.heading-label {
  position: relative;
  padding-left: 50px;
  padding-top: 8px;
}
.list-ut-title-lead .heading.heading-label:after {
  position: absolute;
  display: block;
  top: 50%;
  left: 1px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  content: "";
  padding-left: 20px;
}
.list-ut-title-lead .heading.heading-label.label-1:after {
  background: url(web-tools/label/label_sample-a-01.png) no-repeat 0 0;
  background-size: 100% auto;
}
.list-ut-title-lead .heading.heading-label.label-2:after {
  background: url(web-tools/label/label_sample-a-02.png) no-repeat 0 0;
  background-size: 100% auto;
}
.list-ut-title-lead .heading.heading-label.label-3:after {
  background: url(web-tools/label/label_sample-a-03.png) no-repeat 0 0;
  background-size: 100% auto;
}

.list-ut-title-lead .heading.type-appeal {
  color: #00874d;
}
.list-ut-title-lead .heading.type-appeal .award {
  position: relative;
  display: table;
  padding-right: 25px;
}
.list-ut-title-lead .heading.type-appeal .award:after {
  position: absolute;
  display: block;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  content: "";
  background: url(web-tools/ico/ico_award-01.png) no-repeat 0 0;
  background-size: 100% auto;
}


/* .list-ut-sentence
- - - - - - - - - - - - - - - - - - - - - - - - - - */

ul.list-ut-sentence {
  margin-bottom: 24px;
}
ul.list-ut-sentence ul {
  margin-bottom: 0;
}
ul.list-ut-sentence > li {
  position: relative;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 3em;
}
ul.list-ut-sentence > li .num {
  position: absolute;
  left: 0;
  top: 0;
}
ul.list-ut-sentence > li .heading {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: bold;
}
ul.list-ut-sentence.adjust-01em > li { padding-left: 1em; }
ul.list-ut-sentence.adjust-015em > li { padding-left: 1.5em; }
ul.list-ut-sentence.adjust-02em > li { padding-left: 2em; }
ul.list-ut-sentence.adjust-025em > li { padding-left: 2.5em; }
ul.list-ut-sentence.adjust-03em > li { padding-left: 3em; }
ul.list-ut-sentence.adjust-035em > li { padding-left: 3.5em; }
ul.list-ut-sentence.adjust-04em > li { padding-left: 4em; }
ul.list-ut-sentence.adjust-05em > li { padding-left: 5em; }
ul.list-ut-sentence.adjust-06em > li { padding-left: 6em; }
ul.list-ut-sentence.adjust-07em > li { padding-left: 7em; }
ul.list-ut-sentence.adjust-08em > li { padding-left: 8em; }

ul.list-ut-sentence.adjust-09em > li { padding-left: 9em; }
ul.list-ut-sentence.adjust-10em > li { padding-left: 10em; }
ul.list-ut-sentence.adjust-15em > li { padding-left: 15em; }
ul.list-ut-sentence.adjust-20em > li { padding-left: 20em; }


/* .list-ut-faq
- - - - - - - - - - - - - - - - - - - - - - - - - - */

dl.list-ut-faq {
  padding-bottom: 1em;
}
.list-ut-faq dt {
  margin: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  /* border-top: dashed 2px #aaa; */
}
.list-ut-faq dd {
  margin: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.list-ut-faq dt span.faq-label {
  display: block;
  clear: both;
  float: left;
  width: 10%;
  font-size: 200%;
  color: #9f0a0d;
}
.list-ut-faq dd span.faq-label {
  display: block;
  clear: both;
  float: left;
  width: 10%;
  font-size: 200%;
  color: #0970f1;
}
.list-ut-faq dt span.faq-text,
.list-ut-faq dd span.faq-text {
  display: block;
  margin-left: 10%;
  padding-top: 0.72em;
  text-indent: 0;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Row
.row-ut
.row-ut-constant
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .row-ut
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* common */

.row-ut {
  margin-bottom: 24px;
}
.row-ut > ul {
  display: flex;
  flex-wrap: wrap;
}
.row-ut > ul > li {
  width: 100%;
  margin-bottom: 24px;
}
.row-ut > ul > li:last-child {
  margin-bottom: 0;
}
.row-ut > ul > li .pic img {
  width: 100%;
}
.row-ut > ul > li > .heading-pic,
.row-ut > ul > li > .caption-pic,
.row-ut > ul > li > .pic { /* need > .pic */
  margin-bottom: 8px; /* Margin bottom */
}
.row-ut > ul > li > *:last-child {
  margin-bottom: 0px;
}

/* default */

/* .bisect */

.row-ut.bisect > ul > li {
  width: 47%;
  margin-left: 6%;
}
.row-ut.bisect > ul > li:nth-child(odd) {
  margin-left: 0;
}

.row-ut.bisect.adjust-margin-2px > ul > li {
  width: calc( ( 100% - 2px ) / 2 );
  margin-left: 2px;
}
.row-ut.bisect.adjust-margin-2px > ul > li:nth-child(odd) {
  margin-left: 0;
}
.row-ut.adjust-margin-2px > ul > li {
  margin-bottom: 2px;
}


/* .trisect */

.row-ut.trisect > ul > li {
  /* width: 29.3%; */
  width: calc((100% - 12%) / 3);
  margin-left: 6%;
}
.row-ut.trisect > ul > li:nth-child(3n+1) {
  margin-left: 0;
}

.row-ut.trisect.adjust-margin-2px > ul > li {
  width: calc( ( 100% - 2px - 2px ) / 3 );
  margin-left: 2px;
}
.row-ut.trisect.adjust-margin-2px > ul > li:nth-child(3n+1) {
  margin-left: 0;
}

/* .quarter */

.row-ut.quarter > ul > li {
  /* width: 22%; */
  width: calc((100% - 12%) / 4);
  margin-left: 4%;
}
.row-ut.quarter > ul > li:nth-child(4n+1) {
  margin-left: 0;
}

.row-ut.quarter.adjust-margin-2px > ul > li {
  width: calc( ( 100% - 2px - 2px - 2px ) / 4.001 ); /* 4.001 IE11 2019/6/26  */
  margin-left: 2px;
}
.row-ut.quarter.adjust-margin-2px > ul > li:nth-child(4n+1) {
  margin-left: 0;
}

.row-ut.quarter.adjust-margin-20px > ul > li {
  width: calc( ( 100% - 20px - 20px - 20px ) / 4 );
  margin-left: 20px;
}
.row-ut.quarter.adjust-margin-20px > ul > li:nth-child(4n+1) {
  margin-left: 0;
}

/* .five-eq */

.row-ut.five-eq > ul > li {
  /* width: calc((100% - 40px - 40px - 40px - 40px) / 5); */
  /* width: 16.8%; */
  width: calc((100% - 16%) / 5);
  margin-left: 4%;
}
.row-ut.five-eq > ul > li:nth-child(5n+1) {
  margin-left: 0;
}

.row-ut.five-eq.adjust-margin-2px > ul > li {
  width: calc( ( 100% - 2px - 2px - 2px - 2px ) / 5 );
  margin-left: 2px;
}
.row-ut.five-eq.adjust-margin-2px > ul > li:nth-child(5n+1) {
  margin-left: 0;
}

/* .six-eq */

.row-ut.six-eq > ul > li {
  /* width: 13.33%; */
  width: calc((100% - 20%) / 6);
  margin-left: 4%;
}
.row-ut.six-eq > ul > li:nth-child(6n+1) {
  margin-left: 0;
}

.row-ut.six-eq.adjust-margin-2px > ul > li {
  width: calc( ( 100% - 2px - 2px - 2px - 2px - 2px ) / 6 );
  margin-left: 2px;
}
.row-ut.six-eq.adjust-margin-2px > ul > li:nth-child(6n+1) {
  margin-left: 0;
}

/* .seven-eq */

.row-ut.seven-eq > ul > li {
  /* width: 10.85%; */
  width: calc((100% - 24%) / 7);
  margin-left: 4%;
}
.row-ut.seven-eq > ul > li:nth-child(7n+1) {
  margin-left: 0;
}

.row-ut.seven-eq.adjust-margin-2px > ul > li {
  width: calc( ( 100% - 2px - 2px - 2px - 2px - 2px - 2px ) / 7 );
  margin-left: 2px;
}
.row-ut.seven-eq.adjust-margin-2px > ul > li:nth-child(7n+1) {
  margin-left: 0;
}

/* .eight-eq */

.row-ut.eight-eq > ul > li {
  /* width: 9%; */
  width: calc((100% - 28%) / 8);
  margin-left: 4%;
}
.row-ut.eight-eq > ul > li:nth-child(8n+1) {
  margin-left: 0;
}

.row-ut.eight-eq.adjust-margin-2px > ul > li {
  width: calc( ( 100% - 2px - 2px - 2px - 2px - 2px - 2px - 2px ) / 8 );
  margin-left: 2px;
}
.row-ut.eight-eq.adjust-margin-2px > ul > li:nth-child(8n+1) {
  margin-left: 0;
}

/* margin-bottom: 0; */

.row-ut.eight-eq li:nth-last-child(8),
.row-ut.eight-eq li:nth-last-child(7),
.row-ut.eight-eq li:nth-last-child(6),
.row-ut.eight-eq li:nth-last-child(5),
.row-ut.eight-eq li:nth-last-child(4),
.row-ut.eight-eq li:nth-last-child(3),
.row-ut.eight-eq li:nth-last-child(2),
.row-ut.eight-eq li:last-child,

.row-ut.seven-eq li:nth-last-child(7),
.row-ut.seven-eq li:nth-last-child(6),
.row-ut.seven-eq li:nth-last-child(5),
.row-ut.seven-eq li:nth-last-child(4),
.row-ut.seven-eq li:nth-last-child(3),
.row-ut.seven-eq li:nth-last-child(2),
.row-ut.seven-eq li:last-child,

.row-ut.six-eq li:nth-last-child(6),
.row-ut.six-eq li:nth-last-child(5),
.row-ut.six-eq li:nth-last-child(4),
.row-ut.six-eq li:nth-last-child(3),
.row-ut.six-eq li:nth-last-child(2),
.row-ut.six-eq li:last-child,

.row-ut.five-eq li:nth-last-child(5),
.row-ut.five-eq li:nth-last-child(4),
.row-ut.five-eq li:nth-last-child(3),
.row-ut.five-eq li:nth-last-child(2),
.row-ut.five-eq li:last-child,

.row-ut.quarter li:nth-last-child(4),
.row-ut.quarter li:nth-last-child(3),
.row-ut.quarter li:nth-last-child(2),
.row-ut.quarter li:last-child,

.row-ut.trisect li:nth-last-child(3),
.row-ut.trisect li:nth-last-child(2),
.row-ut.trisect li:last-child,

.row-ut.bisect li:nth-last-child(2),
.row-ut.bisect li:last-child {
  margin-bottom: 0;
}


@media only screen and (max-width: 640px) {

  .row-ut.five-eq > ul > li,
  .row-ut.quarter > ul > li,
  .row-ut.quarter.adjust-margin-2px > ul > li,
  .row-ut.quarter.adjust-margin-20px > ul > li,
  .row-ut.trisect > ul > li {
    width: 47%;
    margin-left: 6%;
  }
  .row-ut.eight-eq > ul > li,
  .row-ut.seven-eq > ul > li,
  .row-ut.six-eq > ul > li {
    width: calc((100% - 12%) / 3);
    margin-left: 6%;
  }

  .row-ut.eight-eq > ul > li:nth-child(8n+1),
  .row-ut.seven-eq > ul > li:nth-child(7n+1),
  .row-ut.six-eq > ul > li:nth-child(6n+1),
  .row-ut.five-eq > ul > li:nth-child(5n+1),
  .row-ut.quarter > ul > li:nth-child(4n+1),
  .row-ut.trisect > ul > li:nth-child(3n+1) {
    margin-left: 6%;
  }

  .row-ut.five-eq > ul > li:nth-child(odd) ,
  .row-ut.quarter > ul > li:nth-child(odd) ,
  .row-ut.trisect > ul > li:nth-child(odd) {
    margin-left: 0;
  }
  .row-ut.eight-eq > ul > li:nth-child(3n+1) ,
  .row-ut.seven-eq > ul > li:nth-child(3n+1) ,
  .row-ut.six-eq > ul > li:nth-child(3n+1) {
    margin-left: 0;
  }

  .row-ut.trisect.sp-one > ul > li,
  .row-ut.bisect.sp-one > ul > li {
    width: 100%;
    margin-left: 0;
  }

  /* need odd and even */
  .row-ut.eight-eq li:nth-child(odd),
  .row-ut.eight-eq li:nth-child(even),
  .row-ut.seven-eq li:nth-child(odd),
  .row-ut.seven-eq li:nth-child(even),
  .row-ut.six-eq li:nth-child(odd),
  .row-ut.six-eq li:nth-child(even),
  .row-ut.five-eq li:nth-child(odd),
  .row-ut.five-eq li:nth-child(even),
  .row-ut.quarter li:nth-child(odd),
  .row-ut.quarter li:nth-child(even),
  .row-ut.trisect li:nth-child(odd),
  .row-ut.trisect li:nth-child(even),
  .row-ut.bisect li:nth-child(odd),
  .row-ut.bisect li:nth-child(even) {
    margin-bottom: 12px;
  }

  .row-ut.eight-eq li:nth-last-child(3),
  .row-ut.eight-eq li:nth-last-child(2),
  .row-ut.eight-eq li:last-child,
  .row-ut.seven-eq li:nth-last-child(3),
  .row-ut.seven-eq li:nth-last-child(2),
  .row-ut.seven-eq li:last-child,
  .row-ut.six-eq li:nth-last-child(3),
  .row-ut.six-eq li:nth-last-child(2),
  .row-ut.six-eq li:last-child,

  .row-ut.five-eq li:nth-last-child(2),
  .row-ut.five-eq li:last-child,
  .row-ut.quarter li:nth-last-child(2),
  .row-ut.quarter li:last-child,
  .row-ut.trisect li:nth-last-child(2),
  .row-ut.trisect li:last-child,
  .row-ut.bisect li:nth-last-child(2),
  .row-ut.bisect li:last-child {
    margin-bottom: 0;
  }

  .row-ut.trisect.sp-one li:nth-last-child(2),
  .row-ut.bisect.sp-one li:nth-last-child(2) {
    margin-bottom: 12px;
  }

}


/* .row-ut-constant
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.row-ut-constant {
}
.row-ut-constant > ul {
  display: flex;
  flex-wrap: wrap;
}
.row-ut-constant > ul > li {
  margin-left: 5%;
  margin-bottom: 24px;
}
.row-ut-constant > ul > li:nth-child(3n+1) {
  margin-left: 0;
}

.row-ut-constant.standard > ul > li {
  width: 30%;
}
.row-ut-constant.standard.num2 > ul > li,
.row-ut-constant.standard.num2 > ul > li:nth-child(3n+1) {
  margin-left: 14%;
}

@media only screen and (max-width: 640px) {
  .row-ut-constant.standard.num2 > ul > li,
  .row-ut-constant.standard > ul > li {
    width: 47%;
    margin-left: 6%;
  }
  .row-ut-constant.standard.num2 > ul > li:nth-child(3n+1),
  .row-ut-constant.standard > ul > li:nth-child(3n+1) {
    margin-left: 6%;
  }
  .row-ut-constant.standard.num2 > ul > li:nth-child(odd),
  .row-ut-constant.standard > ul > li:nth-child(odd) {
    margin-left: 0;
  }
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Nav
.nav-ut-breadcrumb
.nav-ut-anchor
.nav-ut-anchor-vertical
.nav-ut-pagination
.nav-ut-row
.nav-ut-row-circle
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .nav-ut-breadcrumb
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-breadcrumb {
  clear: both;
  position: relative;
  margin: 10px auto;
  color: #666;
}
.nav-ut-breadcrumb ul {
}
.nav-ut-breadcrumb ul li {
  display: inline;
  padding-left: 22px;
  padding-right: 10px;
  background: url(web-tools/ico/ico_breadcrumb-01.png) no-repeat 0 1px;
  background-size: 10px auto;
  font-size: 1.3rem;
}
.nav-ut-breadcrumb ul li:first-child {
  background: none;
  padding-left: 0;
}
.nav-ut-breadcrumb ul li a {
  color: #6e6e6e;
  text-decoration: none;
}
.nav-ut-breadcrumb ul li a:hover {
  color: #000;
  text-decoration: underline;
}


/* .nav-ut-anchor
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-anchor {
  clear: both;
}
.nav-ut-anchor ul {
  padding: 15px 20px 15px 20px;
  background: #eef7fd;
}
.nav-ut-anchor ul li {
  position: relative;
  display: inline-block;
  background: none;
  padding: 0;
  margin: 0;
  font-size: 1.4rem;
}
.nav-ut-anchor ul li a {
  display: inline-block;
  padding: 5px 10px 5px 25px;
  text-decoration: none;
}
.nav-ut-anchor ul li a:after {
  display: block;
  position: absolute;
  top: 8px;
  left: 6px;
  width: 16px;
  height: 16px;
  content: "";
  background: url(web-tools/ico/ico_anchor-01.png) no-repeat 0 0;
  background-size: 13px auto;
}
.nav-ut-anchor ul li a:hover {
  background: #24207e;
  color: #fff;
}


/* .nav-ut-anchor-vertical
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-anchor-vertical {
  clear: both;
}
.nav-ut-anchor-vertical ul {
  padding: 15px 20px 15px 20px;
  background: #eef7fd;
}
.nav-ut-anchor-vertical ul li {
  position: relative;
  display: block;
  background: none;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  font-size: 1.4rem;
}
.nav-ut-anchor-vertical ul li a {
  display: inline-block;
  padding: 5px 10px 5px 25px;
  text-decoration: none;
}
.nav-ut-anchor-vertical ul li a:after {
  display: block;
  position: absolute;
  top: 8px;
  left: 6px;
  width: 16px;
  height: 16px;
  content: "";
  background: url(web-tools/ico/ico_anchor-01.png) no-repeat 0 0;
  background-size: 13px auto;
}
.nav-ut-anchor-vertical ul li a:hover {
  background: #24207e;
  color: #fff;
}


/* .nav-ut-pagination
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-pagination {
}
.nav-ut-pagination ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  font-size: 1.4rem;
}
.nav-ut-pagination ul li {
  float: left;
  margin-right:0.5em;
  padding: 0;
  background: none;
}
.nav-ut-pagination ul li a {
  display: block;
  width: 48px;
  height: 48px;
  padding: 12px 0;
  border: solid 1px #ccc;
  text-align: center;
}
.nav-ut-pagination ul li .is-active {
  display: block;
  width: 50px;
  height: 50px;
  padding: 13px 0;
  text-align: center;
  background: #bbb;
}
.nav-ut-pagination ul li a:hover {
  background: #24207e;
  color: #fff;
  text-decoration: none;
}


/* .nav-ut-row
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-row {
}
.nav-ut-row > ul {
  display: flex;
  flex-wrap: wrap;
}
.nav-ut-row > ul > li {
  margin-bottom: 10px;
}
.nav-ut-row.row1 > ul > li {
  width: 100%;
}
.nav-ut-row.row2 > ul > li {
  width: 48.7%;
  margin-left: 2.5%;
}
.nav-ut-row.row2 > ul > li:nth-child(2n+1) {
  margin-left: 0;
}
.nav-ut-row.row3 > ul > li {
  width: 31.6%;
  margin-left: 2.5%;
}
.nav-ut-row.row3 > ul > li:nth-child(3n+1) {
  margin-left: 0;
}
.nav-ut-row.row4 > ul > li {
  width: 23.1%;
  margin-left: 2.5%;
}
.nav-ut-row.row4 > ul > li:nth-child(4n+1) {
  margin-left: 0;
}
.nav-ut-row.row5 > ul > li {
  width: 18%;
  margin-left: 2.5%;
}
.nav-ut-row.row5 > ul > li:nth-child(5n+1) {
  margin-left: 0;
}
.nav-ut-row.row6 > ul > li {
  width: 14.5%;
  margin-left: 2.5%;
}
.nav-ut-row.row6 > ul > li:nth-child(6n+1) {
  margin-left: 0;
}
.nav-ut-row.row7 > ul > li {
  width: 12.1%;
  margin-left: 2.5%;
}
.nav-ut-row.row7 > ul > li:nth-child(7n+1) {
  margin-left: 0;
}
.nav-ut-row > ul > li a {
  position: relative;
  display: block;
  height: 60px;
  padding: 10px 10px 0;
  background: rgba(0,0,0, 0.4);
  color: #fff;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.4s;
}
.nav-ut-row > ul > li a:hover {
  background: rgba(0,0,0, 0.6);
}
.nav-ut-row > ul > li a:after {
  position: absolute;
  bottom: 15px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  content: "";
  background: url(web-tools/ico/ico_arrow-23-down_white.png) no-repeat 0 0;
  background-size: 100% auto;
}
.nav-ut-row > ul > li.text-2line a {
  padding-top: 7px;
  line-height: 1;
}
.nav-ut-row > ul > li.text-2line a:after {
  bottom: 8px;
}

/* 768px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 768px) {
  .nav-ut-row.row7 > ul > li,
  .nav-ut-row.row6 > ul > li {
    width: 18%;
    margin-left: 2.5% !important;
  }
  .nav-ut-row.row7 > ul > li:nth-child(5n+1),
  .nav-ut-row.row6 > ul > li:nth-child(5n+1) {
    margin-left: 0 !important;
  }
} /* 0 - 768 */


/* 568px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 568px) {
  .nav-ut-row.row7 > ul > li,
  .nav-ut-row.row6 > ul > li,
  .nav-ut-row.row5 > ul > li,
  .nav-ut-row.row4 > ul > li {
    width: 31.6%;
    margin-left: 2.5% !important;
  }
  .nav-ut-row.row7 > ul > li:nth-child(5n+1),
  .nav-ut-row.row6 > ul > li:nth-child(5n+1) {
    margin-left: 2.5% !important;
  }
  .nav-ut-row.row7 > ul > li:nth-child(3n+1),
  .nav-ut-row.row6 > ul > li:nth-child(3n+1),
  .nav-ut-row.row5 > ul > li:nth-child(3n+1),
  .nav-ut-row.row4 > ul > li:nth-child(3n+1) {
    margin-left: 0 !important;
  }
} /* 0 - 568 */


/* .nav-ut-row-circle
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-row-circle {
  position: relative;
}
.nav-ut-row-circle > ul {
  display: flex;
  flex-wrap: wrap;
}
.nav-ut-row-circle > ul > li {
  margin-bottom: 10px;
}
.nav-ut-row-circle.row5 > ul > li {
  width: 16.8%;
  margin-left: 4%;
}
.nav-ut-row-circle.row5 > ul > li a {
  height: 116px;
}
.nav-ut-row-circle.row5 > ul > li:nth-child(5n+1) {
  margin-left: 0;
}
.nav-ut-row-circle.row4 > ul > li {
  width: 20%;
  margin-left: 6.6%;
}
.nav-ut-row-circle.row4 > ul > li a {
  height: 138px;
}
.nav-ut-row-circle.row4 > ul > li:nth-child(4n+1) {
  margin-left: 0;
}

.nav-ut-row-circle > ul > li a {
  position: relative;
  display: block;
  right: 0;
  top: 0;
  background: rgba(0,0,0, 0.4);
  border-radius: 200px;
  border: 3px solid rgba(255,255,255,0.3);
  text-align: center;
  padding-top: 30px;
  font-size: 1.6rem;
  text-decoration: none;
  color: #fff;
  transition: background-color 0.4s;
  /*
  align-items: center;
  justify-content: space-around;
  display: flex;
  */
}
.nav-ut-row-circle > ul > li a:hover {
  background: rgba(0,0,0, 0.6);
}
.nav-ut-row-circle a:after {
  position: absolute;
  bottom: 30px;
  left: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  content: "";
  background: url(web-tools/ico/ico_arrow-23-down_white.png) no-repeat 0 0;
  background-size: 100% auto;
}


/* .nav-ut-row-pic
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-row-pic {
}
.nav-ut-row-pic > ul {
  display: flex;
  flex-wrap: wrap;
}
.nav-ut-row-pic > ul > li {
  margin-bottom: 10px;
}
.nav-ut-row-pic.row1 > ul > li {
  width: 100%;
}
.nav-ut-row-pic.row2 > ul > li {
  width: 48.7%;
  margin-left: 2.5%;
}
.nav-ut-row-pic.row2 > ul > li:nth-child(2n+1) {
  margin-left: 0;
}
.nav-ut-row-pic.row3 > ul > li {
  width: 31.6%;
  margin-left: 2.5%;
}
.nav-ut-row-pic.row3 > ul > li:nth-child(3n+1) {
  margin-left: 0;
}
.nav-ut-row-pic.row4 > ul > li {
  width: 23.1%;
  margin-left: 2.5%;
}
.nav-ut-row-pic.row4 > ul > li:nth-child(4n+1) {
  margin-left: 0;
}
.nav-ut-row-pic.row5 > ul > li {
  width: 18%;
  margin-left: 2.5%;
}
.nav-ut-row-pic.row5 > ul > li:nth-child(5n+1) {
  margin-left: 0;
}
.nav-ut-row-pic.row6 > ul > li {
  width: 14.5%;
  margin-left: 2.5%;
}
.nav-ut-row-pic.row6 > ul > li:nth-child(6n+1) {
  margin-left: 0;
}
.nav-ut-row-pic.row7 > ul > li {
  width: 12.1%;
  margin-left: 2.5%;
}
.nav-ut-row-pic.row7 > ul > li:nth-child(7n+1) {
  margin-left: 0;
}
.nav-ut-row-pic > ul > li a {
  position: relative;
  display: block;
  min-height: 60px;
  padding: 10px 10px 0;
  background: rgba(0,0,0, 0.4);
  color: #fff;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.4s;
}
.nav-ut-row-pic > ul > li a:hover {
  background: rgba(0,0,0, 0.6);
}
.nav-ut-row-pic > ul > li a:after {
  position: absolute;
  bottom: 15px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  content: "";
  background: url(web-tools/ico/ico_arrow-23-down_white.png) no-repeat 0 0;
  background-size: 100% auto;
}
.nav-ut-row-pic > ul > li.text-2line a {
  padding-top: 7px;
  line-height: 1;
}
.nav-ut-row-pic > ul > li.text-2line a:after {
  bottom: 8px;
}

/*  */

.nav-ut-row-pic.type-pic-out {
  margin-top: 50px;
}
.nav-ut-row-pic.type-pic-out > ul > li a {
  position: relative;
}
.nav-ut-row-pic.type-pic-out > ul > li a .pic {
  position: absolute;
  left: 50%;
  top: -50%;
  margin-left: -25%;
  width: 50%;
}
.nav-ut-row-pic.type-pic-out > ul > li a .pic img {
  width: 100%;
  border-radius: 100px;
}
.nav-ut-row-pic.type-pic-out > ul > li a h3.heading {
margin-top: 60px;
}


/* 768px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 768px) {
  .nav-ut-row-pic.row7 > ul > li,
  .nav-ut-row-pic.row6 > ul > li {
    width: 18%;
    margin-left: 2.5% !important;
  }
  .nav-ut-row-pic.row7 > ul > li:nth-child(5n+1),
  .nav-ut-row-pic.row6 > ul > li:nth-child(5n+1) {
    margin-left: 0 !important;
  }
} /* 0 - 768 */


/* 568px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 568px) {
  .nav-ut-row-pic.row7 > ul > li,
  .nav-ut-row-pic.row6 > ul > li,
  .nav-ut-row-pic.row5 > ul > li,
  .nav-ut-row-pic.row4 > ul > li {
    width: 31.6%;
    margin-left: 2.5% !important;
  }
  .nav-ut-row-pic.row7 > ul > li:nth-child(5n+1),
  .nav-ut-row-pic.row6 > ul > li:nth-child(5n+1) {
    margin-left: 2.5% !important;
  }
  .nav-ut-row-pic.row7 > ul > li:nth-child(3n+1),
  .nav-ut-row-pic.row6 > ul > li:nth-child(3n+1),
  .nav-ut-row-pic.row5 > ul > li:nth-child(3n+1),
  .nav-ut-row-pic.row4 > ul > li:nth-child(3n+1) {
    margin-left: 0 !important;
  }
} /* 0 - 568 */
/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Form
.form-ut-base
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .form-ut-base
- - - - - - - - - - - - - - - - - - - - - - - - - - */

form.form-ut-base input[type="text"] {
  background: #fff;
  color: #333;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Link
a.link-apple
a.link-banana
a.link-carrot
a.link-daikon
a.link-eggplant
a.link-ginger
a.link-herb

a.link-ut-news
a.link-ut-pic
a.link-ut-alpha
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* a.link-apple
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.link-apple {
  display: block;
  background-color: rgba(0,0,0, 0.5);
  transition: background-color 0.3s;
}
.link-apple .heading {
  position: relative;
  display: inline-block;
  font-size: 1.5rem;
  color: #f5f7f7;
  text-decoration: none;
  padding: 10px 10px 10px 31px;
  line-height: 1.3;
}
.link-apple .heading:after {
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -7px;
  content: "";
  background: url(web-tools/ico/ico_arrow-23-right_white.png) no-repeat 0 0;
  background-size: 100% auto;
}
.link-apple:hover {
  /* background-color: rgba(255,255,255, 0.8); */
  background-color: rgba(0,0,0, 0.1);
}
.link-apple:hover .heading {
  color: rgba(0,0,0, 1) !important;
}
.link-apple:hover .heading:after {
  background: url(web-tools/ico/ico_arrow-23-right_black.png) no-repeat 0 0;
  background-size: 100% auto;
}

.link-apple .pic img {
  width: 100%;
}

/* .type-no-hover */

.link-apple.type-no-hover {
  background-color: transparent;
}
.link-apple.type-no-hover .heading {
  color: #333;
}
.link-apple.type-no-hover .heading:after {
  background: url(web-tools/ico/ico_arrow-23-right_black.png) no-repeat 0 0;
  background-size: 100% auto;
}
.link-apple.type-no-hover:hover {
  background-color: transparent;
}
.link-apple.type-no-hover:hover .heading {
  color: #333 !important;
}

/* a.link-banana
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.link-banana {
  position: relative;
  display: block;
}
.link-banana .heading {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 8px 30px 7px 8px;
  background: #f2f2f2;
  line-height: 1.3;
}
.link-banana.text-1line .heading {
  min-height: 33px;
}
.link-banana .heading:after {
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  content: "";
  background: url(web-tools/ico/ico_arrow-23-right_gray.png) no-repeat 0 0;
  background-size: 100% auto;
}
.link-banana.type-another .heading:after {
  background: url(web-tools/ico/ico_another-23_gray.png) no-repeat 0 0;
  background-size: 100% auto;
}

.link-banana .pic img {
  width: 100%;
}

.link-banana:after {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 1); /* Customize */
  opacity: 0;
  transition: opacity 0.3s;
}
.link-banana:hover {
  text-decoration: none;
}
.link-banana:hover:after {
  opacity: 0.3;
}

.link-banana.type-border .pic img {
  height: auto;
  border: solid 5px #dfdfdf;
  border-radius: 10px;
}

.link-banana.type-border-a {
  height: auto;
  border: solid 5px #dfdfdf;
  border-radius: 10px;
}
.link-banana.type-border-a .pic img {
  height: auto;
  border-radius: 5px 5px 0 0;
}
.link-banana.type-border-a .heading {
  padding-left: 8px;
  padding-right: 35px;
  border-radius: 0 0 5px 5px;
}
.link-banana.type-border-a .heading:after {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: url(web-tools/ico/ico_arrow-01-right.png) no-repeat 0 0; /* Customize */
  background-size: 100% auto;
}
.link-banana.type-border-a:after {
  border-radius: 5px;
}


/* a.link-carrot
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.link-carrot {
  display: block;
  position: relative;
}
.link-carrot .heading {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px;
  background-color: rgba(0,0,0,0.5);
  line-height: 1.2;
  color: #fff;
  text-align: center;
}
.link-carrot:after {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(1, 60, 141, 1);
  opacity: 0;
  transition: opacity 0.3s;
}
.link-carrot:hover:after {
  opacity: 0.5;
}
.link-carrot .pic img {
  width: 100%;
}

/* Adjust */

.adjust-height {
  position: relative;
  overflow: hidden;
}
.adjust-height img {
  position: absolute;
  left: 0;
}
.adjust-h150     { height: 150px; }
.adjust-h150 img { top: -60%; }
.adjust-h200     { height: 200px; }
.adjust-h200 img { top: -27%; }


/* a.link-daikon
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.link-daikon {
  position: relative;
  display: flex;
  flex-direction: row;
  background: #ddd;
  transition: background-color 0.3s;
}
.link-daikon .pic {
  width: 30%;
}
.link-daikon .pic img {
  width: 100%;
}
.link-daikon.no-pic .heading {
  width: auto !important;
}
.link-daikon .heading {
  padding: 10px 35px 10px 15px;
  width: 70%;
  line-height: 1.4;
}
.link-daikon .heading .date {
  display: block;
  margin-bottom: 2px;
  font-size: 1.3rem;
}
.link-daikon .heading .text {
  margin-bottom: 3px;
  font-size: 1.5rem;
  line-height: 1.3;
}
.link-daikon:before {
  position: absolute;
  bottom: 14px;
  right: 14px;
  display: block;
  width: 14px;
  height: 14px;
  content: "";
  background: url(web-tools/ico/ico_arrow-23-right_gray.png) no-repeat 0 0;
  background-size: 100% auto;
}
.link-daikon:hover:before {
  background: url(web-tools/ico/ico_arrow-23-right_white.png) no-repeat 0 0;
  background-size: 100% auto;
}
.link-daikon:after {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 1); /* Customize */
  opacity: 0;
  transition: opacity 0.3s;
}
.link-daikon:hover {
  text-decoration: none;
}
.link-daikon:hover:after {
  opacity: 0.3;
}

.link-daikon.type-a:before {
  left: 10px;
  right: auto;
  top: 50%;
  bottom: auto;
  margin-top: -7px;
}
.link-daikon.type-a .heading {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 33px;
}

.link-daikon.adjust-pic10 .pic { width: 10%; }
.link-daikon.adjust-pic10 .heading { width: 90%; }
.link-daikon.adjust-pic10.type-a:before {
  left: calc(10% + 10px);
}
.link-daikon.adjust-pic20 .pic { width: 20%; }
.link-daikon.adjust-pic20 .heading { width: 80%; }
.link-daikon.adjust-pic20.type-a:before {
  left: calc(20% + 10px);
}
.link-daikon.adjust-pic30 .pic { width: 30%; }
.link-daikon.adjust-pic30 .heading { width: 70%; }
.link-daikon.adjust-pic30.type-a:before {
  left: calc(30% + 10px);
}
.link-daikon.adjust-pic40 .pic { width: 40%; }
.link-daikon.adjust-pic40 .heading { width: 60%; }
.link-daikon.adjust-pic40.type-a:before {
  left: calc(40% + 10px);
}
.link-daikon.adjust-pic50 .pic { width: 50%; }
.link-daikon.adjust-pic50 .heading { width: 50%; }
.link-daikon.adjust-pic50.type-a:before {
  left: calc(50% + 10px);
}
.link-daikon.adjust-pic60 .pic { width: 60%; }
.link-daikon.adjust-pic60 .heading { width: 40%; }
.link-daikon.adjust-pic60.type-a:before {
  left: calc(60% + 10px);
}
.link-daikon.adjust-pic70 .pic { width: 70%; }
.link-daikon.adjust-pic70 .heading { width: 30%; }
.link-daikon.adjust-pic70.type-a:before {
  left: calc(70% + 10px);
}
.link-daikon.adjust-pic80 .pic { width: 80%; }
.link-daikon.adjust-pic80 .heading { width: 20%; }
.link-daikon.adjust-pic80.type-a:before {
  left: calc(80% + 10px);
}
.link-daikon.adjust-pic90 .pic { width: 90%; }
.link-daikon.adjust-pic90 .heading { width: 10%; }
.link-daikon.adjust-pic90.type-a:before {
  left: calc(90% + 10px);
}


/* a.link-eggplant
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.link-eggplant {
  position: relative;
  display: block;
}
.link-eggplant:before {
  position: absolute;
  bottom: 2px;
  right: 2px;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 3px;
  content: "";
  background: rgba(255,255,255, 0.5) url(web-tools/ico/ico_arrow-23-right_gray.png) no-repeat center center;
  background-size: 50% auto;
}
.link-eggplant.type-another:before {
  background: url(web-tools/ico/ico_another-23_gray.png) no-repeat 0 0;
  background-size: 100% auto;
}

.link-eggplant .pic img {
  width: 100%;
}

.link-eggplant:after {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 1); /* Customize */
  opacity: 0;
  transition: opacity 0.3s;
}
.link-eggplant:hover {
  text-decoration: none;
}
.link-eggplant:hover:after {
  opacity: 0.3;
}



/* a.link-ginger
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.link-ginger {
  position: relative;
  display: block;
  background: #f2f2f2;
}
.link-ginger .heading {
  text-align: center;
}
.link-ginger .heading .main {
  display: block;
  padding-top: 20px;
  padding-bottom: 0px;
  font-size: 2.4rem;
  line-height: 1.1;
}
.link-ginger .heading .sub {
  display: block;
  padding-bottom: 10px;
  font-size: 1.5rem;
}
.link-ginger .text {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 8px 30px 15px 30px;
  font-size: 1.4rem;
  line-height: 1.3;
}
.link-ginger.text-1line .text {
  min-height: 33px;
}
.link-ginger .text:after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  content: "";
  background: url(web-tools/ico/ico_arrow-23-right_gray.png) no-repeat 0 0;
  background-size: 100% auto;
}
.link-ginger.type-another .text:after {
  background: url(web-tools/ico/ico_another-23_gray.png) no-repeat 0 0;
  background-size: 100% auto;
}

.link-ginger .pic {
  /* width: 80%; */
  margin: 0 30px;
}
.link-ginger .pic img {
  width: 100%;
}

.link-ginger:after {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 1); /* Customize */
  opacity: 0;
  transition: opacity 0.3s;
}
.link-ginger:hover {
  text-decoration: none;
}
.link-ginger:hover:after {
  opacity: 0.3;
}



/* a.link-ut-news
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.link-ut-news {
  display: block;
  padding: 10px;
  background-color: rgba(255,255,255,0.7);
  color: #666;
  text-decoration: none;
  overflow: hidden;
  transition: background-color 0.3s;
}
.link-ut-news:hover {
  background-color: rgba(225,235,249,0.8);
}
.link-ut-news .meta {
  color: #5d6970;
  margin-bottom: 5px;
}
.link-ut-news .meta:after {
  display: block;
  clear: both;
  content: '';
  overflow: hidden;
}
.link-ut-news .meta .date {
  float: left;
}
.link-ut-news .meta .label {
  float: left;
  width: 110px;
  font-size: 1.2rem;
  border-radius: 3px;
  padding: 2px 5px;
  text-align: center;
  line-height: 1.2;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
}
@media only screen and (max-width: 640px) {
  .link-ut-news .meta .label {
    font-size: 0.9rem;
    margin-left: 90px;
  }
}
.link-ut-news .heading {
  line-height: 1.3;
}
.link-ut-news:hover {
  text-decoration: none;
}


/* a.link-ut-pic
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.link-ut-pic {
}
.link-ut-pic .pic img {
  width: 100%;
}


/* a.link-ut-alpha
not width 100%
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.link-ut-alpha a:hover img,
.link-ut-alpha:hover img
{ opacity: 0.5; }

.link-ut-alpha60 a:hover img,
.link-ut-alpha60:hover img
{ opacity: 0.6; }

.link-ut-alpha70 a:hover img,
.link-ut-alpha70:hover img
{ opacity: 0.7; }

.link-ut-alpha80 a:hover img,
.link-ut-alpha80:hover img
{ opacity: 0.8; }

.link-ut-alpha90 a:hover img,
.link-ut-alpha90:hover img
{ opacity: 0.9; }


/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Btn
.btn-andes
.btn-brocken
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .btn-andes
- - - - - - - - - - - - - - - - - - - - - - - - - - */

a.btn-andes:link,
a.btn-andes:visited,
a.btn-andes:hover,
a.btn-andes:active {
  display: block;
  width: 16em;
  margin: 0 auto;
  padding: 10px 20px;
  border-radius: 5px;
  background: rgba(53,49,143,0.9);
  color: #fff;
  text-decoration: none;
  text-align: center;
}
.ie a.btn-andes:link,
.ie a.btn-andes:visited,
.ie a.btn-andes:hover,
.ie a.btn-andes:active {
  padding-top: 12px;
  padding-bottom: 7px;
}
a.btn-andes:hover {
  background: rgba(53,49,143,0.6);
}

@media only screen and (max-width: 640px) {
}



/* a.btn-brocken
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.btn-brocken {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 40px;
  background: rgba(232,51,65, 1);
  font-size: 1.6rem;
  transition: background-color 0.4s;
}
.btn-brocken:link,
.btn-brocken:visited,
.btn-brocken:hover,
.btn-brocken:active {
  color: #fff;
}
.btn-brocken:hover {
  text-decoration: none;
  background: rgba(232,51,65, 0.75);
}
.btn-brocken:before {
  position: absolute;
  display: block;
  top: 8px;
  left: 20px;
  width: 24px;
  height: 24px;
  content: "";
  background: url(web-tools/ico/ico_mail-01_white.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.btn-brocken.width-auto {
  width: auto;
  min-width: 200px;
}
.btn-brocken.btn-mail:before {
  background: url(web-tools/ico/ico_mail-01_white.svg) no-repeat 0 0;
  background-size: 100% auto;
}




/* a.btn-sns
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.btn-sns {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 40px;
  background: rgba(232,51,65, 1);
  font-size: 1.6rem;
  transition: background-color 0.4s;


  border: solid 1px #000;
  background: #f9f9f9;
}
.btn-sns:link,
.btn-sns:visited,
.btn-sns:hover,
.btn-sns:active {
  color: #fff;
}
.btn-sns:hover {
  text-decoration: none;
  background: rgba(232,51,65, 0.75);
}
.btn-sns:before {
  position: absolute;
  display: block;
  top: 8px;
  left: 20px;
  width: 24px;
  height: 24px;
  content: "";
  background: url(web-tools/sns/ico_facebook-02_black.svg) no-repeat 0 0;
  background-size: 100% auto;
}

/* autoでは効かない場合あり、.w100perにて
.btn-sns.width-auto {
  width: auto;
  min-width: 200px;
}
*/
.btn-sns.btn-facebook:before {
  background: url(web-tools/sns/ico_facebook-02_black.svg) no-repeat 0 0;
  background-size: 100% auto;
}
.btn-sns.btn-instagram:before {
  background: url(web-tools/sns/ico_instagram-02_black.svg) no-repeat 0 0;
  background-size: 100% auto;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Icon
.ico-ut
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .ico-ut
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.ico-ut {
  display: inline-block;
  position: relative;
  vertical-align: text-bottom;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  background-position: 0 0;
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-color: transparent;
}

.ico-ut-large {
  display: inline-block;
  position: relative;
  vertical-align: text-bottom;
  width: 32px;
  height: 32px;
  margin: 0 5px;
  background-position: 0 0;
  background-size: 32px auto;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-color: transparent;
}

.ico-ut.icon-pdf {
  background-image: url(web-tools/ico/ico_pdf-01.png);
}
.ico-ut.icon-calendar {
  background-image: url(web-tools/ico/ico_calendar-01.png);
}
.ico-ut.icon-help {
  background-image: url(web-tools/ico/ico_help-01.png);
}
.ico-ut.icon-menu {
  background-image: url(web-tools/ico/ico_menu-01.png);
}
.ico-ut.icon-blank {
  background-image: url(web-tools/ico/ico_blank-23_black.png);
}
.ico-ut.icon-blank-white {
  background-image: url(web-tools/ico/ico_blank-23_white.png);
}


@media only screen and (max-width: 568px) {
  .ico-ut.icon-pdf {
    top: -2px;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background-size: 14px auto;
  }
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Label
.label-ut
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .label-ut
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.label-ut {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 2px 5px;
  font-size: 1.2rem;
  text-align: center;
}
.label-ut.label-media {
  background: #d1eff7;
  border: dotted 1px #64c1e1;
}
.label-ut.label-event {
  background: #fad6a2;
  border: dotted 1px #ca8f87;
}
.label-ut.label-recommend {
  background: #f0dbd8;
  border: dotted 1px #ca8f87;
}
.label-ut.label-notice {
  background: #d1eff7;
  border: dotted 1px #64c1e1;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Title, Heading
.ttl-ut-xx
= = = = = = = = = = = = = = = = = = = = = = = = = = */


[class*="ttl-ut-"] {
  line-height: 1.5;
  margin-bottom: 24px;
}

h1[class*="ttl-ut-"] {/* mb-todo */
  font-size: 2.4rem;
  line-height: 1.3;
}
h2[class*="ttl-ut-"] {
  font-size: 1.8rem;
}
h3[class*="ttl-ut-"] {
  font-size: 1.6rem;
}
h4[class*="ttl-ut-"] {
  font-size: 1.6rem;
}
h5[class*="ttl-ut-"] {
  font-size: 1.6rem;
}
h6[class*="ttl-ut-"] {
  font-size: 1.4rem;
}

/* .ttl-ut-xx */

.ttl-ut-a {
  margin-left: 0;
  padding: 0.45em 0.5em 0.4em;
  border: none;
  background: #e6e6e6;
  line-height: 1.3;
  font-weight: normal;
}
.ttl-ut-b {
  margin-left: 0;
  padding: 0.4em 0.5em 0.3em;
  border: none;
  background: #464646;
  color: #fff;
  line-height: 1.3;
  font-weight: normal;
}
.ttl-ut-c {
  margin-left: 0;
  padding-bottom: 0.3em;
  padding-left: 0.1em;
  border-left: none;
  border-bottom: solid 1px #666;
  background: none;
  line-height: 1.3;
  font-weight: normal;
}
.ttl-ut-d {
  padding: 0.1em 0 0.05em 0.5em;
  border-left: solid 4px #888;
  background: none;
  line-height: 1.3;
  font-weight: normal;
}
.ttl-ut-e {
  padding: 0.1em 0 0.2em 0.5em;
  border-left: solid 4px #888;
  border-bottom: solid 1px #888;
  background: none;
  line-height: 1.3;
  font-weight: normal;
}
.ttl-ut-f {
  padding: 0;
  border: none;
  background: none;
  font-weight: bold;
  line-height: 1.3;
}
.ttl-ut-f .appeal {
  font-size: 120%;
  font-weight: bold;
  color: #990000;
  padding-right: 10px;
}
.ttl-ut-g {
  margin-left: 0;
  padding: 0;
  border: none;
  background: none;
  color: #0c6ce3;
  font-weight: normal;
}
.ttl-ut-h {
  padding: 4px 7px 2px;
  border: solid 1px #bbb;
  background: none;
  font-weight: normal;
}
.ttl-ut-i {
  display: inline-block;
  padding: 4px 7px 2px;
  border: solid 1px #bbb;
  background: none;
  font-weight: normal;
}

.ttl-ut-pre {
}
.ttl-ut-sub {
}

@media only screen and (max-width: 768px) {
} /* 0 - 768 */
/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Text
.txt-ut-enclosed
pre.txt-ut-code
blockquote.txt-ut-quote
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .txt-ut-enclosed
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
囲み
縦横は指定しない
*/
.txt-ut-enclosed {
  margin-bottom: 24px;
  padding: 36px 40px;
}
.txt-ut-enclosed:after {
  display: block;
  clear: both;
  content: '';
  overflow: hidden;
}
.txt-ut-enclosed > *:last-child {
  margin-bottom: 0px;
}
.txt-ut-enclosed.text-center p {
  text-align: center;
}
.txt-ut-enclosed.type-frame {
  border: solid 2px #ccc;
}

/*  */

.txt-ut-enclosed.type-normal {
  background: #f0f0f0;
}
.txt-ut-enclosed.type-appeal {
  background: #f9e9d9;
}
.txt-ut-enclosed.type-information {
  background: #e5f0f8;
}
.txt-ut-enclosed.type-information.type-frame {
  background: #e5f0f8;
  border: solid 2px #c5ddee;
}
.txt-ut-enclosed.type-attention {
  background: #fbddf6;
}

@media only screen and (max-width: 768px) {
} /* 0 - 768 */


/* pre.txt-ut-code
- - - - - - - - - - - - - - - - - - - - - - - - - - */

pre.txt-ut-code {
  width: 100%;
  margin-bottom: 20px;
  font-family: 'Source Code Pro', sans-serif;
  font-size: 14px;
  background: #f7f7f7;
  border: solid 1px #eee;
  padding: 20px 5px;
  white-space: nowrap;
  overflow-x: scroll;
}


/* blockquote.txt-ut-quote
- - - - - - - - - - - - - - - - - - - - - - - - - - */

blockquote.txt-ut-quote {
  width: 100%;
  margin-bottom: 20px;
  font-size: 14px;
  background: #f7f7f7;
  border-left: solid 3px #eee;
  padding: 20px 5px;
}


/* .txt-ut-tel
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.txt-ut-tel {
  position: relative;
  padding-left: 50px;
}
.txt-ut-tel {
  position: relative;
  padding-left: 50px;
}
.txt-ut-tel a:link,
.txt-ut-tel a:visited {
  color: #222;
  text-decoration: none;
}
.txt-ut-tel a:hover,
.txt-ut-tel a:active {
  color: #0068b7;
  text-decoration: none;
}
.txt-ut-tel .tel-pre {
  display: block;
  font-size: 1.3rem;
}
.txt-ut-tel .tel {
  display: block;
  font-size: 3rem;
}
.txt-ut-tel .tel-note {
  display: block;
  font-size: 1.3rem;
}
.txt-ut-tel:before {
  position: absolute;
  display: block;
  top: 50%;
  left: 2px;
  width: 36px;
  height: 36px;
  margin-top: -19px;
  border-radius: 20px;
  content: "";
  background: rgba(232,51,65, 1) url(web-tools/ico/ico_tel-01_white.svg) no-repeat center center;
  background-size: 70% auto;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = =
News
.news-ut-list
dl.news-ut-lineup
.news-ut-lineflow
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .news-ut-list
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.news-ut-list {
}
.news-ut-list .item {
  clear: both;
  display: block;
  margin-bottom: 1.1em;
  padding-bottom: 1em;
  border-bottom: dotted 1px #999;
}
.news-ut-list .item:nth-child(even) {
  /* background: #f0f0f0; */
}
.news-ut-list .item a:hover {
  background: #ccc;
}
.news-ut-list .item a.disp-disabled {
  text-decoration: none;
}
.news-ut-list .item a.disp-disabled:hover {
  text-decoration: none;
  color: #333;
}
.news-ut-list .item:last-child {
  padding-bottom: 0;
  border: none;
}
.news-ut-list .item a {
  display: flex;
  flex-wrap: wrap;
}
.news-ut-list .item .meta {
  width: 120px;
  font-size: 1.4rem;
}
.news-ut-list .item .heading {
  width: calc(100% - 120px);
  line-height: 1.7;
}
.news-ut-list .date {
  display: block;
  margin-top: 7px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 568px) {
  .news-ut-list .item .item-head {
    width: auto;
    float: none;
    margin-right: 0;
    margin-bottom: 0.5em;
  }
  .news-ut-list .item .item-body {
    margin-left: 0;
  }
}


/* dl.news-ut-lineup
- - - - - - - - - - - - - - - - - - - - - - - - - - */

dl.news-ut-lineup {
  clear: both;
}
dl.news-ut-lineup dt {
  display: block;
  clear: both;
  float: left;
  width: 7em;
  font-size: 1.4rem;
  line-height: 1.3;
}
dl.news-ut-lineup dd {
  display: block;
  margin-left: 7em;
  margin-bottom: 1em;
  text-indent: 0;
  font-size: 1.3rem;
  line-height: 1.3;
}
dl.news-ut-lineup dt:last-child,
dl.news-ut-lineup dd:last-child {
  margin-bottom: 0;
}
dl.news-ut-lineup.dt-large dt { width: 15em; }
dl.news-ut-lineup.dt-large dd { margin-left: 15em; }

@media only screen and (max-width: 568px) {
  .news-ut-lineup .item .box-head {
    width: auto;
    float: none;
    margin-right: 0;
    margin-bottom: 0.5em;
  }
  .news-ut-lineup .item .box-body {
    margin-left: 0;
  }
}


/* .news-ut-lineflow
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.news-ut-lineflow .news-in {
  position: relative;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  height: 30px;
  margin-top: 10px;
  overflow: hidden;
}
.news-ut-lineflow .news-in:after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 50px;
  height: 100px;
  content: "";
  background: url(web-tools/base/shadow-01.png) repeat-y 0 0;
  background-size: 100% auto;
}
.news-ut-lineflow .unit-news {
  position: absolute;
}
.news-ut-lineflow .news-body {
  position: absolute;
  left: 100px;
  top: 0px;
  padding: 6px 10px 5px;
  white-space: nowrap;
  font-size: 1.4rem;
}
.news-ut-lineflow .news-foot {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100px;
  height: 30px;
  padding: 6px 10px 5px;
  background-color: rgba(0,0,0,0.7);
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Table
.table-ut-normal
.table-ut-compact
.table-ut-role
.table-ut-price
= = = = = = = = = = = = = = = = = = = = = = = = = = */


table.fixed-ut {
  table-layout: fixed;
}

/* margin-bottom */

table.table-ut-compact,
table.table-ut-normal {
  margin-bottom: 24px;
}

table[class*="table-ut-"] th > *:last-child,
table[class*="table-ut-"] td > *:last-child {
  margin-bottom: 0px;
}

/*  */

table.head-top {
}
table.head-left th {
  width: 30%;
}

.table-ut-compact.adjust-full { /* compactだけでなくとも */
  width: 100%;
}

table[class*="table-ut-"].line-bg-odd tr:nth-child(odd) {
  background: rgba(0,0,0, 0.1); /* Customize */
}

table[class*="table-ut-"].line-bg-even tr:nth-child(even) {
  background: rgba(0,0,0, 0.1); /* Customize */
}

table.table-al-l th,
table.table-al-l td
{ text-align: left !important; }
table.table-al-c th,
table.table-al-c td
{ text-align: center !important; }
table.table-al-r th,
table.table-al-r td
{ text-align: right !important; }


/* .table-ut-normal
- - - - - - - - - - - - - - - - - - - - - - - - - - */

table.table-ut-normal {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
}
.table-ut-normal tr > *:first-child {
  width: 30%;
}
.table-ut-normal caption {
  padding: 0 0 5px;
  text-align: left;
}
.table-ut-normal th,
.table-ut-normal td {
  padding: 1em 15px;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  line-height: 1.5;
  vertical-align: middle;
}
.table-ut-normal th {
  background: rgba(0,0,0, 0.1);
  text-align: center;
}
.table-ut-normal td {
  background: transparent;
}
.table-ut-normal thead th {
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: solid 1px #ccc;
}
.table-ut-normal tbody th {
  text-align: left;
}

.table-ut-normal.th-short th {
  width: 200px;
}
.table-ut-normal { /* 順番 */
  width: 100%;
}
@media only screen and (max-width: 568px) {
  .table-ut-normal th,
  .table-ut-normal td {
    display: block;
    width: 100% !important;
    padding: 2% 3%;
  }
} /* 0 - 568 */


/* .table-ut-compact
- - - - - - - - - - - - - - - - - - - - - - - - - - */

table.table-ut-compact {
  width: auto;
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  border-top: solid 1px #ddd;
  border-left: none;
}
.table-ut-compact caption {
  padding: 0 0 3px;
  text-align: left;
}
.table-ut-compact tr > *:first-child {
  width: 30%;
}
.table-ut-compact th,
.table-ut-compact td {
  padding: 5px 10px;
  border-right: none;
  border-bottom: solid 1px #ddd;
  font-size: 1.4rem;
  line-height: 1.3;
  vertical-align: middle;
}
.table-ut-compact th {
  background: rgba(69,209,253, 0.1);
  background: rgba(0,0,0, 0.1); /* Customize */
  text-align: center;
}
.table-ut-compact td {
  background: transparent;
}
.table-ut-compact thead th {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: solid 1px #ddd;
}
.table-ut-compact tbody th {
  text-align: left;
}


/* .table-ut-role
- - - - - - - - - - - - - - - - - - - - - - - - - - */

table.table-ut-role {
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  width: 100%;
  border: none;
}
.table-ut-role th {
  width: 150px;
  text-align: left;
  padding: 19px 15px 15px;
  white-space: nowrap;
  border: none;
  background: rgba(0,0,0, 0.1); /* Customize */
  font-size: 1.2rem;
  text-align: right;
  vertical-align: top;
  line-height: 1.3;
}
.table-ut-role td {
  padding: 16px 15px 15px;
  border: none;
  line-height: 1.3;
  vertical-align: middle;
}
.table-ut-role tbody th {
  width: auto;
}


/* .table-ut-price
- - - - - - - - - - - - - - - - - - - - - - - - - - */

table.table-ut-price {
  width: 70%;
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  border-left: none;
}
.table-ut-price tbody th {
  width: 70%;
}
.table-ut-price th {
  text-align: left;
  padding: 13px 10px 12px;
  border-right: none;
  background: rgba(0,0,0, 0.1); /* Customize */
}
.table-ut-price td {
  padding: 0.4em 2em 0.3em;
  font-size: 1.313rem;
  font-weight: bold;
  text-align:center;
  white-space: nowrap;
  border-right: none;
  line-height: 1.3;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Background
.bg-ut-stripe
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .bg-ut-stripe
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.bg-ut-stripe-0deg {
  background: repeating-linear-gradient(
    #333,
    #333 5px,
    #444 0,
    #444 6px);
}


.bg-ut-stripe-135deg {
  background: repeating-linear-gradient(
    135deg,
    #333,
    #333 5px,
    #444 0,
    #444 6px);
}


@media only screen and (max-width: 640px) {
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Project
.p-xxxx
= = = = = = = = = = = = = = = = = = = = = = = = = = */

/* End web-tools.css */



/* ----------------------------------------------------
Magnific Popup 1.1.0
----------------------------------------------------  */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }



/* ----------------------------------------------------
Swiper 4.5.3
----------------------------------------------------  */
/**
* Swiper 4.5.3
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2019 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: October 16, 2019
*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}


/* ----------------------------------------------------
Tippy.js 3.0.6
----------------------------------------------------  */
.tippy-iOS{cursor:pointer!important}.tippy-notransition{transition:none!important}.tippy-popper{-webkit-perspective:700px;perspective:700px;z-index:9999;outline:0;transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none;line-height:1.4}.tippy-popper[x-placement^=top] .tippy-backdrop{border-radius:40% 40% 0 0}.tippy-popper[x-placement^=top] .tippy-roundarrow{bottom:-8px;-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=top] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tippy-popper[x-placement^=top] .tippy-arrow{border-top:8px solid #333;border-right:8px solid transparent;border-left:8px solid transparent;bottom:-7px;margin:0 6px;-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=top] .tippy-backdrop{-webkit-transform-origin:0 25%;transform-origin:0 25%}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%);opacity:1}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-50%,-45%);transform:scale(.2) translate(-50%,-45%);opacity:0}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.tippy-popper[x-placement^=top] [data-animation=perspective]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px) rotateX(0);transform:translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) rotateX(60deg);transform:translateY(0) rotateX(60deg)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) scale(.5);transform:translateY(0) scale(.5)}.tippy-popper[x-placement^=bottom] .tippy-backdrop{border-radius:0 0 30% 30%}.tippy-popper[x-placement^=bottom] .tippy-roundarrow{top:-8px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(0);transform:rotate(0)}.tippy-popper[x-placement^=bottom] .tippy-arrow{border-bottom:8px solid #333;border-right:8px solid transparent;border-left:8px solid transparent;top:-7px;margin:0 6px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.tippy-popper[x-placement^=bottom] .tippy-backdrop{-webkit-transform-origin:0 -50%;transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-45%);transform:scale(1) translate(-50%,-45%);opacity:1}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-50%);transform:scale(.2) translate(-50%);opacity:0}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible]{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible]{opacity:1;-webkit-transform:translateY(10px) rotateX(0);transform:translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) rotateX(-60deg);transform:translateY(0) rotateX(-60deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible]{opacity:1;-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) scale(.5);transform:translateY(0) scale(.5)}.tippy-popper[x-placement^=left] .tippy-backdrop{border-radius:50% 0 0 50%}.tippy-popper[x-placement^=left] .tippy-roundarrow{right:-16px;-webkit-transform-origin:33.33333333% 50%;transform-origin:33.33333333% 50%}.tippy-popper[x-placement^=left] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tippy-popper[x-placement^=left] .tippy-arrow{border-left:8px solid #333;border-top:8px solid transparent;border-bottom:8px solid transparent;right:-7px;margin:3px 0;-webkit-transform-origin:0 50%;transform-origin:0 50%}.tippy-popper[x-placement^=left] .tippy-backdrop{-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-75%,-50%);transform:scale(.2) translate(-75%,-50%);opacity:0}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.tippy-popper[x-placement^=left] [data-animation=perspective]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px) rotateY(0);transform:translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) rotateY(-60deg);transform:translateX(0) rotateY(-60deg)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) scale(.5);transform:translateX(0) scale(.5)}.tippy-popper[x-placement^=right] .tippy-backdrop{border-radius:0 50% 50% 0}.tippy-popper[x-placement^=right] .tippy-roundarrow{left:-16px;-webkit-transform-origin:66.66666666% 50%;transform-origin:66.66666666% 50%}.tippy-popper[x-placement^=right] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.tippy-popper[x-placement^=right] .tippy-arrow{border-right:8px solid #333;border-top:8px solid transparent;border-bottom:8px solid transparent;left:-7px;margin:3px 0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.tippy-popper[x-placement^=right] .tippy-backdrop{-webkit-transform-origin:-50% 0;transform-origin:-50% 0}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-25%,-50%);transform:scale(.2) translate(-25%,-50%);opacity:0}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible]{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.tippy-popper[x-placement^=right] [data-animation=perspective]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible]{opacity:1;-webkit-transform:translateX(10px) rotateY(0);transform:translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) rotateY(60deg);transform:translateX(0) rotateY(60deg)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible]{opacity:1;-webkit-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) scale(.5);transform:translateX(0) scale(.5)}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.9rem;padding:.3rem .6rem;max-width:350px;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}.tippy-tooltip[data-size=small]{padding:.2rem .4rem;font-size:.75rem}.tippy-tooltip[data-size=large]{padding:.4rem .8rem;font-size:1rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive],.tippy-tooltip[data-interactive] path{pointer-events:auto}.tippy-tooltip[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.53,2,.36,.85)}.tippy-tooltip[data-inertia][data-state=hidden]{transition-timing-function:ease}.tippy-arrow,.tippy-roundarrow{position:absolute;width:0;height:0}.tippy-roundarrow{width:24px;height:8px;fill:#333;pointer-events:none}.tippy-backdrop{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;transition:all cubic-bezier(.46,.1,.52,.98);-webkit-backface-visibility:hidden;backface-visibility:hidden}.tippy-backdrop:after{content:"";float:left;padding-top:100%}.tippy-backdrop+.tippy-content{transition-property:opacity}.tippy-backdrop+.tippy-content[data-state=visible]{opacity:1}.tippy-backdrop+.tippy-content[data-state=hidden]{opacity:0}@media (max-width:360px){.tippy-popper{max-width:96%;max-width:calc(100% - 20px)}}


/* End external.css */