@charset "UTF-8";
@import url("./product-support.css");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700,900&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:300,400,500,700,900&display=swap&subset=japanese");
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;600&display=swap');
@font-face {font-family: 'northavellion'; src: url('../font/northavellion.woff') format('woff');}
/**************************************************
		Reset
**************************************************/

body {
  font-family: 'Noto Serif JP', serif;
  font-style: normal;
  font-weight: 400;
}

body .en01 {
  font-family: Times New Roman,serif;
  font-style: normal;
  font-weight: 400;
}

body .en01bg {
  font-family: Times New Roman,serif;
  font-style: normal;
  font-weight: 600;
  color: #9BA4A9;
  opacity: 0.8;
}

body .en02 {
  font-family: "Noto Serif JP",adobe-garamond-pro, serif;
  font-weight: 400;
  font-style: normal;
}

body .yugothic{
  font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal;
}

body.ie11 {
  font-family:'Noto Sans JP', "游ゴシック Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,"ＭＳ Ｐゴシック","MS P Gothic","Osaka",sans-serif;
}

body.ie11 .en01 {
  font-family: "Arial",sans-serif;
}
body.ie11 .en01bg {
  font-family: "Arial",sans-serif;
}


body.ie11 .mincho01 {
  font-family: 'Noto Sans JP',"游明朝 Medium","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","メイリオ",Meiryo,Arial,"ＭＳ Ｐ明朝","MS PMincho","Osaka",serif;
}


body .didot{
    font-family: 'Times New Roman',"GFS Didot,serif";
    font-style: normal;
    font-weight: 700;
}

body .futura{
    font-family: "Arial","futura-pt",sans-serif;
    font-style: normal;
    font-weight: 600;
}

body .arial{
    font-family: Arial, sans-serif;
    font-style: normal;
}


.reset01 {
  font-size: 10px;
  line-height: 1;
  margin: 0;
  padding: 0;
  color: #000;
  list-style-type: none;
}

button.reset01 {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 10px;
  line-height: 1;
  margin: 0;
  padding: 0;
  color: #000;
}

input.reset01 {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
}

th.reset01 {
  font-size: 10px;
  line-height: 1;
  margin: 0;
  padding: 0;
  color: #000;
  list-style-type: none;
  border: none;
}

td.reset01 {
  font-size: 10px;
  line-height: 1;
  margin: 0;
  padding: 0;
  color: #000;
  list-style-type: none;
  border: none;
}

.img01 {
  width: 100%;
  height: auto;
}

#wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  min-width: 1024px;
}

@media screen and (max-width: 768px) {
  #wrapper {
    min-width: 100%;
  }
}

body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  .onlySP {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .onlyPC {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .hover01, .hover01 *, .hover01::before, .hover01::after, .hover01 *::before, .hover01 *::after {
    -webkit-transition: background-image 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s, opacity 0.3s, width 0.3s, padding 0.3s;
    transition: background-image 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s, opacity 0.3s, width 0.3s, padding 0.3s;
  }
  .hover01:hover img {
    opacity: 0.7;
  }
}

@media screen and (max-width: 768px) {
  .hover01, .hover01 *, .hover01::before, .hover01::after, .hover01 *::before, .hover01 *::after {
    text-decoration: none;
  }
  .hover01:hover {
    text-decoration: none;
  }
}

/* ====================
		header
==================== */
#headerArea {
  padding: 25px 0 0;
  background-color: #202020;
}

@media screen and (max-width: 768px) {
  #headerArea {
    position: fixed;
    top: 0;
    padding: 20px;
    z-index: 100;
    width: 100%;
    height: 56px;
    z-index: 1000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  #headerArea.hide {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

#headerArea .logo {
  margin: 5px auto 8px;
  width: 210px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  #headerArea .logo {
    position: relative;
    margin: 0 auto;
    width: 130px;
    z-index: 2;
  }
}

#headerArea .logo img {
  line-height: 0;
}

#headerArea .btnMail {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  z-index: 20;
}

#headerArea .btnMail a {
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
  background: transparent url("../img/common/ico_mail02.svg") 50% 50% no-repeat;
}

#headerArea nav {
  position: relative;
  padding-bottom: 2px;
}

#headerArea nav.open {
  z-index: 30;
}

.header-info a {
	color: #fff;
}
.header-info a:hover {
	text-decoration: none;
}
@media screen and (max-width: 768px) {
  .header-info {
	  margin-top: 56px;
	  margin-bottom: -56px;
  }
}


@media screen and (max-width: 768px) {
  #headerArea nav {
    padding-bottom: 0;
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    top: 0;
  }
}

#headerArea nav .btnMenu {
  width: 56px;
  height: 56px;
  text-indent: -9999px;
  background: transparent url("../img/common/btn_menu.svg") 50% 50% no-repeat;
}

@media screen and (max-width: 768px) {
  #headerArea nav .menuSP {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
  }
  #headerArea nav .menuSP .menuSPBox {
    position: relative;
    overflow: auto;
    width: 100%;
    height: 100%;
  }
  #headerArea nav .menuSP .menuSPBox .menuBg {
    position: fixed;
    background-color: #fff;
    width: calc(100% - 40px);
    height: 100%;
    left: -100%;
    top: 0;
  }
}

#headerArea nav .listMenu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 768px) {
  #headerArea nav .listMenu {
    width: calc(100% - 40px);
    display: block;
  }
}

#headerArea nav .listMenu > li {
  width: 196px;
  height: 45px;
  font-size: 18px;
  text-align: center;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  #headerArea nav .listMenu > li {
    width: 100%;
    height: auto;
    font-size: 21px;
    text-align: left;
    border-bottom: 1px solid #CCD6DD;
  }
  #headerArea nav .listMenu > li.etcMenu {
    border-top: 1px solid #CCD6DD;
    margin-top: 50px;
  }
}

#headerArea nav .listMenu > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  #headerArea nav .listMenu > li > a {
    display: block;
    opacity: 1;
    color: #686D70;
    padding: 17px 26px 17px 36px;
  }
}

#headerArea nav .listMenu > li > a span {
  position: relative;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  #headerArea nav .listMenu > li > a span {
    display: block;
    background: transparent url("../img/common/arrow_r.svg") 100% 50% no-repeat;
  }
}

@media screen and (min-width: 769px) {
  #headerArea nav .listMenu > li > a span:before {
    position: absolute;
    right: 50%;
    bottom: -9px;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    content: "";
    width: 48px;
    height: 3px;
    background-color: #fff;
    opacity: 0;
  }
}

@media screen and (min-width: 769px) {
  #headerArea nav .listMenu > li > a:hover {
    opacity: 1;
    text-decoration: none;
  }
  #headerArea nav .listMenu > li > a:hover span:before {
    opacity: 1;
  }
}

#headerArea nav .listMenu > li.subLink {
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  #headerArea nav .listMenu > li.subLink.show > a span {
    display: block;
    background: transparent url("../img/common/arrow_t.svg") 100% 50% no-repeat;
  }
}

#headerArea nav .listMenu > li .subLinkText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  opacity: 0.8;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  #headerArea nav .listMenu > li .subLinkText {
    display: block;
    opacity: 1;
    color: #686D70;
    font-size: 21px;
    padding: 17px 26px 17px 36px;
  }
}

#headerArea nav .listMenu > li .subLinkText > span {
  position: relative;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  #headerArea nav .listMenu > li .subLinkText > span {
    display: block;
    background: transparent url("../img/common/arrow_r.svg") 100% 50% no-repeat;
  }
}

@media screen and (min-width: 769px) {
  #headerArea nav .listMenu > li .subLinkText > span:before {
    position: absolute;
    right: 50%;
    bottom: -8px;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    content: "";
    width: 40px;
    height: 3px;
    background-color: #fff;
    opacity: 0;
  }
}

@media screen and (min-width: 769px) {
  #headerArea nav .listMenu > li .subLinkText:hover {
    opacity: 1;
    text-decoration: none;
  }
  #headerArea nav .listMenu > li .subLinkText:hover span:before {
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  #headerArea nav .listMenu > li.subLink.show .subLinkText > span {
    background: transparent url("../img/common/arrow_t.svg") 100% 50% no-repeat;
  }
}

@media screen and (min-width: 769px) {
  #headerArea nav .listMenu > li:hover {
    opacity: 1;
    text-decoration: none;
  }
  #headerArea nav .listMenu > li:hover span:before {
    opacity: 1;
  }
  #headerArea nav .listMenu > li .subMenuBox {
    position: absolute;
    width: 100%;
    left: 0;
    top: 45px;
    padding: 30px 0;
    z-index: 1000;
    background-color: #404040;
    text-align: left;
    display: none;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner {
    margin: 0 auto;
    width: 992px;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner .leftList {
    float: left;
    width: 220px;
    margin-right: 20px;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner .centerList {
    float: left;
    width: 220px;
    margin-right: 20px;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner .rightList {
    float: left;
    width: 512px;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner dt {
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: normal;
    color: #fff;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner > ul {
    margin-bottom: 40px;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner > ul:last-child {
    margin-bottom: 0;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li {
    margin-right: 20px;
    width: 220px;
    height: 52px;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li:nth-child(4n) {
    width: 250px;
    margin-right: 0;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li:nth-child(n+5) {
    margin-top: 40px;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li:last-child {
    margin-right: 0;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    padding-left: 50px;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li a .en01 {
    margin-bottom: 5px;
    display: block;
    font-size: 15px;
    opacity: 0.7;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li a .jpn {
    display: block;
    font-size: 11px;
    line-height: 1.2;
    opacity: 0.7;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li a .new {
    margin: 5px 0 0 10px;
    padding: 2px 10px;
    display: inline-block;
    color: #404040;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.7);
  }
}

@media screen and (min-width: 769px) and (min-width: 769px) {
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li a:hover {
    text-decoration: none;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li a:hover .en01 {
    opacity: 1;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li a:hover .jpn {
    opacity: 1;
  }
}

@media screen and (min-width: 769px) {
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoSolutiontop a {
    background: transparent url("../img/common/ico_logo.svg") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoArchitectural a {
    background: transparent url("../img/common/ico_architectural.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoRenovation a {
    background: transparent url("../img/common/ico_renovation.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoRelocation a {
    background: transparent url("../img/common/ico_relocation.png") 0 0 no-repeat;
  }	
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoResearch a {
    background: transparent url("../img/common/ico_research.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoEnvironment a {
    background: transparent url("../img/common/ico_environment.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoWORKSITE a {
    background: transparent url("../img/common/icoWORKSITE.svg") 0 0 no-repeat;
  }	
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoOverseas a {
    background: transparent url("../img/common/icon_Overseas.svg") 0 0 no-repeat;
  }	
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoProduct a {
    background: transparent url("../img/common/ico_index.jpg") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoFume a {
    background: transparent url("../img/common/ico_fume.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoGas a {
    background: transparent url("../img/common/ico_gas.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoDuctless a {
    background: transparent url("../img/common/ico_ductless.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoChemicalManagement a {
    background: transparent url("../img/common/ico_chemical-management.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoChemicalHazard a {
    background: transparent url("../img/common/ico_chemical-hazard.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoClean a {
    background: transparent url("../img/common/ico_clean.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoInfectious a {
    background: transparent url("../img/common/ico_infectious.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoBio a {
    background: transparent url("../img/common/ico_bio.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoCanary a {
    background: transparent url("../img/common/ico_canary.png") 0 0 no-repeat;
  }
	#headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoLaboratory a {
    background: transparent url("../img/common/ico_laboratory.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoLab a {
    background: transparent url("../img/common/ico_lab.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoProject a {
    background: transparent url("../img/common/ico_project.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoCatalog a {
    background: transparent url("../img/common/ico_catalog.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoContact a {
    background: transparent url("../img/common/ico_contact.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoMaintenance a {
    background: transparent url("../img/common/ico_maintenance.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoFmainte a {
    background: transparent url("../img/common/ico_fmainte.png") 0 0 no-repeat;
  }	
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoProductSupport a {
    background: transparent url("../img/common/ico_productsupport.png") 0 0 no-repeat;
  }
  #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoColumn a {
    background: transparent url("../img/common/ico_column.png") 0 0 no-repeat;
  }
    #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoIaq a {
    background: transparent url("../img/common/ico_iaq.png") 0 0 no-repeat;
  }
    #headerArea nav .listMenu > li .subMenuBox .subMenuBoxInner ul li.icoCoog a {
    background: transparent url("../img/common/ico_coog.png") 0 0 no-repeat;
  }
}

@media screen and (max-width: 768px) {
  #headerArea nav .listMenu > li .subMenuBox {
    display: none;
    background-color: #686D70;
  }
  #headerArea nav .listMenu > li .subMenuBox ul li {
    font-size: 16px;
    border-bottom: 1px solid #CCD6DD;
  }
  #headerArea nav .listMenu > li .subMenuBox ul li:last-child {
    border-bottom: none;
  }
  #headerArea nav .listMenu > li .subMenuBox ul li .jpn {
    margin-top: 5px;
    display: block;
    font-size: 11px;
  }
  #headerArea nav .listMenu > li .subMenuBox ul li a {
    display: block;
    opacity: 1;
    color: #fff;
    padding: 10px 26px 10px 36px;
  }
  #headerArea nav .listMenu > li .subMenuBox ul li a .ico {
    display: block;
    background: transparent url("../img/common/arrow_rw.svg") 100% 50% no-repeat;
  }
}

@media screen and (max-width: 768px) {
  #headerArea #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
  }
}

@media screen and (max-width: 768px) {
  #headerArea #menuClose {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
  }
}

/* ====================
		mainArea
==================== */
#mainArea {
  display: block;
  /* ========== column ========== */
  /* ========== box ========== */
  /* ========== border ========== */
  /* ========== title ========== */
  /* ========== text ========== */
  /* ========== list ========== */
  /* ========== button ========== */
  /* ========== subMenuArea ========== */
  /* ========== subMenuArea ========== */
  /* ========== mvArea ========== */
  /* ========== newsBox ========== */
  /* ========== supportArea ========== */
  /* ========== supportArea ========== */
}

@media screen and (max-width: 768px) {
  #mainArea {
    padding-top: 56px;
  }
}

#mainArea .column01 .inner01 {
  margin: 0 auto;
  width: 940px;
  padding: 50px 0 20px;
}

@media screen and (max-width: 768px) {
  #mainArea .column01 .inner01 {
    width: 100%;
    padding: 30px 8% 50px;
  }
}

#mainArea .column01 .inner11 {
  margin: 0 auto;
  width: 940px;
  padding: 0px 0 90px;
}

@media screen and (max-width: 768px) {
  #mainArea .column01 .inner11 {
    width: 100%;
    padding: 30px 8% 40px;
  }
}

#mainArea .column01 .inner02 {
  margin: 0 auto;
  width: 940px;
  padding: 50px 0 70px;
}

@media screen and (max-width: 768px) {
  #mainArea .column01 .inner02 {
    width: 100%;
    padding: 40px 8% 50px;
  }
}

#mainArea .column01 .inner03 {
  margin: 0 auto;
  width: 940px;
  padding: 0 0 80px;
}

@media screen and (max-width: 768px) {
  #mainArea .column01 .inner03 {
    width: 100%;
    padding: 40px 8% 50px;
  }
}
#mainArea .inner04 {
  margin: 0 auto;
  width: 940px;
  padding: 0px 0 0px;
}

#mainArea .inner05 {
  margin: 0 auto;
  width: 940px;
  padding: 0px 0 90px;
}

@media screen and (max-width: 768px) {
  #mainArea .inner04 {
    width: 100%;
    padding: 0px 8% 0px;
  }
}

#mainArea .column02 {
  position: relative;
}

#mainArea .column02 .textBox {
  position: absolute;
  width: 50%;
  padding: 0 70px;
}

@media screen and (max-width: 768px) {
  #mainArea .column02 .textBox {
    width: 100%;
    padding: 0 8%;
  }
}

#mainArea .column02 .textBox.leftBox {
  bottom: 50%;
  left: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

@media screen and (max-width: 768px) {
  #mainArea .column02 .textBox.leftBox {
    top: 40px;
    bottom: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

#mainArea .column02 .textBox.rightBox {
  bottom: 50%;
  right: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

@media screen and (max-width: 768px) {
  #mainArea .column02 .textBox.rightBox {
    top: 40px;
    bottom: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

#mainArea .column02 .textBox02 {
  position: absolute;
  width: 50%;
  padding: 0 70px;
}

@media screen and (max-width: 768px) {
  #mainArea .column02 .textBox02 {
    width: 100%;
    max-width: 100%;
    padding: 0 8%;
  }
}

#mainArea .column02 .textBox04 {
  position: absolute;
  text-align: center;
  width: 100%;
  padding: 0 140;
}

@media screen and (max-width: 768px) {
  #mainArea .column02 .textBox04 {
    width: 100%;
    max-width: 100%;
    padding: 0 8%;
  }
}

#mainArea .column02 .textBox02.leftBox {
  bottom: 50%;
  left: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

@media screen and (max-width: 768px) {
  #mainArea .column02 .textBox02.leftBox {
    position: relative;
    padding: 30px 8% 40px;
    bottom: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

#mainArea .column02 .textBox04.leftBox {
  bottom: 50%;
  left: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

@media screen and (max-width: 768px) {
  #mainArea .column02 .textBox04.leftBox {
    position: relative;
    padding: 30px 8% 40px;
    bottom: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

#mainArea .column02 {
  position: relative;             /* 子の absolute を機能させる */
}

#mainArea .column02 .textBox05.leftBox { 
  position: absolute;
  left: 0;
  /*  24px 以上、10vh（＝画面高の10％）以下で自動調整   */
  top: clamp(0px, 0vh, 80px);   /* max 80px にも上限を置く例 */
  transform: translateY(0);       /* 中央寄せは解除 */
  padding: 50px 8% 40px;
}

/* ───────── スマホ表示（〜768px）：従来どおり縦中央 ───────── */
@media screen and (max-width: 768px) {
  #mainArea .column02 .textBox05.leftBox { 
    position: relative;
    padding: 45px 8% 40px;
    bottom: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

#mainArea .column02 .textBox06.rightBox { 
  position: absolute;
  right: 0;
  /*  24px 以上、10vh（＝画面高の10％）以下で自動調整   */
  top: clamp(0px, 0vh, 0px);   /* max 80px にも上限を置く例 左0にするとSPの空白が消せる*/
  transform: translateY(0);       /* 中央寄せは解除 */
  padding: 120px 8% 40px;       /* 左のpxを調整するとPCの高さが変わる */
}

/* ───────── スマホ表示（〜768px）：従来どおり縦中央 ───────── */
@media screen and (max-width: 768px) {
  #mainArea .column02 .textBox06.rightBox { 
    position: relative;
    padding: 30px 8% 40px;
    bottom: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

#mainArea .column02 .textBox07.rightBox { 
  position: absolute;
  right: 0;
  /*  24px 以上、10vh（＝画面高の10％）以下で自動調整   */
  top: clamp(0px, 0vh, 0px);   /* max 80px にも上限を置く例 */
  transform: translateY(0);       /* 中央寄せは解除 */
  padding: 50px 8% 40px;
}

/* ───────── スマホ表示（〜768px）：従来どおり縦中央 ───────── */
@media screen and (max-width: 768px) {
  #mainArea .column02 .textBox07.rightBox { 
    position: relative;
    padding: 30px 8% 40px;
    bottom: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

#mainArea .column02 .textBox02.rightBox {
  bottom: 50%;
  right: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

@media screen and (max-width: 768px) {
  #mainArea .column02 .textBox02.rightBox {
    position: relative;
    padding: 30px 8% 40px;
    top: 0;
    bottom: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

#mainArea .column02 .textBox03 {
  padding: 70px 0 80px;
  margin: 0 auto;
  width: 940px;
}

@media screen and (max-width: 768px) {
  #mainArea .column02 .textBox03 {
    margin: 0 0 30px;
    width: 100%;
    padding: 0 8%;
  }
}

#mainArea .column02 {
  position: relative;             /* 子の absolute を機能させる */
}

#mainArea .column02 .textBox08.leftBox { 
  position: absolute;
  left: 0;
  /*  24px 以上、10vh（＝画面高の10％）以下で自動調整   */
  top: clamp(0px, 0vh, 80px);   /* max 80px にも上限を置く例 */
  transform: translateY(0);       /* 中央寄せは解除 */
  padding: 60px 8% 40px;
}

/* ───────── スマホ表示（〜768px）：従来どおり縦中央 ───────── */
@media screen and (max-width: 768px) {
  #mainArea .column02 .textBox08.leftBox { 
    position: relative;
    padding: 45px 8% 40px;
    bottom: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

#mainArea .contBox01 .slider01 {
  position: relative;
}

#mainArea .contBox01 .slider01 .swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#mainArea .contBox01 .slider01 .swiper-slide {
  position: relative;
}

#mainArea .contBox01 .slider01 .swiper-slide .textBox {
  width: 940px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  #mainArea .contBox01 .slider01 .swiper-slide .textBox {
    width: 100%;
    padding: 20px 12% 0;
  }
}

#mainArea .contBox01 .slider01 .swiper-slide .textBox .ttl03 {
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  #mainArea .contBox01 .slider01 .swiper-slide .textBox .ttl03 {
    margin-bottom: 15px;
  }
}

#mainArea .contBox01 .slider01 .swiper-slide .textBox.pos01 {
  position: absolute;
  bottom: 0;
  right: 50%;
  height: 50%;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
}

@media screen and (max-width: 768px) {
  #mainArea .contBox01 .slider01 .swiper-slide .textBox.pos01 {
    position: relative;
    bottom: auto;
    right: auto;
    height: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

#mainArea .contBox01 .slider01 .swiper-slide .textBox.pos01 .textInner {
  position: absolute;
  bottom: 50%;
  width: 100%;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}

@media screen and (max-width: 768px) {
  #mainArea .contBox01 .slider01 .swiper-slide .textBox.pos01 .textInner {
    position: relative;
    bottom: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

#mainArea .contBox01 .slider01 .swiper-slide .textBox.pos02 {
  position: absolute;
  top: 20%;
  right: 50%;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
}

@media screen and (max-width: 768px) {
  #mainArea .contBox01 .slider01 .swiper-slide .textBox.pos02 {
    position: relative;
    top: auto;
    right: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

#mainArea .contBox01 .slider01 .swiper-slide .textBox.pos03 {
  position: absolute;
  top: 0;
  right: 50%;
  height: 50%;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
}

@media screen and (max-width: 768px) {
  #mainArea .contBox01 .slider01 .swiper-slide .textBox.pos03 {
    position: relative;
    top: auto;
    right: auto;
    height: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

#mainArea .contBox01 .slider01 .swiper-slide .textBox.pos03 .textInner {
  position: absolute;
  bottom: 50%;
  width: 100%;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}

@media screen and (max-width: 768px) {
  #mainArea .contBox01 .slider01 .swiper-slide .textBox.pos03 .textInner {
    position: relative;
    bottom: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

#mainArea .contBox01 .slider01 .swiper-slide .textBox.pos04 {
  position: absolute;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
}

@media screen and (max-width: 768px) {
  #mainArea .contBox01 .slider01 .swiper-slide .textBox.pos04 {
    position: absolute;
    top: 5%;
    right: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

#mainArea .contBox01 .slider01 .swiper-slide .textBox.pos05 {
  position: absolute;
  top: 20%;
  right: 50%;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
}

@media screen and (max-width: 768px) {
  #mainArea .contBox01 .slider01 .swiper-slide .textBox.pos05 {
    position: absolute;
    top: 5%;
    right: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

#mainArea .contBox01 .slider01 .swiper-slide .textBox.pos06 {
  position: absolute;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
}

@media screen and (max-width: 768px) {
  #mainArea .contBox01 .slider01 .swiper-slide .textBox.pos06 {
    position: relative;
    bottom: auto;
    right: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

#mainArea .contBox01 .slider01 .swiper-slide .textBox.pos07 {
  position: absolute;
  top: 0%;
  right: 50%;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
}

@media screen and (max-width: 768px) {
  #mainArea .contBox01 .slider01 .swiper-slide .textBox.pos07 {
    position: relative;
    top: auto;
    right: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

#mainArea .contBox01 .slider01 .slider01-pagination {
  display: none;
}

@media screen and (max-width: 768px) {
  #mainArea .contBox01 .slider01 .slider01-pagination {
    padding: 20px 0 40px;
    width: 100%;
    text-align: center;
    z-index: 200;
    display: block;
  }
}

#mainArea .contBox01 .slider01 .slider01-pagination .swiper-pagination-bullet {
  margin: 0 9px;
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background-color: #9BA4A9;
}

@media screen and (max-width: 768px) {
  #mainArea .contBox01 .slider01 .slider01-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    margin: 0 6px;
  }
}

#mainArea .contBox01 .slider01 .slider01-pagination .swiper-pagination-bullet-active {
  background-color: #404040;
}

@media screen and (max-width: 768px) {
  #mainArea .contBox01 .slider01.posAbsolute .swiper-pagination {
    position: absolute;
    bottom: 0;
  }
}

#mainArea .contBox01 .slider01.posAbsolute .swiper-slide {
  position: relative;
}

@media screen and (max-width: 768px) {
  #mainArea .contBox01 .slider01.posAbsolute .swiper-slide .textBox.pos01 {
    padding-bottom: 80px;
  }
}

#mainArea .contBox01 .slider01 .slider01-button-prev {
  position: absolute;
  background: transparent url("../img/common/ico_prev.svg") 50% 50% no-repeat;
  bottom: 50%;
  left: 40px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  width: 60px;
  height: 60px;
  background-size: 100% auto;
  outline: none;
  display: block;
  z-index: 300;
}

@media screen and (min-width: 769px) {
  #mainArea .contBox01 .slider01 .slider01-button-prev {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0.5;
  }
  #mainArea .contBox01 .slider01 .slider01-button-prev:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  #mainArea .contBox01 .slider01 .slider01-button-prev {
    width: 24px;
    height: 24px;
    left: 13px;
    bottom: calc(50% + 15px);
  }
}

#mainArea .contBox01 .slider01 .slider01-button-next {
  position: absolute;
  background: transparent url("../img/common/ico_next.svg") 50% 50% no-repeat;
  bottom: 50%;
  right: 40px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  width: 60px;
  height: 60px;
  background-size: 100% auto;
  outline: none;
  display: block;
  z-index: 300;
}

@media screen and (min-width: 769px) {
  #mainArea .contBox01 .slider01 .slider01-button-next {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0.5;
  }
  #mainArea .contBox01 .slider01 .slider01-button-next:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  #mainArea .contBox01 .slider01 .slider01-button-next {
    width: 24px;
    height: 24px;
    right: 13px;
    bottom: calc(50% + 15px);
  }
}

#mainArea .carouselBox01 {
  position: relative;
  margin: 100px 0;
}

@media screen and (max-width: 768px) {
  #mainArea .carouselBox01 {
    margin: 0 0 50px;
  }
}

#mainArea .carouselBox01 .carousel01 {
  position: relative;
  max-width: 840px;
  width: 100%;
  margin: 0 auto;
}
#mainArea .carouselBox01 .shop-carousel01 {
  position: relative;
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}
#mainArea .carouselBox01 .shop-carousel02 {
  position: relative;
  max-width: 420px;
  width: 100%;
  margin: 0 auto;
}


@media screen and (max-width: 768px) {
    #mainArea .carouselBox01 .carousel01 {
    max-width: 100%;
  }
    #mainArea .carouselBox01 .shop-carousel01 {
    max-width: 100%;
  }
    #mainArea .carouselBox01 .shop-carousel02 {
    max-width: 100%;
  }
}

#mainArea .carouselBox01 .carousel01 .swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
#mainArea .carouselBox01 .shop-carousel01 .swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#mainArea .carouselBox01 .shop-carousel02 .swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#mainArea .carouselBox01 .carousel01 .swiper-slide {
  position: relative;
  padding: 0 20px;
  /* margin: 0 10px; 不調のため修正 */
  width: 420px;
}
#mainArea .carouselBox01 .shop-carousel01 .swiper-slide {
  position: relative;
  padding: 0 20px;
  width: 420px;
}
#mainArea .carouselBox01 .shop-carousel02 .swiper-slide {
  position: relative;
  padding: 0 20px;
  width: 420px;
}

#mainArea .carouselBox01 .carousel01 .swiper-slide.wide01 {
  width: 495px;
}

@media screen and (max-width: 768px) {
  #mainArea .carouselBox01 .carousel01 .swiper-slide {
    padding: 0 8%;
    width: 100%;
  }
  #mainArea .carouselBox01 .shop-carousel01 .swiper-slide {
    padding: 0 8%;
    width: 100%;
  }
  #mainArea .carouselBox01 .shop-carousel02 .swiper-slide {
    padding: 0 8%;
    width: 100%;
  }
  #mainArea .carouselBox01 .carousel01 .swiper-slide.wide01 {
    width: 100%;
  }
}

#mainArea .carouselBox01 .carousel01 .swiper-slide .boxBorder {
  height: 100%;
  padding: 28px 40px 88px;
  border: 1px solid #9BA4A9;
}

@media screen and (max-width: 768px) {
  #mainArea .carouselBox01 .carousel01 .swiper-slide .boxBorder {
    padding: 40px 10% 90px;
  }
}


/* 7/4 カルーセルの余白調整 開始*/
#mainArea .carouselBox01 .carousel01 .swiper-slide .boxBorder.narrow-bottom {
 padding-bottom: 30px; /* またはお好みの値 */
}

@media screen and (max-width: 768px) {
  #mainArea .carouselBox01 .carousel01 .swiper-slide .boxBorder.narrow-bottom {
    padding-bottom: 30px; /* またはお好みの値 */
  }
}
/* 7/4 カルーセルの余白調整 終了 */

#mainArea .carouselBox01 .carousel01 .swiper-slide .boxBorderB {
  height: 100%;
  padding: 28px 40px 28px;
  border: 1px solid #9BA4A9;
}

@media screen and (max-width: 768px) {
  #mainArea .carouselBox01 .carousel01 .swiper-slide .boxBorderB {
    padding: 40px 10% 20px;
  }
}


@media screen and (max-width: 768px) {
  #mainArea .carouselBox01 .carousel01 .swiper-slide .image {
    padding: 0 10px;
  }
  #mainArea .carouselBox01 .shop-carousel01 .swiper-slide .image {
    padding: 0 10px;
  }
  #mainArea .carouselBox01 .shop-carousel02 .swiper-slide .image {
    padding: 0 10px;
  }
}

#mainArea .carouselBox01 .carousel01 .swiper-slide .textBox {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  #mainArea .carouselBox01 .carousel01 .swiper-slide .textBox {
    margin-top: 20px;
  }
}

#mainArea .carouselBox01 .carousel01 .swiper-slide .textBox .ttl03 {
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  #mainArea .carouselBox01 .carousel01 .swiper-slide .textBox .ttl03 {
    margin-bottom: 15px;
  }
}

#mainArea .carouselBox01 .carousel01 .swiper-slide .textBox .btn02 {
  position: absolute;
  right: 50%;
  bottom: 30px;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}

#mainArea .carouselBox01 .carousel-button {
  position: absolute;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
  width: 100vw;
  max-width: 1400px;
  z-index: 300;
}

#mainArea .carouselBox01 .carousel-button-prev {
  position: absolute;
  background: transparent url("../img/common/ico_prev.svg") 50% 50% no-repeat;
  bottom: 50%;
  left: 40px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  width: 60px;
  height: 60px;
  background-size: 100% auto;
  outline: none;
  display: block;
  z-index: 300;
}

@media screen and (min-width: 769px) {
  #mainArea .carouselBox01 .carousel-button-prev {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0.5;
  }
  #mainArea .carouselBox01 .carousel-button-prev:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  #mainArea .carouselBox01 .carousel-button-prev {
    width: 24px;
    height: 24px;
    left: 13px;
    bottom: calc(50% + 15px);
  }
}

#mainArea .carouselBox01 .carousel-button-next {
  position: absolute;
  background: transparent url("../img/common/ico_next.svg") 50% 50% no-repeat;
  bottom: 50%;
  right: 40px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  width: 60px;
  height: 60px;
  background-size: 100% auto;
  outline: none;
  display: block;
  z-index: 300;
}

@media screen and (min-width: 769px) {
  #mainArea .carouselBox01 .carousel-button-next {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0.5;
  }
  #mainArea .carouselBox01 .carousel-button-next:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  #mainArea .carouselBox01 .carousel-button-next {
    width: 24px;
    height: 24px;
    right: 13px;
    bottom: calc(50% + 15px);
  }
}

#mainArea .carouselBox01 .swiper-button-disabled {
  display: none;
}

@media screen and (max-width: 768px) {
  #mainArea .bt01_sp {
    position: relative;
  }
  #mainArea .bt01_sp:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #CDD6DD;
    z-index: 10;
  }
}

@media screen and (min-width: 769px) {
  #mainArea .bb01_pc {
    position: relative;
  }
  #mainArea .bb01_pc:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #CDD6DD;
    z-index: 10;
  }
}

#mainArea .ttl01 {
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 1.5;
  color: #008DAB;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #mainArea .ttl01 {
    font-size: 16px;
  }
}

#mainArea .ttl02 {
  margin-bottom: 40px;
  font-size: 38px;
  font-weight: 400;
  color: #404040;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #mainArea .ttl02 {
    font-size: 18px;
  }
}

#mainArea .ttl03 {
  margin-bottom: 30px;
  font-size: 38px;
  line-height: 1.3;
  font-weight: 500;
  color: #202020;
}

#mainArea .ttl03.noWrap {
  white-space: nowrap;
  font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
}

#mainArea .ttl03 small {
  font-size: 18px;
  margin-left: 10px;
}

@media screen and (max-width: 768px) {
  #mainArea .ttl03 small {
    margin-left: 0;
    font-size: 14px;
  }
}

#mainArea .ttl03 .en {
  display: block;
  font-size: 21px;
  margin-top: 7px;
  font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  #mainArea .ttl03 .en {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #mainArea .ttl03 {
    margin-bottom: 20px;
    font-size: 22px;
  }
}

#mainArea .ttl03 .dateArea {
  display: block;
  margin-bottom: 16px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  #mainArea .ttl03 .dateArea {
    margin-bottom: 14px;
    font-size: 14px;
  }
}

#mainArea .ttl03 .dateArea .catArea {
  margin: 0 0 0 20px;
  display: inline-block;
  font-size: 0;
}

#mainArea .ttl03 .dateArea .catArea span {
  margin-right: 40px;
  font-size: 16px;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  #mainArea .ttl03 .dateArea .catArea span {
    font-size: 14px;
  }
}

#mainArea .ttl03 .dateArea .catArea span:last-child {
  margin-right: 0;
}

#mainArea .ttl03 .dateArea .catArea span a {
  color: #008DAB;
}

#mainArea .ttl03 .catArea {
  margin-bottom: 16px;
  display: block;
  font-size: 0;
}

@media screen and (max-width: 768px) {
  #mainArea .ttl03 .catArea {
    display: none;
  }
}

#mainArea .ttl03 .catArea span {
  margin-right: 40px;
  font-size: 16px;
  display: inline-block;
}

#mainArea .ttl03 .catArea span:last-child {
  margin-right: 0;
}

#mainArea .ttl03 .catArea span a {
  color: #008DAB;
}

#mainArea .ttl04 {
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 1.3;
  color: #404040;
  font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  #mainArea .ttl04 {
    font-size: 16px;
  }
}

#mainArea .ttl04 .en {
  display: block;
  font-size: 16px;
  margin-top: 7px;
}

#mainArea .ttl05 {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.3;
  color: #404040;
  font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  #mainArea .ttl05 {
    font-size: 16px;
  }
}

#mainArea .txt01 {
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.8;
  color: #404040;
}

@media screen and (max-width: 768px) {
  #mainArea .txt01 {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

#mainArea .txt01:last-child {
  margin-bottom: 0;
}

#mainArea .txt02 {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.8;
  color: #202020;
}

@media screen and (max-width: 768px) {
  #mainArea .txt02 {
    font-size: 14px;
  }
}

#mainArea .txt03 {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8;
  color: #202020;
}

#mainArea .txt04 {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.8;
  color: #202020;
}

#mainArea .txt05 {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8;
  color: #202020;
}

@media screen and (max-width: 768px) {
  #mainArea .txt05 {
    font-size: 14px;
  }
}

#mainArea .txt06 {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.8;
  color: #202020;
}

@media screen and (max-width: 768px) {
  #mainArea .txt06 {
    font-size: 12px;
  }
}

#mainArea .fontBlue {
  color: #008DAB;
}
#mainArea .fontWhite {
  color: #fff;
}


@media screen and (min-width: 769px) {
  #mainArea .fontWhitePC {
    color: #fff !important;
  }
}

#mainArea .listDisc01 li {
  font-size: 16px;
  font-weight: 300;
  color: #404040;
  line-height: 1.8;
  margin-left: 1.5rem;
  list-style-type: disc;
}

#mainArea .btn01 a {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 196px;
  height: 46px;
  font-size: 17px;
  color: #fff;
  border-radius: 23px;
  background-color: #404040;
  opacity: 0.8;
}

#mainArea .btn11 a {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 196px;
  height: 46px;
  font-size: 17px;
  color: #fff;
  border-radius: 23px;
  background-color: #404040;
  opacity: 0.8;
}


@media screen and (max-width: 768px) {
  #mainArea .btn01 {
    position: absolute;
	right: 50%;
	-webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  #mainArea .btn01 a {
    width: 123px;
    height: 31px;
  }
}

@media screen and (min-width: 769px) {
  #mainArea .btn01 a.hover01:hover {
    width: 220px;
    text-decoration: none;
  }
}

#mainArea .btn01L a {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 196px;
  height: 46px;
  font-size: 17px;
  color: #fff;
  border-radius: 23px;
  background-color: #404040;
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  #mainArea .btn01L {
    position: absolute;
	right: 50%;
	-webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  #mainArea .btn01L a {
    width: 180px;
    height: 31px;
  }
}

@media screen and (min-width: 769px) {
  #mainArea .btn01L a.hover01:hover {
    width: 220px;
    text-decoration: none;
  }
}

@media screen and (max-width: 768px) {
  #mainArea .btn02 {
    position: absolute;
	right: 50%;
	-webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}


#mainArea .btn01.btnLeft01 a {
  margin: 0;
}
#mainArea .btn01L.btnLeft01 a {
  margin: 0;
}
#mainArea .btn01f.btnLeft01 a {
  margin: 0;
}
#mainArea .btn01fL.btnLeft01 a {
  margin: 0;
}
#mainArea .btn02.btnLeft01 a {
  margin: 0;
}
#mainArea .btn02L.btnLeft01 a {
  margin: 0;
}
#mainArea .btn02fL.btnLeft01 a {
  margin: 0;
}


#mainArea .btn01f a {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 196px;
  height: 46px;
  font-size: 17px;
  color: #686D70;
  border-radius: 23px;
  background-color: #fff;
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  #mainArea .btn01f {
    position: absolute;
	right: 50%;
	-webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  #mainArea .btn01f a {
    width: 123px;
    height: 31px;
	color: #fff;
	background-color: #404040;
  }
}

@media screen and (min-width: 769px) {
  #mainArea .btn01f a.hover01:hover {
    width: 220px;
    text-decoration: none;
  }
}

#mainArea .btn01.btnLeft01f a {
  margin: 0;
}

#mainArea .btn01fL a {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 196px;
  height: 46px;
  font-size: 17px;
  color: #686D70;
  border-radius: 23px;
  background-color: #fff;
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  #mainArea .btn01fL {
    position: absolute;
	right: 50%;
	-webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  #mainArea .btn01fL a {
    width: 123px;
    height: 31px;
	color: #fff;
	background-color: #404040;
  }
}

@media screen and (min-width: 769px) {
  #mainArea .btn01fL a.hover01:hover {
    width: 220px;
    text-decoration: none;
  }
}

#mainArea .btn01.btnLeft01fL a {
  margin: 0;
}


#mainArea .btn02 a {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 240px;
  height: 46px;
  font-size: 14px;
  color: #fff;
  border-radius: 23px;
  background-color: #404040;
  opacity: 0.8;
}

@media screen and (min-width: 769px) {
  #mainArea .btn02 a.hover01:hover {
    width: 240px;
    text-decoration: none;
  }
}

@media screen and (max-width: 768px) {
  #mainArea .btn02 a {
    width: 240px;
    height: 42px;
  }
}

#mainArea .btn02L a {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 220px;
  height: 46px;
  font-size: 14px;
  color: #fff;
  border-radius: 23px;
  background-color: #404040;
  opacity: 0.8;
}

@media screen and (min-width: 769px) {
  #mainArea .btn02L a.hover01:hover {
    width: 260px;
    text-decoration: none;
  }
}

@media screen and (max-width: 768px) {
  #mainArea .btn02L {
    position: absolute;
	right: 50%;
	-webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  #mainArea .btn02L a {
    width: 220px;
    height: 42px;
  }
}

#mainArea .btn02fL a {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 220px;
  height: 46px;
  font-size: 14px;
  color: #686D70;
  border-radius: 23px;
  background-color: #fff;
  opacity: 0.8;
}

@media screen and (min-width: 769px) {
  #mainArea .btn02fL a.hover01:hover {
    width: 260px;
    text-decoration: none;
  }
}

@media screen and (max-width: 768px) {
  #mainArea .btn02fL {
    position: absolute;
	right: 50%;
	-webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  #mainArea .btn02fL a {
    width: 220px;
    height: 42px;
    color: #fff;
	background-color: #404040;
  }
}


#mainArea .btn03 {
  text-align: center;
}

#mainArea .btn03 a, #mainArea .btn03 button {
  margin: 0 auto;
  display: inline-block;
  font-size: 17px;
  line-height: 1.4;
  color: #fff;
  border-radius: 10px;
  background-color: #404040;
  padding: 15px 30px;
}

@media screen and (min-width: 769px) {
  #mainArea .btn03 a.hover01:hover, #mainArea .btn03 button.hover01:hover {
    padding: 15px 50px;
    text-decoration: none;
  }
}

@media screen and (max-width: 768px) {
  #mainArea .btn03 a, #mainArea .btn03 button {
    font-size: 13px;
    padding: 12px 20px;
  }
}

#mainArea .btn03.bgBlue a, #mainArea .btn03.bgBlue button {
  background-color: #404040;
  opacity: 0.8;
}

#mainArea .btn04 a {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 122px;
  height: 32px;
  font-size: 14px;
  color: #fff;
  border-radius: 23px;
  background-color: #404040;
  opacity: 0.8;
}

@media screen and (min-width: 769px) {
  #mainArea .btn04 a.hover01:hover {
    width: 142px;
    text-decoration: none;
  }
}

@media screen and (max-width: 768px) {
  #mainArea .btn04 a {
    width: 104px;
    height: 27px;
  }
}

#mainArea #subMenuArea {
  padding: 30px 0 20px;
}

@media screen and (max-width: 768px) {
  #mainArea #subMenuArea .scroll {
    overflow-x: scroll;
    padding-left: 10.7%;
    scrollbar-width: none;
  }
  #mainArea #subMenuArea .scroll::-webkit-scrollbar {
    display: none;
  }
}

#mainArea #subMenuArea .inner01 {
  position: relative;
  margin: 0 auto;
  width: 992px;
}

@media screen and (max-width: 768px) {
  #mainArea #subMenuArea .inner01 {
    width: 100%;
  }
}

#mainArea #subMenuArea .inner02 {
  position: relative;
  margin: 0 auto;
  width: 960px;
}

@media screen and (max-width: 768px) {
  #mainArea #subMenuArea .inner02 {
    width: 100%;
  }
}

#mainArea #subMenuArea .title {
  margin-bottom: 5px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4;
  color: #404040;
  font-family: Times New Roman,serif;
  font-style: normal;
  font-weight: 400; 
}

@media screen and (max-width: 768px) {
  #mainArea #subMenuArea .title {
    font-size: 18px;
  }
}

#mainArea #subMenuArea .title small {
  margin-left: 20px;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  #mainArea #subMenuArea .title small {
    margin-left: 0;
    display: block;
    font-size: 13px;
  }
}

@media screen and (max-width: 768px) {
  #mainArea #subMenuArea ul {
    white-space: nowrap;
  }
}

#mainArea #subMenuArea ul li {
  margin-right: 20px;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 13px;
}

@media screen and (max-width: 768px) {
  #mainArea #subMenuArea ul li {
    white-space: nowrap;
  }
}

#mainArea #subMenuArea ul li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  #mainArea #subMenuArea ul li:last-child {
    padding-right: 40px;
  }
}

#mainArea #subMenuArea ul li a {
  color: #202020;
}

#mainArea #subMenuArea ul li a.current {
  color: #008DAB;
}

#mainArea #subMenuArea .btnContact01 {
  position: absolute;
  bottom: 50%;
  right: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  width: 142px;
  height: 32px;
}

#mainArea #subMenuArea .btnContact01 a {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 122px;
  height: 100%;
  font-size: 15px;
  line-height: 1;
  color: #fff;
  background-color: #404040;
  opacity: 0.8;
  border-radius: 16px;
}

#mainArea #subMenuArea .btnContact01 a:hover {
  width: 144px;
  text-decoration: none;
}


@media screen and (max-width: 768px) {
  #mainArea #subMenuArea .title {
    padding-left: 10.7%;
  }
}

#mainArea #subMenuAreaBottom {
  margin-bottom: 30px;
  padding: 30px 0 20px;
  border-bottom: 1px solid #9BA4A9;
}

@media screen and (max-width: 768px) {
  #mainArea #subMenuAreaBottom {
    margin-bottom: 26px;
  }
  #mainArea #subMenuAreaBottom .scroll {
    overflow-x: scroll;
    padding-left: 10.7%;
    scrollbar-width: none;
  }
  #mainArea #subMenuAreaBottom .scroll::-webkit-scrollbar {
    display: none;
  }
}

#mainArea #subMenuAreaBottom .inner01 {
  position: relative;
  margin: 0 auto;
  width: 992px;
}

@media screen and (max-width: 768px) {
  #mainArea #subMenuAreaBottom .inner01 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  #mainArea #subMenuAreaBottom .inner01 ul {
    white-space: nowrap;
  }
}

#mainArea #subMenuAreaBottom .inner01 ul li {
  margin-right: 20px;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 13px;
}

@media screen and (max-width: 768px) {
  #mainArea #subMenuAreaBottom .inner01 ul li {
    white-space: nowrap;
  }
}

#mainArea #subMenuAreaBottom .inner01 ul li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  #mainArea #subMenuAreaBottom .inner01 ul li:last-child {
    padding-right: 40px;
  }
}

#mainArea #subMenuAreaBottom .inner01 ul li a {
  color: #202020;
}

#mainArea #subMenuAreaBottom .inner01 ul li a.current {
  color: #008DAB;
}

#mainArea #breadcrumbArea .inner01 {
  position: relative;
  margin: 0 auto 80px;
  width: 992px;
}

@media screen and (max-width: 768px) {
  #mainArea #breadcrumbArea .inner01 {
    width: 100%;
    margin: 0 auto 50px;
    padding: 0 10.7%;
  }
}

#mainArea #breadcrumbArea .inner02 {
  position: relative;
  margin: 0 auto 80px;
  width: 960px;
}

@media screen and (max-width: 768px) {
  #mainArea #breadcrumbArea .inner02 {
    width: 100%;
    margin: 0 auto 50px;
    padding: 0 10.7%;
  }
}

#mainArea #breadcrumbArea ul li {
  display: inline;
  font-size: 16px;
  line-height: 1.8;
  margin-left: 9px;
}

@media screen and (max-width: 768px) {
  #mainArea #breadcrumbArea ul li {
    font-size: 12px;
  }
}

#mainArea #breadcrumbArea ul li:after {
  margin-left: 11px;
  content: "\03e";
}

#mainArea #breadcrumbArea ul li:first-child {
  margin-left: 0;
}

#mainArea #breadcrumbArea ul li:last-child:after {
  display: none;
}

#mainArea #breadcrumbArea ul li a {
  color: #404040;
}

#mainArea #mvArea {
  position: relative;
  margin-bottom: 90px;
}
#mainArea #mvArea .mainCopy {
  position: absolute;
  text-align: right;
  right: 50px;
  bottom: -60px;
  z-index: 99;
}

@media screen and (max-width: 768px) {
  #mainArea #mvArea {
    margin-bottom: 0;
  }
}

#mainArea #mvArea .mvSlider01 {
  position: relative;
  background-color: white;
}


#mainArea #mvArea .swiper-slide {
  position: relative;
}

#mainArea #mvArea .swiper-slide .dark{
  position: relative;
  opacity: 0.8;
}

#mainArea #mvArea .swiper-slide .mvTextBox {
  position: absolute;
  bottom: 50%;
  left: 150px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  display: block;
}

@media screen and (max-width: 768px) {
  #mainArea #mvArea .swiper-slide .mvTextBox {
    position: relative;
    margin-top: 15px;
    left: auto;
    bottom: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    text-align: center;
  }
}

#mainArea #mvArea .swiper-slide .mvTextBox .text {
  display: block;
  font-size: 65px;
  font-weight: 700;
  line-height: 75px;
  color: #404040;
}

#mainArea #mvArea .swiper-slide .mvTextBox .text.white {
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  #mainArea #mvArea .swiper-slide .mvTextBox .text {
    font-size: 20px;
    line-height: 20px;
  }
}

#mainArea #mvArea .swiper-slide .mvTextBoxR {
  position: absolute;
  bottom: 50%;
  right: 150px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  display: block;
  text-align: right;
}

@media screen and (max-width: 768px) {
  #mainArea #mvArea .swiper-slide .mvTextBoxR {
    position: relative;
    margin-top: 15px;
    right: auto;
    bottom: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    text-align: center;
  }
}

#mainArea #mvArea .swiper-slide .mvTextBoxR .text {
  display: block;
  font-size: 65px;
  font-weight: 700;
  line-height: 75px;
  color: #404040;
}

@media screen and (max-width: 768px) {
  #mainArea #mvArea .swiper-slide .mvTextBoxR .text {
    font-size: 20px;
    line-height: 20px;
  }
}


#mainArea #mvArea .swiper-pagination {
  position: absolute;
  bottom: -58px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 200;
}

@media screen and (max-width: 768px) {
  #mainArea #mvArea .swiper-pagination {
    bottom: -20px;
  }
}

#mainArea #mvArea .swiper-pagination .swiper-pagination-bullet {
  margin: 0 9px;
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background-color: #9BA4A9;
}

@media screen and (max-width: 768px) {
  #mainArea #mvArea .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    margin: 0 6px;
  }
}

#mainArea #mvArea .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #404040;
}

#mainArea #mvArea .swiper-button-prev {
  position: absolute;
  background: transparent url("../img/common/ico_prev.svg") 50% 50% no-repeat;
  bottom: 50%;
  left: 40px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  width: 60px;
  height: 60px;
  background-size: 100% auto;
  outline: none;
  display: block;
  z-index: 300;
}

@media screen and (min-width: 769px) {
  #mainArea #mvArea .swiper-button-prev {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0.5;
  }
  #mainArea #mvArea .swiper-button-prev:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  #mainArea #mvArea .swiper-button-prev {
    width: 24px;
    height: 24px;
    left: 13px;
    bottom: calc(50% + 15px);
  }
}

#mainArea #mvArea .swiper-button-next {
  position: absolute;
  background: transparent url("../img/common/ico_next.svg") 50% 50% no-repeat;
  bottom: 50%;
  right: 40px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  width: 60px;
  height: 60px;
  background-size: 100% auto;
  outline: none;
  display: block;
  z-index: 300;
}

@media screen and (min-width: 769px) {
  #mainArea #mvArea .swiper-button-next {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0.5;
  }
  #mainArea #mvArea .swiper-button-next:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  #mainArea #mvArea .swiper-button-next {
    width: 24px;
    height: 24px;
    right: 13px;
    bottom: calc(50% + 15px);
  }
}

#mainArea .newsBox {
  margin: 0 auto 80px;
  padding: 21px 0;
  width: 992px;
  border-top: 1px solid #E7C370;
  border-bottom: 1px solid #E7C370;
}

@media screen and (max-width: 768px) {
  #mainArea .newsBox {
    padding: 0 0 21px;
    border-top: none;
    width: 84%;
    margin: 0 auto 26px;
  }
}

#mainArea .newsBox dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  #mainArea .newsBox dl {
    display: block;
  }
}

#mainArea .newsBox dl dt {
  width: 100px;
  font-size: 24px;
  line-height: 1;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #mainArea .newsBox dl dt {
    margin-bottom: 10px;
    width: 100%;
  }
}

#mainArea .newsBox dl dt span {
  display: block;
  padding: 5px 0;
  background-color: #E7C370;
}

@media screen and (max-width: 768px) {
  #mainArea .newsBox dl dt span {
    padding: 7px 0;
  }
}

#mainArea .newsBox dl dd {
  padding-top: 3px;
  font-size: 18px;
  line-height: 1.4;
  padding-left: 25px;
}

@media screen and (max-width: 768px) {
  #mainArea .newsBox dl dd {
    padding-left: 0;
  }
}

#mainArea .newsBox dl dd a {
  color: #404040;
}

#mainArea #sortArea {
  margin: 35px 0 64px;
}

@media screen and (max-width: 768px) {
  #mainArea #sortArea {
    margin: 10px 0 38px;
  }
}

#mainArea #sortArea .inner01 {
  margin: 0 auto;
  width: 992px;
}

@media screen and (max-width: 768px) {
  #mainArea #sortArea .inner01 {
    width: 100%;
    padding: 0 10.7%;
  }
}

#mainArea #sortArea .inner02 {
  margin: 0 auto;
  width: 960px;
}

@media screen and (max-width: 768px) {
  #mainArea #sortArea .inner02 {
    width: 100%;
    padding: 0 10.7%;
  }
}

#mainArea #sortArea .listSort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 13px;
}

@media screen and (max-width: 768px) {
  #mainArea #sortArea .listSort {
    margin-bottom: 25px;
  }
}

#mainArea #sortArea .listSort:last-child {
  margin-bottom: 0;
}

#mainArea #sortArea .listSort .sortTitle {
  width: 124px;
  font-size: 21px;
  font-weight: bold;
  font-family: Times New Roman,serif;
  font-style: normal;
}

@media screen and (max-width: 768px) {
  #mainArea #sortArea .listSort .sortTitle {
    font-size: 18px;
    width: 97px;
  }
}

#mainArea #sortArea .listSort .sortBox {
  width: 836px;
}

@media screen and (max-width: 768px) {
  #mainArea #sortArea .listSort .sortBox {
    width: 100%;
    max-width: calc(100% - 97px);
  }
}

#mainArea #sortArea .listSort .sortBox .listCat .catTitle {
  display: none;
}

@media screen and (max-width: 768px) {
  #mainArea #sortArea .listSort .sortBox .listCat .catTitle {
    display: block;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    background-color: #008DAB;
  }
  #mainArea #sortArea .listSort .sortBox .listCat .catTitle span {
    padding: 0 21px;
    background: transparent url("../img/common/arrow_dw.svg") 100% 50% no-repeat;
  }
}

@media screen and (max-width: 768px) {
  #mainArea #sortArea .listSort .sortBox .listCat .catBox {
    padding: 0 5px;
    border-radius: 5px;
    border: 1px solid #008DAB;
    display: none;
  }
}

#mainArea #sortArea .listSort .sortBox .listCat .catBox .catList li {
  display: inline-block;
  margin: 0 10px 13px 0;
  font-size: 14px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #mainArea #sortArea .listSort .sortBox .listCat .catBox .catList li {
    margin: 0;
    display: block;
  }
}

#mainArea #sortArea .listSort .sortBox .listCat .catBox .catList li a {
  display: block;
  color: #686D70;
}

@media screen and (min-width: 769px) {
  #mainArea #sortArea .listSort .sortBox .listCat .catBox .catList li a {
    padding: 5px 25px;
    border: 1px solid #008DAB;
    border-radius: 5px;
    min-width: 110px;
  }
}

@media screen and (max-width: 768px) {
  #mainArea #sortArea .listSort .sortBox .listCat .catBox .catList li a {
    padding: 8px 10px;
    border-bottom: 1px solid #008DAB;
  }
}

#mainArea #sortArea .listSort .sortBox .listCat .catBox .catList li a:hover {
  text-decoration: none;
}

@media screen and (min-width: 769px) {
  #mainArea #sortArea .listSort .sortBox .listCat .catBox .catList li a:hover {
    color: #fff;
    background-color: #008DAB;
  }
}

#mainArea #sortArea .listSort .sortBox .listCat .catBox .catList li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  #mainArea #sortArea .listSort .sortBox .listCat .catBox .catList li:last-child a {
    border-bottom: none;
  }
}

@media screen and (max-width: 768px) {
  #mainArea #sortArea .listSort .sortBox .listCat .catBox .catList li.current {
    display: none;
  }
}

#mainArea #sortArea .listSort .sortBox .listCat .catBox .catList li.current a {
  color: #fff;
  background-color: #008DAB;
}

#mainArea #supportArea {
  padding: 70px 0;
}

#mainArea #supportArea.bgGrey {
  background-color: #F0F3F5;
}
.bgGrey {
  background-color: #F0F3F5;
}
.lineGrey {
  border: 1px #CDD6DD solid;
}



@media screen and (max-width: 768px) {
  #mainArea #supportArea {
    padding: 40px 0 55px;
  }
}

#mainArea #supportArea .title {
  margin-bottom: 50px;
  font-size: 28px;
  line-height: 1.3;
  font-weight: 500;
  color: #202020;
  text-align: center;
  font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  #mainArea #supportArea .title {
    font-size: 18px;
  }
}

#mainArea #supportArea .inner01 {
  margin: 0 auto;
  width: 992px;
}

@media screen and (max-width: 768px) {
  #mainArea #supportArea .inner01 {
    width: 100%;
  }
}

#mainArea #supportArea .inner01 .listSupport {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#mainArea #supportArea .inner01 .listSupport li {
  margin-right: 50px;
  width: 178px;
  font-size: 21px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #mainArea #supportArea .inner01 .listSupport li {
    width: 23%;
    margin-right: 0;
    font-size: 12px;
  }
}

#mainArea #supportArea .inner01 .listSupport li:last-child {
  margin-right: 0;
}

#mainArea #supportArea .inner01 .listSupport li a {
  padding-top: 70px;
  display: block;
  color: #404040;
}

@media screen and (max-width: 768px) {
  #mainArea #supportArea .inner01 .listSupport li a {
  padding-top: 60px;
  }
}


@media screen and (min-width: 769px) {
  #mainArea #supportArea .inner01 .listSupport li a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

#mainArea #supportArea .inner01 .listSupport li.icoTel a {
  background: transparent url("../img/common/ico_tel01.svg") 50% 0 no-repeat;
}

@media screen and (max-width: 768px) {
  #mainArea #supportArea .inner01 .listSupport li.icoTel a {
    background-size: 51px auto;
  }
}

#mainArea #supportArea .inner01 .listSupport li.icoMail a {
  background: transparent url("../img/common/ico_mail01.svg") 50% 5px no-repeat;
}

@media screen and (max-width: 768px) {
  #mainArea #supportArea .inner01 .listSupport li.icoMail a {
    background-size: 55px auto;
  }
}

#mainArea #supportArea .inner01 .listSupport li.icoCatalog a {
  background: transparent url("../img/common/ico_catalog01.svg") 50% 0 no-repeat;
}

#mainArea #supportArea .inner01 .listSupport li.icoMitsumori a {
  background: transparent url("../img/common/ico_mitsumori.svg") 50% 0 no-repeat;
}


@media screen and (max-width: 768px) {
  #mainArea #supportArea .inner01 .listSupport li.icoCatalog a {
    background-size: 49px auto;
  }
}

/* ====================
		footerArea
==================== */
#footerArea .footerWrapper01 {
  padding: 50px 0;
  background-color: #404040;
}

@media screen and (max-width: 768px) {
  #footerArea .footerWrapper01 {
    display: none;
  }
}

#footerArea .footerWrapper02 {
  padding: 24px 0 24px;
  background-color: #202020;
}

@media screen and (max-width: 768px) {
  #footerArea .footerWrapper02 {
    padding: 20px 0 20px;
  }
}

#footerArea .inner01 {
  margin: 0 auto;
  width: 992px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  #footerArea .inner01 {
    width: 100%;
    padding: 0 4%;
  }
}

#footerArea .footerLinst01.leftList {
  float: left;
  width: 220px;
  margin-right: 20px;
}

#footerArea .footerLinst01.centerList {
  float: left;
  width: 220px;
  margin-right: 20px;
}

#footerArea .footerLinst01.rightList {
  float: left;
  width: 512px;
}

#footerArea .footerLinst01 dt {
  padding-bottom: 18px;
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: normal;
  color: #fff;
  border-bottom: 1px solid #707070;
}

#footerArea .footerLinst01 dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#footerArea .footerLinst01 dd ul li {
  margin-right: 20px;
  width: 220px;
  height: 52px;
}

#footerArea .footerLinst01 dd ul li:nth-child(4n) {
  width: 250px;
  margin-right: 0;
}

#footerArea .footerLinst01 dd ul li:nth-child(n+5) {
  margin-top: 30px;
}

#footerArea .footerLinst01 dd ul li:last-child {
  margin-right: 0;
}

#footerArea .footerLinst01 dd ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  padding-left: 50px;
}

#footerArea .footerLinst01 dd ul li a .en01 {
  margin-bottom: 5px;
  display: block;
  font-size: 15px;
  opacity: 0.7;
}

#footerArea .footerLinst01 dd ul li a .jpn {
  display: block;
  font-size: 11px;
  line-height: 1.2;
  opacity: 0.7;
}

#footerArea .footerLinst01 dd ul li a .new {
  margin: 5px 0 0 10px;
  padding: 2px 10px;
  display: inline-block;
  color: #404040;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.7);
}

@media screen and (min-width: 769px) {
  #footerArea .footerLinst01 dd ul li a:hover {
    text-decoration: none;
  }
  #footerArea .footerLinst01 dd ul li a:hover .en01 {
    opacity: 1;
  }
  #footerArea .footerLinst01 dd ul li a:hover .jpn {
    opacity: 1;
  }
}

#footerArea .footerLinst01 dd ul li.icoSolutiontop a {
  background: transparent url("../img/common/ico_logo.svg") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoArchitectural a {
  background: transparent url("../img/common/ico_architectural.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoRenovation a {
  background: transparent url("../img/common/ico_renovation.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoRelocation a {
  background: transparent url("../img/common/ico_relocation.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoResearch a {
  background: transparent url("../img/common/ico_research.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoEnvironment a {
  background: transparent url("../img/common/ico_environment.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoWORKSITE a {
  background: transparent url("../img/common/icoWORKSITE.svg") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoProduct a {
  background: transparent url("../img/common/ico_index.jpg") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoFume a {
  background: transparent url("../img/common/ico_fume.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoGas a {
  background: transparent url("../img/common/ico_gas.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoDuctless a {
  background: transparent url("../img/common/ico_ductless.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoChemicalManagement a {
  background: transparent url("../img/common/ico_chemical-management.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoChemicalHazard a {
  background: transparent url("../img/common/ico_chemical-hazard.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoLab a {
  background: transparent url("../img/common/ico_lab.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoClean a {
  background: transparent url("../img/common/ico_clean.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoInfectious a {
  background: transparent url("../img/common/ico_infectious.png") 0px 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoBio a {
  background: transparent url("../img/common/ico_bio.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoCanary a {
  background: transparent url("../img/common/ico_canary.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoLaboratory a {
  background: transparent url("../img/common/ico_laboratory.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoProject a {
  background: transparent url("../img/common/ico_project.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoCatalog a {
  background: transparent url("../img/common/ico_catalog.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoContact a {
  background: transparent url("../img/common/ico_contact.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoMaintenance a {
  background: transparent url("../img/common/ico_maintenance.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoFmainte a {
  background: transparent url("../img/common/ico_fmainte.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoProductSupport a {
  background: transparent url("../img/common/ico_productsupport.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoColumn a {
  background: transparent url("../img/common/ico_column.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoIaq a {
  background: transparent url("../img/common/ico_iaq.png") 0 0 no-repeat;
}

#footerArea .footerLinst01 dd ul li.icoCoog a {
  background: transparent url("../img/common/ico_coog.png") 0 0 no-repeat;
}


#footerArea .footerLinst02 {
  float: left;
  width: 263px;
  margin-right: 34px;
}

@media screen and (max-width: 768px) {
  #footerArea .footerLinst02 {
    width: 100%;
    margin-right: 0;
  }
}

#footerArea .footerLinst02:nth-child(2n) {
  margin-right: 0;
}

#footerArea .footerLinst02:nth-child(3) {
  margin-top: -20px;
}

#footerArea .footerLinst02 dt {
  padding-bottom: 15px;
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: normal;
  color: #fff;
  border-bottom: 1px solid #707070;
}

#footerArea .footerLinst02 dd ul li {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.4;
}

#footerArea .footerLinst02 dd ul li:last-child {
  margin-bottom: 0;
}

#footerArea .footerLinst02 dd ul li a {
  color: #fff;
  opacity: 0.7;
  font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
}

@media screen and (min-width: 769px) {
  #footerArea .footerLinst02 dd ul li a:hover {
    text-decoration: none;
    opacity: 1;
  }
}

#footerArea .newsBox {
  float: left;
  position: relative;
  padding: 30px 20px 60px;
  width: 392px;
}

@media screen and (min-width: 769px) {
  #footerArea .newsBox {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(104, 109, 112, 0.5)), color-stop(70%, #202020));
    background: linear-gradient(to bottom, rgba(104, 109, 112, 0.5) 0%, #202020 70%);
  }
}

@media screen and (max-width: 768px) {
  #footerArea .newsBox {
    margin-bottom: 70px;
    padding: 0;
    width: 100%;
  }
}

#footerArea .newsBox .title01 {
  margin-bottom: 30px;
  font-size: 32px;
  color: #fff;
  font-family: Times New Roman,serif;
  font-style: normal;
  font-weight: 400; 
}

@media screen and (max-width: 768px) {
  #footerArea .newsBox .title01 {
    padding-bottom: 10px;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    border-bottom: 1px solid #707070;
  }
}

@media screen and (max-width: 768px) {
  #footerArea .newsBox ul {
    margin-bottom: 30px;
  }
}

#footerArea .newsBox ul li {
  margin-bottom: 12px;
  padding-bottom: 12px;
  font-size: 12px;
  line-height: 1.6;
  border-bottom: 1px solid #707070;
}

#footerArea .newsBox ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

#footerArea .newsBox ul li a {
  color: #fff;
  opacity: 0.7;
}

@media screen and (min-width: 769px) {
  #footerArea .newsBox ul li a:hover {
    text-decoration: none;
    opacity: 1;
  }
}

#footerArea .newsBox .btn01 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 12px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #footerArea .newsBox .btn01 {
    position: relative;
  }
}

#footerArea .newsBox .btn01 a {
  padding: 7px 12px;
  color: #fff;
  display: inline-block;
  border: 1px solid #686D70;
  border-radius: 4px;
  opacity: 0.7;
}

@media screen and (min-width: 769px) {
  #footerArea .newsBox .btn01 a:hover {
    text-decoration: none;
    opacity: 1;
  }
}

#footerArea .rightBox01 {
  padding-top: 30px;
  float: right;
  width: 560px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  #footerArea .rightBox01 {
    display: none;
  }
}

#footerArea .footerBox01 {
  margin-bottom: 40px;
  text-align: right;
}

@media screen and (max-width: 768px) {
  #footerArea .footerBox01 {
    margin-bottom: 40px;
    text-align: center;
  }
}

#footerArea .footerBox01 .logo {
  margin-bottom: 10px;
  display: inline-block;
  width: 170px;
}

#footerArea .footerBox01 .copyright {
  margin-bottom: 10px;
  font-size: 12px;
  color: #fff;
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  #footerArea .footerBox01 .copyright {
    margin-bottom: 16px;
  }
}

#footerArea .footerBox01 .language {
  color: #fff;
  font-size: 12px;
}

#footerArea .footerBox01 .language .text {
  opacity: 0.7;
}

#footerArea .footerBox01 .language .btn01 {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  margin-left: 10px;
}

@media screen and (max-width: 768px) {
  #footerArea .footerBox01 .language .btn01 {
    margin: 10px 0 0 0;
    display: block;
  }
}

#footerArea .footerBox01 .language .btn01 a {
  padding: 5px 10px;
  color: #fff;
  display: inline-block;
  border: 1px solid #686D70;
  border-radius: 4px;
  opacity: 0.7;
}

@media screen and (min-width: 769px) {
  #footerArea .footerBox01 .language .btn01 a:hover {
    text-decoration: none;
    opacity: 1;
  }
}

#footerArea .footerBox02 {
  text-align: right;
}

@media screen and (max-width: 768px) {
  #footerArea .footerBox02 {
    text-align: left;
  }
}

#footerArea .footerBox02 ul li {
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  margin-right: 20px;
}

#footerArea .footerBox02 ul li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  #footerArea .footerBox02 ul li {
    display: block;
    margin: 0 0 15px 0;
  }
  #footerArea .footerBox02 ul li:last-child {
    margin: 0 0 0 0;
  }
}

#footerArea .footerBox02 ul li a {
  color: #fff;
  opacity: 0.7;
}

@media screen and (min-width: 769px) {
  #footerArea .footerBox02 ul li a:hover {
    text-decoration: none;
    opacity: 1;
  }
}

.bg_paper {
	background-image: url("../img/common/bg_paper.gif")
}
/* ====================
		shop
==================== */
.btnShop01 {
  width: 222px;
  height: 32px;
  margin: 0 auto;
}

.btnShop01 a {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 202px;
  height: 100%;
  font-size: 15px;
  line-height: 1;
  color: #fff;
  background-color: #404040;
  opacity: 0.8;
  border-radius: 16px;
}

.btnShop01 a:hover {
  width: 222px;
  text-decoration: none;
}
.btnShop02 {
  width: 112px;
  height: 32px;
  margin: 0 auto;
}

.btnShop02 a {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 92px;
  height: 100%;
  font-size: 15px;
  line-height: 1;
  color: #fff;
  background-color: #404040;
  opacity: 0.8;
  border-radius: 16px;
}

.btnShop02 a:hover {
  width: 112px;
  text-decoration: none;
}
.shopBox .shopBox-inner {
  width: 320px;
  margin: 0 10px;
}
@media screen and (max-width: 768px) {
	.shopBox .shopBox-inner {
	  width: 70%;
	  margin: 0 auto;
	}
}

/* ========== floating Menu ========== */
.fix-menu {
	position: fixed;
	right: 0px;
	bottom: 50px;
}
.fix-menu ul li {
	margin-top: 10px;
}
.fix-menu ul li a {
	opacity: 0.85;
}
.fix-menu ul li a:hover {
	opacity: 1;
    text-decoration: none;
}
@media screen and (max-width: 768px) {
  .fix-menu {
	position: fixed;
	left:calc(50% - 58px);;
	bottom: 0px;
  }
  .fix-menu ul li {
	display: inline-block;
  }
}

.fix-menu_index {
	position: fixed;
	right: 0px;
	bottom: 50px;
}
.fix-menu_index ul li {
	margin-top: 10px;
}
.fix-menu_index ul li a {
	opacity: 0.85;
}
.fix-menu_index ul li a:hover {
	opacity: 1;
    text-decoration: none;
}
@media screen and (max-width: 768px) {
  .fix-menu_index {
	position: fixed;
	left:calc(50% - 80px);;
	bottom: 0px;
  }
  .fix-menu_index ul li {
	display: inline-block;
  }
}

/* ========== swiper ========== */
.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

/* ========== fade ========== */
.fade01 {
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

.fade01.active {
  opacity: 1;
}

.PrimaryBlue {
	color: #008DAB;
}
.PrimaryBlueBG {
	background-color: #008DAB;
}

.PrimaryWG {
	color: #404040;
}
.PrimaryWGBG {
	background-color: #404040;
}

@media screen and (min-width: 769px) {
  /* ===== Margin ===== */
  .mAuto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ma0 {
    margin: 0 !important;
  }
  .ma1 {
    margin: 1px !important;
  }
  .ma2 {
    margin: 2px !important;
  }
  .ma3 {
    margin: 3px !important;
  }
  .ma4 {
    margin: 4px !important;
  }
  .ma5 {
    margin: 5px !important;
  }
  .ma6 {
    margin: 6px !important;
  }
  .ma7 {
    margin: 7px !important;
  }
  .ma8 {
    margin: 8px !important;
  }
  .ma9 {
    margin: 9px !important;
  }
  .ma10 {
    margin: 10px !important;
  }
  .ma11 {
    margin: 11px !important;
  }
  .ma12 {
    margin: 12px !important;
  }
  .ma13 {
    margin: 13px !important;
  }
  .ma14 {
    margin: 14px !important;
  }
  .ma15 {
    margin: 15px !important;
  }
  .ma16 {
    margin: 16px !important;
  }
  .ma17 {
    margin: 17px !important;
  }
  .ma18 {
    margin: 18px !important;
  }
  .ma19 {
    margin: 19px !important;
  }
  .ma20 {
    margin: 20px !important;
  }
  .ma25 {
    margin: 25px !important;
  }
  .ma30 {
    margin: 30px !important;
  }
  .ma35 {
    margin: 35px !important;
  }
  .ma40 {
    margin: 40px !important;
  }
  .mt0 {
    margin-top: 0 !important;
  }
  .mt1 {
    margin-top: 1px !important;
  }
  .mt2 {
    margin-top: 2px !important;
  }
  .mt3 {
    margin-top: 3px !important;
  }
  .mt4 {
    margin-top: 4px !important;
  }
  .mt5 {
    margin-top: 5px !important;
  }
  .mt6 {
    margin-top: 6px !important;
  }
  .mt7 {
    margin-top: 7px !important;
  }
  .mt8 {
    margin-top: 8px !important;
  }
  .mt9 {
    margin-top: 9px !important;
  }
  .mt10 {
    margin-top: 10px !important;
  }
  .mt11 {
    margin-top: 11px !important;
  }
  .mt12 {
    margin-top: 12px !important;
  }
  .mt13 {
    margin-top: 13px !important;
  }
  .mt14 {
    margin-top: 14px !important;
  }
  .mt15 {
    margin-top: 15px !important;
  }
  .mt16 {
    margin-top: 16px !important;
  }
  .mt17 {
    margin-top: 17px !important;
  }
  .mt18 {
    margin-top: 18px !important;
  }
  .mt19 {
    margin-top: 19px !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;
  }
  .mt55 {
    margin-top: 55px !important;
  }
  .mt60 {
    margin-top: 60px !important;
  }
  .mt65 {
    margin-top: 65px !important;
  }
  .mt70 {
    margin-top: 70px !important;
  }
  .mt75 {
    margin-top: 75px !important;
  }
  .mt80 {
    margin-top: 80px !important;
  }
  .mt85 {
    margin-top: 85px !important;
  }
  .mt90 {
    margin-top: 90px !important;
  }
  .mt95 {
    margin-top: 95px !important;
  }
  .mt100 {
    margin-top: 100px !important;
  }
  .mt120 {
    margin-top: 120px !important;
  }
  .mb0 {
    margin-bottom: 0 !important;
  }
  .mb1 {
    margin-bottom: 1px !important;
  }
  .mb2 {
    margin-bottom: 2px !important;
  }
  .mb3 {
    margin-bottom: 3px !important;
  }
  .mb4 {
    margin-bottom: 4px !important;
  }
  .mb5 {
    margin-bottom: 5px !important;
  }
  .mb6 {
    margin-bottom: 6px !important;
  }
  .mb7 {
    margin-bottom: 7px !important;
  }
  .mb8 {
    margin-bottom: 8px !important;
  }
  .mb9 {
    margin-bottom: 9px !important;
  }
  .mb10 {
    margin-bottom: 10px !important;
  }
  .mb11 {
    margin-bottom: 11px !important;
  }
  .mb12 {
    margin-bottom: 12px !important;
  }
  .mb13 {
    margin-bottom: 13px !important;
  }
  .mb14 {
    margin-bottom: 14px !important;
  }
  .mb15 {
    margin-bottom: 15px !important;
  }
  .mb16 {
    margin-bottom: 16px !important;
  }
  .mb17 {
    margin-bottom: 17px !important;
  }
  .mb18 {
    margin-bottom: 18px !important;
  }
  .mb19 {
    margin-bottom: 19px !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;
  }
  .mb55 {
    margin-bottom: 55px !important;
  }
  .mb60 {
    margin-bottom: 60px !important;
  }
  .mb65 {
    margin-bottom: 65px !important;
  }
  .mb70 {
    margin-bottom: 70px !important;
  }
  .mb75 {
    margin-bottom: 75px !important;
  }
  .mb80 {
    margin-bottom: 80px !important;
  }
  .mb85 {
    margin-bottom: 85px !important;
  }
  .mb90 {
    margin-bottom: 90px !important;
  }
  .mb95 {
    margin-bottom: 95px !important;
  }
  .mb100 {
    margin-bottom: 100px !important;
  }
  .ml0 {
    margin-left: 0 !important;
  }
  .ml1 {
    margin-left: 1px !important;
  }
  .ml2 {
    margin-left: 2px !important;
  }
  .ml3 {
    margin-left: 3px !important;
  }
  .ml4 {
    margin-left: 4px !important;
  }
  .ml5 {
    margin-left: 5px !important;
  }
  .ml6 {
    margin-left: 6px !important;
  }
  .ml7 {
    margin-left: 7px !important;
  }
  .ml8 {
    margin-left: 8px !important;
  }
  .ml9 {
    margin-left: 9px !important;
  }
  .ml10 {
    margin-left: 10px !important;
  }
  .ml11 {
    margin-left: 11px !important;
  }
  .ml12 {
    margin-left: 12px !important;
  }
  .ml13 {
    margin-left: 13px !important;
  }
  .ml14 {
    margin-left: 14px !important;
  }
  .ml15 {
    margin-left: 15px !important;
  }
  .ml16 {
    margin-left: 16px !important;
  }
  .ml17 {
    margin-left: 17px !important;
  }
  .ml18 {
    margin-left: 18px !important;
  }
  .ml19 {
    margin-left: 19px !important;
  }
  .ml20 {
    margin-left: 20px !important;
  }
  .ml25 {
    margin-left: 25px !important;
  }
  .ml30 {
    margin-left: 30px !important;
  }
  .ml35 {
    margin-left: 35px !important;
  }
  .ml40 {
    margin-left: 40px !important;
  }
  .ml45 {
    margin-left: 45px !important;
  }
  .ml50 {
    margin-left: 50px !important;
  }
  .ml55 {
    margin-left: 55px !important;
  }
  .ml60 {
    margin-left: 60px !important;
  }
  .ml65 {
    margin-left: 65px !important;
  }
  .ml70 {
    margin-left: 70px !important;
  }
  .ml75 {
    margin-left: 75px !important;
  }
  .ml80 {
    margin-left: 80px !important;
  }
  .ml85 {
    margin-left: 85px !important;
  }
  .ml90 {
    margin-left: 90px !important;
  }
  .ml95 {
    margin-left: 95px !important;
  }
  .ml100 {
    margin-left: 100px !important;
  }
  .mr0 {
    margin-right: 0 !important;
  }
  .mr1 {
    margin-right: 1px !important;
  }
  .mr2 {
    margin-right: 2px !important;
  }
  .mr3 {
    margin-right: 3px !important;
  }
  .mr4 {
    margin-right: 4px !important;
  }
  .mr5 {
    margin-right: 5px !important;
  }
  .mr6 {
    margin-right: 6px !important;
  }
  .mr7 {
    margin-right: 7px !important;
  }
  .mr8 {
    margin-right: 8px !important;
  }
  .mr9 {
    margin-right: 9px !important;
  }
  .mr10 {
    margin-right: 10px !important;
  }
  .mr11 {
    margin-right: 11px !important;
  }
  .mr12 {
    margin-right: 12px !important;
  }
  .mr13 {
    margin-right: 13px !important;
  }
  .mr14 {
    margin-right: 14px !important;
  }
  .mr15 {
    margin-right: 15px !important;
  }
  .mr16 {
    margin-right: 16px !important;
  }
  .mr17 {
    margin-right: 17px !important;
  }
  .mr18 {
    margin-right: 18px !important;
  }
  .mr19 {
    margin-right: 19px !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;
  }
  .mr55 {
    margin-right: 55px !important;
  }
  .mr60 {
    margin-right: 60px !important;
  }
  .mr65 {
    margin-right: 65px !important;
  }
  .mr70 {
    margin-right: 70px !important;
  }
  .mr75 {
    margin-right: 75px !important;
  }
  .mr80 {
    margin-right: 80px !important;
  }
  .mr85 {
    margin-right: 85px !important;
  }
  .mr90 {
    margin-right: 90px !important;
  }
  .mr95 {
    margin-right: 95px !important;
  }
  .mr100 {
    margin-right: 100px !important;
  }
  /* ===== Padding ===== */
  .pa0 {
    padding: 0 !important;
  }
  .pa1 {
    padding: 10px !important;
  }
  .pa2 {
    padding: 20px !important;
  }
  .pa3 {
    padding: 30px !important;
  }
  .pa4 {
    padding: 40px !important;
  }
  .pa5 {
    padding: 50px !important;
  }
  .pa6 {
    padding: 60px !important;
  }
  .pa7 {
    padding: 70px !important;
  }
  .pa8 {
    padding: 80px !important;
  }
  .pa9 {
    padding: 90px !important;
  }
  .pa10 {
    padding: 10px !important;
  }
  .pa11 {
    padding: 11px !important;
  }
  .pa12 {
    padding: 12px !important;
  }
  .pa13 {
    padding: 13px !important;
  }
  .pa14 {
    padding: 14px !important;
  }
  .pa15 {
    padding: 15px !important;
  }
  .pa16 {
    padding: 16px !important;
  }
  .pa17 {
    padding: 17px !important;
  }
  .pa18 {
    padding: 18px !important;
  }
  .pa19 {
    padding: 19px !important;
  }
  .pa20 {
    padding: 20px !important;
  }
  .pa25 {
    padding: 25px !important;
  }
  .pa30 {
    padding: 30px !important;
  }
  .pa35 {
    padding: 35px !important;
  }
  .pa40 {
    padding: 40px !important;
  }
  .pt0 {
    padding-top: 0 !important;
  }
  .pt1 {
    padding-top: 10px !important;
  }
  .pt2 {
    padding-top: 20px !important;
  }
  .pt3 {
    padding-top: 30px !important;
  }
  .pt4 {
    padding-top: 40px !important;
  }
  .pt5 {
    padding-top: 50px !important;
  }
  .pt6 {
    padding-top: 60px !important;
  }
  .pt7 {
    padding-top: 70px !important;
  }
  .pt8 {
    padding-top: 80px !important;
  }
  .pt9 {
    padding-top: 90px !important;
  }
  .pt10 {
    padding-top: 10px !important;
  }
  .pt11 {
    padding-top: 11px !important;
  }
  .pt12 {
    padding-top: 12px !important;
  }
  .pt13 {
    padding-top: 13px !important;
  }
  .pt14 {
    padding-top: 14px !important;
  }
  .pt15 {
    padding-top: 15px !important;
  }
  .pt16 {
    padding-top: 16px !important;
  }
  .pt17 {
    padding-top: 17px !important;
  }
  .pt18 {
    padding-top: 18px !important;
  }
  .pt19 {
    padding-top: 19px !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;
  }
  .pt55 {
    padding-top: 55px !important;
  }
  .pt60 {
    padding-top: 60px !important;
  }
  .pt65 {
    padding-top: 65px !important;
  }
  .pt70 {
    padding-top: 70px !important;
  }
  .pt75 {
    padding-top: 75px !important;
  }
  .pt80 {
    padding-top: 80px !important;
  }
  .pt85 {
    padding-top: 85px !important;
  }
  .pt90 {
    padding-top: 90px !important;
  }
  .pt95 {
    padding-top: 95px !important;
  }
  .pt100 {
    padding-top: 100px !important;
  }
  .pt120 {
    padding-top: 120px !important;
  }
  .pb0 {
    padding-bottom: 0 !important;
  }
  .pb1 {
    padding-bottom: 10px !important;
  }
  .pb2 {
    padding-bottom: 20px !important;
  }
  .pb3 {
    padding-bottom: 30px !important;
  }
  .pb4 {
    padding-bottom: 40px !important;
  }
  .pb5 {
    padding-bottom: 50px !important;
  }
  .pb6 {
    padding-bottom: 60px !important;
  }
  .pb7 {
    padding-bottom: 70px !important;
  }
  .pb8 {
    padding-bottom: 80px !important;
  }
  .pb9 {
    padding-bottom: 90px !important;
  }
  .pb10 {
    padding-bottom: 10px !important;
  }
  .pb11 {
    padding-bottom: 11px !important;
  }
  .pb12 {
    padding-bottom: 12px !important;
  }
  .pb13 {
    padding-bottom: 13px !important;
  }
  .pb14 {
    padding-bottom: 14px !important;
  }
  .pb15 {
    padding-bottom: 15px !important;
  }
  .pb16 {
    padding-bottom: 16px !important;
  }
  .pb17 {
    padding-bottom: 17px !important;
  }
  .pb18 {
    padding-bottom: 18px !important;
  }
  .pb19 {
    padding-bottom: 19px !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;
  }
  .pb55 {
    padding-bottom: 55px !important;
  }
  .pb60 {
    padding-bottom: 60px !important;
  }
  .pb65 {
    padding-bottom: 65px !important;
  }
  .pb70 {
    padding-bottom: 70px !important;
  }
  .pb75 {
    padding-bottom: 75px !important;
  }
  .pb80 {
    padding-bottom: 80px !important;
  }
  .pb85 {
    padding-bottom: 85px !important;
  }
  .pb90 {
    padding-bottom: 90px !important;
  }
  .pb95 {
    padding-bottom: 95px !important;
  }
  .pb100 {
    padding-bottom: 100px !important;
  }
  .pl0 {
    padding-left: 0 !important;
  }
  .pl1 {
    padding-left: 10px !important;
  }
  .pl2 {
    padding-left: 20px !important;
  }
  .pl3 {
    padding-left: 30px !important;
  }
  .pl4 {
    padding-left: 40px !important;
  }
  .pl5 {
    padding-left: 50px !important;
  }
  .pl6 {
    padding-left: 60px !important;
  }
  .pl7 {
    padding-left: 70px !important;
  }
  .pl8 {
    padding-left: 80px !important;
  }
  .pl9 {
    padding-left: 90px !important;
  }
  .pl10 {
    padding-left: 10px !important;
  }
  .pl11 {
    padding-left: 11px !important;
  }
  .pl12 {
    padding-left: 12px !important;
  }
  .pl13 {
    padding-left: 13px !important;
  }
  .pl14 {
    padding-left: 14px !important;
  }
  .pl15 {
    padding-left: 15px !important;
  }
  .pl16 {
    padding-left: 16px !important;
  }
  .pl17 {
    padding-left: 17px !important;
  }
  .pl18 {
    padding-left: 18px !important;
  }
  .pl19 {
    padding-left: 19px !important;
  }
  .pl20 {
    padding-left: 20px !important;
  }
  .pl25 {
    padding-left: 25px !important;
  }
  .pl30 {
    padding-left: 30px !important;
  }
  .pl35 {
    padding-left: 35px !important;
  }
  .pl40 {
    padding-left: 40px !important;
  }
  .pl45 {
    padding-left: 45px !important;
  }
  .pl50 {
    padding-left: 50px !important;
  }
  .pl55 {
    padding-left: 55px !important;
  }
  .pl60 {
    padding-left: 60px !important;
  }
  .pl65 {
    padding-left: 65px !important;
  }
  .pl70 {
    padding-left: 70px !important;
  }
  .pl75 {
    padding-left: 75px !important;
  }
  .pl80 {
    padding-left: 80px !important;
  }
  .pl85 {
    padding-left: 85px !important;
  }
  .pl90 {
    padding-left: 90px !important;
  }
  .pl95 {
    padding-left: 95px !important;
  }
  .pl100 {
    padding-left: 100px !important;
  }
  .pr0 {
    padding-right: 0 !important;
  }
  .pr1 {
    padding-right: 10px !important;
  }
  .pr2 {
    padding-right: 20px !important;
  }
  .pr3 {
    padding-right: 30px !important;
  }
  .pr4 {
    padding-right: 40px !important;
  }
  .pr5 {
    padding-right: 50px !important;
  }
  .pr6 {
    padding-right: 60px !important;
  }
  .pr7 {
    padding-right: 70px !important;
  }
  .pr8 {
    padding-right: 80px !important;
  }
  .pr9 {
    padding-right: 90px !important;
  }
  .pr10 {
    padding-right: 10px !important;
  }
  .pr11 {
    padding-right: 11px !important;
  }
  .pr12 {
    padding-right: 12px !important;
  }
  .pr13 {
    padding-right: 13px !important;
  }
  .pr14 {
    padding-right: 14px !important;
  }
  .pr15 {
    padding-right: 15px !important;
  }
  .pr16 {
    padding-right: 16px !important;
  }
  .pr17 {
    padding-right: 17px !important;
  }
  .pr18 {
    padding-right: 18px !important;
  }
  .pr19 {
    padding-right: 19px !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;
  }
  .pr55 {
    padding-right: 55px !important;
  }
  .pr60 {
    padding-right: 60px !important;
  }
  .pr65 {
    padding-right: 65px !important;
  }
  .pr70 {
    padding-right: 70px !important;
  }
  .pr75 {
    padding-right: 75px !important;
  }
  .pr80 {
    padding-right: 80px !important;
  }
  .pr85 {
    padding-right: 85px !important;
  }
  .pr90 {
    padding-right: 90px !important;
  }
  .pr95 {
    padding-right: 95px !important;
  }
  .pr100 {
    padding-right: 100px !important;
  }
  /* ===== Width ===== */
  .w10 {
    width: 10px !important;
  }
  .w20 {
    width: 20px !important;
  }
  .w30 {
    width: 30px !important;
  }
  .w40 {
    width: 40px !important;
  }
  .w50 {
    width: 50px !important;
  }
  .w60 {
    width: 60px !important;
  }
  .w70 {
    width: 70px !important;
  }
  .w80 {
    width: 80px !important;
  }
  .w90 {
    width: 90px !important;
  }
  .w100 {
    width: 100px !important;
  }
  .w110 {
    width: 110px !important;
  }
  .w120 {
    width: 120px !important;
  }
  .w130 {
    width: 130px !important;
  }
  .w140 {
    width: 140px !important;
  }
  .w150 {
    width: 150px !important;
  }
  .w160 {
    width: 160px !important;
  }
  .w170 {
    width: 170px !important;
  }
  .w180 {
    width: 180px !important;
  }
  .w190 {
    width: 190px !important;
  }
  .w200 {
    width: 200px !important;
  }
  .w210 {
    width: 210px !important;
  }
  .w220 {
    width: 220px !important;
  }
  .w230 {
    width: 230px !important;
  }
  .w240 {
    width: 240px !important;
  }
  .w250 {
    width: 250px !important;
  }
  .w260 {
    width: 260px !important;
  }
  .w270 {
    width: 270px !important;
  }
  .w280 {
    width: 280px !important;
  }
  .w290 {
    width: 290px !important;
  }
  .w300 {
    width: 300px !important;
  }
  .w310 {
    width: 310px !important;
  }
  .w320 {
    width: 320px !important;
  }
  .w330 {
    width: 330px !important;
  }
  .w340 {
    width: 340px !important;
  }
  .w350 {
    width: 350px !important;
  }
  .w360 {
    width: 360px !important;
  }
  .w370 {
    width: 370px !important;
  }
  .w380 {
    width: 380px !important;
  }
  .w390 {
    width: 390px !important;
  }
  .w400 {
    width: 400px !important;
  }
  .w410 {
    width: 410px !important;
  }
  .w420 {
    width: 420px !important;
  }
  .w430 {
    width: 430px !important;
  }
  .w440 {
    width: 440px !important;
  }
  .w450 {
    width: 450px !important;
  }
  .w460 {
    width: 460px !important;
  }
  .w470 {
    width: 470px !important;
  }
  .w480 {
    width: 480px !important;
  }
  .w490 {
    width: 490px !important;
  }
  .w500 {
    width: 500px !important;
  }
  .w510 {
    width: 510px !important;
  }
  .w520 {
    width: 520px !important;
  }
  .w530 {
    width: 530px !important;
  }
  .w540 {
    width: 540px !important;
  }
  .w550 {
    width: 550px !important;
  }
  .w560 {
    width: 560px !important;
  }
  .w570 {
    width: 570px !important;
  }
  .w580 {
    width: 580px !important;
  }
  .w590 {
    width: 590px !important;
  }
  .w600 {
    width: 600px !important;
  }
  .w610 {
    width: 610px !important;
  }
  .w620 {
    width: 620px !important;
  }
  .w630 {
    width: 630px !important;
  }
  .w640 {
    width: 640px !important;
  }
  .w650 {
    width: 650px !important;
  }
  .w660 {
    width: 660px !important;
  }
  .w670 {
    width: 670px !important;
  }
  .w680 {
    width: 680px !important;
  }
  .w690 {
    width: 690px !important;
  }
  .w700 {
    width: 700px !important;
  }
  .w710 {
    width: 710px !important;
  }
  .w720 {
    width: 720px !important;
  }
  .w730 {
    width: 730px !important;
  }
  .w740 {
    width: 740px !important;
  }
  .w750 {
    width: 750px !important;
  }
  .w760 {
    width: 760px !important;
  }
  .w770 {
    width: 770px !important;
  }
  .w780 {
    width: 780px !important;
  }
  .w790 {
    width: 790px !important;
  }
  .w5p {
    width: 5% !important;
  }
  .w10p {
    width: 10% !important;
  }
  .w15p {
    width: 15% !important;
  }
  .w20p {
    width: 20% !important;
  }
  .w25p {
    width: 25% !important;
  }
  .w30p {
    width: 30% !important;
  }
  .w33p {
    width: 33% !important;
  }
  .w35p {
    width: 35% !important;
  }
  .w40p {
    width: 40% !important;
  }
  .w45p {
    width: 45% !important;
  }
  .w50p {
    width: 50% !important;
  }
  .w55p {
    width: 55% !important;
  }
  .w60p {
    width: 60% !important;
  }
  .w65p {
    width: 65% !important;
  }
  .w67p {
    width: 67% !important;
  }
  .w70p {
    width: 70% !important;
  }
  .w75p {
    width: 75% !important;
  }
  .w80p {
    width: 80% !important;
  }
  .w85p {
    width: 85% !important;
  }
  .w90p {
    width: 90% !important;
  }
  .w95p {
    width: 95% !important;
  }
  .w100p {
    width: 100% !important;
  }
  /* ===== Font ===== */
  .font10 {
    font-size: 10px !important;
  }
  .font11 {
    font-size: 11px !important;
  }
  .font12 {
    font-size: 12px !important;
  }
  .font13 {
    font-size: 13px !important;
  }
  .font14 {
    font-size: 14px !important;
  }
  .font15 {
    font-size: 15px !important;
  }
  .font16 {
    font-size: 16px !important;
  }
  .font17 {
    font-size: 17px !important;
  }
  .font18 {
    font-size: 18px !important;
  }
  .font19 {
    font-size: 19px !important;
  }
  .font20 {
    font-size: 20px !important;
  }
  .font21 {
    font-size: 21px !important;
  }
  .font22 {
    font-size: 22px !important;
  }
  .font23 {
    font-size: 23px !important;
  }
  .font24 {
    font-size: 24px !important;
  }
  .font25 {
    font-size: 25px !important;
  }
  .font26 {
    font-size: 26px !important;
  }
  .font27 {
    font-size: 27px !important;
  }
  .font28 {
    font-size: 28px !important;
  }
  .font29 {
    font-size: 29px !important;
  }
  .font30 {
    font-size: 30px !important;
  }
  .font31 {
    font-size: 31px !important;
  }
  .font32 {
    font-size: 32px !important;
  }
  .font33 {
    font-size: 33px !important;
  }
  .font34 {
    font-size: 34px !important;
  }
  .font35 {
    font-size: 35px !important;
  }
  .font36 {
    font-size: 36px !important;
  }
  .font37 {
    font-size: 37px !important;
  }
  .font38 {
    font-size: 38px !important;
  }
  .font39 {
    font-size: 39px !important;
  }
  .font40 {
    font-size: 40px !important;
  }
  .font41 {
    font-size: 41px !important;
  }
  .font42 {
    font-size: 42px !important;
  }
  .font43 {
    font-size: 43px !important;
  }
  .font44 {
    font-size: 44px !important;
  }
  .font45 {
    font-size: 45px !important;
  }
  .font46 {
    font-size: 46px !important;
  }
  .font47 {
    font-size: 47px !important;
  }
  .font48 {
    font-size: 48px !important;
  }
  .font49 {
    font-size: 49px !important;
  }
  .font50 {
    font-size: 50px !important;
  }
  .font51 {
    font-size: 51px !important;
  }
  .font52 {
    font-size: 52px !important;
  }
  .font53 {
    font-size: 53px !important;
  }
  .font54 {
    font-size: 54px !important;
  }
  .font55 {
    font-size: 55px !important;
  }
  .font56 {
    font-size: 56px !important;
  }
  .font57 {
    font-size: 57px !important;
  }
  .font58 {
    font-size: 58px !important;
  }
  .font59 {
    font-size: 59px !important;
  }
  .font60 {
    font-size: 60px !important;
  }
  .font72 {
    font-size: 72px !important;
  }
  .font80 {
    font-size: 80px !important;
  }
  .font90 {
    font-size: 90px !important;
  }
  .font100 {
    font-size: 100px !important;
  }
  .font110 {
    font-size: 110px !important;
  }
  .font120 {
    font-size: 120px !important;
  }
  .fontW100 {
    font-weight: 100 !important;
  }
  .fontW200 {
    font-weight: 200 !important;
  }
  .fontW300 {
    font-weight: 300 !important;
  }
  .fontW400 {
    font-weight: 400 !important;
  }
  .fontW500 {
    font-weight: 500 !important;
  }
  .fontW600 {
    font-weight: 600 !important;
  }
  .fontW700 {
    font-weight: 700 !important;
  }
  .fontW800 {
    font-weight: 800 !important;
  }
  .fontW900 {
    font-weight: 900 !important;
  }
  .txtLeft {
    text-align: left !important;
  }
  .txtCenter {
    text-align: center !important;
  }
  .txtRight {
    text-align: right !important;
  }
  .fontBold {
    font-weight: bold !important;
  }
  .fontNormal {
    text-align: normal !important;
  }
  .whiteSpaceNormal {
    white-space: normal !important;
  }
  /* ===== line-height ===== */
  .lh0 {
    line-height: 0 !important;
  }
  .lh10 {
    line-height: 0.1 !important;
  }
  .lh20 {
    line-height: 0.2 !important;
  }
  .lh30 {
    line-height: 0.3 !important;
  }
  .lh40 {
    line-height: 0.4 !important;
  }
  .lh50 {
    line-height: 0.5 !important;
  }
  .lh60 {
    line-height: 0.6 !important;
  }
  .lh70 {
    line-height: 0.7 !important;
  }
  .lh80 {
    line-height: 0.8 !important;
  }
  .lh90 {
    line-height: 0.9 !important;
  }
  .lh100 {
    line-height: 1.0 !important;
  }
  .lh110 {
    line-height: 1.1 !important;
  }
  .lh120 {
    line-height: 1.2 !important;
  }
  .lh130 {
    line-height: 1.3 !important;
  }
  .lh140 {
    line-height: 1.4 !important;
  }
  .lh150 {
    line-height: 1.5 !important;
  }
  .lh160 {
    line-height: 1.6 !important;
  }
  .lh170 {
    line-height: 1.7 !important;
  }
  .lh180 {
    line-height: 1.8 !important;
  }
  .lh190 {
    line-height: 1.9 !important;
  }
  .lh200 {
    line-height: 2.0 !important;
  }
  .lh250 {
    line-height: 2.5 !important;
  }
  .lh300 {
    line-height: 3.0 !important;
  }

  /* ===== Float ===== */
  .fl {
    float: left !important;
  }
  .fr {
    float: right !important;
  }
  .clear {
    clear: both !important;
  }
  /* ===== Display ===== */
  .block {
    display: block !important;
  }
  .inline {
    display: inline !important;
  }
  .inlineBlock {
    display: inline-block !important;
  }
  .hidden {
    overflow: hidden !important;
  }
}

@media screen and (max-width: 1024px) {
  /* ===== Margin ===== */
  .mAuto_tb {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ma0_tb {
    margin: 0 !important;
  }
  .ma1_tb {
    margin: 1px !important;
  }
  .ma2_tb {
    margin: 2px !important;
  }
  .ma3_tb {
    margin: 3px !important;
  }
  .ma4_tb {
    margin: 4px !important;
  }
  .ma5_tb {
    margin: 5px !important;
  }
  .ma6_tb {
    margin: 6px !important;
  }
  .ma7_tb {
    margin: 7px !important;
  }
  .ma8_tb {
    margin: 8px !important;
  }
  .ma9_tb {
    margin: 9px !important;
  }
  .ma10_tb {
    margin: 10px !important;
  }
  .ma11_tb {
    margin: 11px !important;
  }
  .ma12_tb {
    margin: 12px !important;
  }
  .ma13_tb {
    margin: 13px !important;
  }
  .ma14_tb {
    margin: 14px !important;
  }
  .ma15_tb {
    margin: 15px !important;
  }
  .ma16_tb {
    margin: 16px !important;
  }
  .ma17_tb {
    margin: 17px !important;
  }
  .ma18_tb {
    margin: 18px !important;
  }
  .ma19_tb {
    margin: 19px !important;
  }
  .ma20_tb {
    margin: 20px !important;
  }
  .ma25_tb {
    margin: 25px !important;
  }
  .ma30_tb {
    margin: 30px !important;
  }
  .ma35_tb {
    margin: 35px !important;
  }
  .ma40_tb {
    margin: 40px !important;
  }
  .mt0_tb {
    margin-top: 0 !important;
  }
  .mt1_tb {
    margin-top: 1px !important;
  }
  .mt2_tb {
    margin-top: 2px !important;
  }
  .mt3_tb {
    margin-top: 3px !important;
  }
  .mt4_tb {
    margin-top: 4px !important;
  }
  .mt5_tb {
    margin-top: 5px !important;
  }
  .mt6_tb {
    margin-top: 6px !important;
  }
  .mt7_tb {
    margin-top: 7px !important;
  }
  .mt8_tb {
    margin-top: 8px !important;
  }
  .mt9_tb {
    margin-top: 9px !important;
  }
  .mt10_tb {
    margin-top: 10px !important;
  }
  .mt11_tb {
    margin-top: 11px !important;
  }
  .mt12_tb {
    margin-top: 12px !important;
  }
  .mt13_tb {
    margin-top: 13px !important;
  }
  .mt14_tb {
    margin-top: 14px !important;
  }
  .mt15_tb {
    margin-top: 15px !important;
  }
  .mt16_tb {
    margin-top: 16px !important;
  }
  .mt17_tb {
    margin-top: 17px !important;
  }
  .mt18_tb {
    margin-top: 18px !important;
  }
  .mt19_tb {
    margin-top: 19px !important;
  }
  .mt20_tb {
    margin-top: 20px !important;
  }
  .mt25_tb {
    margin-top: 25px !important;
  }
  .mt30_tb {
    margin-top: 30px !important;
  }
  .mt35_tb {
    margin-top: 35px !important;
  }
  .mt40_tb {
    margin-top: 40px !important;
  }
  .mt45_tb {
    margin-top: 45px !important;
  }
  .mt50_tb {
    margin-top: 50px !important;
  }
  .mt55_tb {
    margin-top: 55px !important;
  }
  .mt60_tb {
    margin-top: 60px !important;
  }
  .mt65_tb {
    margin-top: 65px !important;
  }
  .mt70_tb {
    margin-top: 70px !important;
  }
  .mt75_tb {
    margin-top: 75px !important;
  }
  .mt80_tb {
    margin-top: 80px !important;
  }
  .mt85_tb {
    margin-top: 85px !important;
  }
  .mt90_tb {
    margin-top: 90px !important;
  }
  .mt95_tb {
    margin-top: 95px !important;
  }
  .mt100_tb {
    margin-top: 100px !important;
  }
  .mb0_tb {
    margin-bottom: 0 !important;
  }
  .mb1_tb {
    margin-bottom: 1px !important;
  }
  .mb2_tb {
    margin-bottom: 2px !important;
  }
  .mb3_tb {
    margin-bottom: 3px !important;
  }
  .mb4_tb {
    margin-bottom: 4px !important;
  }
  .mb5_tb {
    margin-bottom: 5px !important;
  }
  .mb6_tb {
    margin-bottom: 6px !important;
  }
  .mb7_tb {
    margin-bottom: 7px !important;
  }
  .mb8_tb {
    margin-bottom: 8px !important;
  }
  .mb9_tb {
    margin-bottom: 9px !important;
  }
  .mb10_tb {
    margin-bottom: 10px !important;
  }
  .mb11_tb {
    margin-bottom: 11px !important;
  }
  .mb12_tb {
    margin-bottom: 12px !important;
  }
  .mb13_tb {
    margin-bottom: 13px !important;
  }
  .mb14_tb {
    margin-bottom: 14px !important;
  }
  .mb15_tb {
    margin-bottom: 15px !important;
  }
  .mb16_tb {
    margin-bottom: 16px !important;
  }
  .mb17_tb {
    margin-bottom: 17px !important;
  }
  .mb18_tb {
    margin-bottom: 18px !important;
  }
  .mb19_tb {
    margin-bottom: 19px !important;
  }
  .mb20_tb {
    margin-bottom: 20px !important;
  }
  .mb25_tb {
    margin-bottom: 25px !important;
  }
  .mb30_tb {
    margin-bottom: 30px !important;
  }
  .mb35_tb {
    margin-bottom: 35px !important;
  }
  .mb40_tb {
    margin-bottom: 40px !important;
  }
  .mb45_tb {
    margin-bottom: 45px !important;
  }
  .mb50_tb {
    margin-bottom: 50px !important;
  }
  .mb55_tb {
    margin-bottom: 55px !important;
  }
  .mb60_tb {
    margin-bottom: 60px !important;
  }
  .mb65_tb {
    margin-bottom: 65px !important;
  }
  .mb70_tb {
    margin-bottom: 70px !important;
  }
  .mb75_tb {
    margin-bottom: 75px !important;
  }
  .mb80_tb {
    margin-bottom: 80px !important;
  }
  .mb85_tb {
    margin-bottom: 85px !important;
  }
  .mb90_tb {
    margin-bottom: 90px !important;
  }
  .mb95_tb {
    margin-bottom: 95px !important;
  }
  .mb100_tb {
    margin-bottom: 100px !important;
  }
  .ml0_tb {
    margin-left: 0 !important;
  }
  .ml1_tb {
    margin-left: 1px !important;
  }
  .ml2_tb {
    margin-left: 2px !important;
  }
  .ml3_tb {
    margin-left: 3px !important;
  }
  .ml4_tb {
    margin-left: 4px !important;
  }
  .ml5_tb {
    margin-left: 5px !important;
  }
  .ml6_tb {
    margin-left: 6px !important;
  }
  .ml7_tb {
    margin-left: 7px !important;
  }
  .ml8_tb {
    margin-left: 8px !important;
  }
  .ml9_tb {
    margin-left: 9px !important;
  }
  .ml10_tb {
    margin-left: 10px !important;
  }
  .ml11_tb {
    margin-left: 11px !important;
  }
  .ml12_tb {
    margin-left: 12px !important;
  }
  .ml13_tb {
    margin-left: 13px !important;
  }
  .ml14_tb {
    margin-left: 14px !important;
  }
  .ml15_tb {
    margin-left: 15px !important;
  }
  .ml16_tb {
    margin-left: 16px !important;
  }
  .ml17_tb {
    margin-left: 17px !important;
  }
  .ml18_tb {
    margin-left: 18px !important;
  }
  .ml19_tb {
    margin-left: 19px !important;
  }
  .ml20_tb {
    margin-left: 20px !important;
  }
  .ml25_tb {
    margin-left: 25px !important;
  }
  .ml30_tb {
    margin-left: 30px !important;
  }
  .ml35_tb {
    margin-left: 35px !important;
  }
  .ml40_tb {
    margin-left: 40px !important;
  }
  .ml45_tb {
    margin-left: 45px !important;
  }
  .ml50_tb {
    margin-left: 50px !important;
  }
  .ml55_tb {
    margin-left: 55px !important;
  }
  .ml60_tb {
    margin-left: 60px !important;
  }
  .ml65_tb {
    margin-left: 65px !important;
  }
  .ml70_tb {
    margin-left: 70px !important;
  }
  .ml75_tb {
    margin-left: 75px !important;
  }
  .ml80_tb {
    margin-left: 80px !important;
  }
  .ml85_tb {
    margin-left: 85px !important;
  }
  .ml90_tb {
    margin-left: 90px !important;
  }
  .ml95_tb {
    margin-left: 95px !important;
  }
  .ml100_tb {
    margin-left: 100px !important;
  }
  .mr0_tb {
    margin-right: 0 !important;
  }
  .mr1_tb {
    margin-right: 1px !important;
  }
  .mr2_tb {
    margin-right: 2px !important;
  }
  .mr3_tb {
    margin-right: 3px !important;
  }
  .mr4_tb {
    margin-right: 4px !important;
  }
  .mr5_tb {
    margin-right: 5px !important;
  }
  .mr6_tb {
    margin-right: 6px !important;
  }
  .mr7_tb {
    margin-right: 7px !important;
  }
  .mr8_tb {
    margin-right: 8px !important;
  }
  .mr9_tb {
    margin-right: 9px !important;
  }
  .mr10_tb {
    margin-right: 10px !important;
  }
  .mr11_tb {
    margin-right: 11px !important;
  }
  .mr12_tb {
    margin-right: 12px !important;
  }
  .mr13_tb {
    margin-right: 13px !important;
  }
  .mr14_tb {
    margin-right: 14px !important;
  }
  .mr15_tb {
    margin-right: 15px !important;
  }
  .mr16_tb {
    margin-right: 16px !important;
  }
  .mr17_tb {
    margin-right: 17px !important;
  }
  .mr18_tb {
    margin-right: 18px !important;
  }
  .mr19_tb {
    margin-right: 19px !important;
  }
  .mr20_tb {
    margin-right: 20px !important;
  }
  .mr25_tb {
    margin-right: 25px !important;
  }
  .mr30_tb {
    margin-right: 30px !important;
  }
  .mr35_tb {
    margin-right: 35px !important;
  }
  .mr40_tb {
    margin-right: 40px !important;
  }
  .mr45_tb {
    margin-right: 45px !important;
  }
  .mr50_tb {
    margin-right: 50px !important;
  }
  .mr55_tb {
    margin-right: 55px !important;
  }
  .mr60_tb {
    margin-right: 60px !important;
  }
  .mr65_tb {
    margin-right: 65px !important;
  }
  .mr70_tb {
    margin-right: 70px !important;
  }
  .mr75_tb {
    margin-right: 75px !important;
  }
  .mr80_tb {
    margin-right: 80px !important;
  }
  .mr85_tb {
    margin-right: 85px !important;
  }
  .mr90_tb {
    margin-right: 90px !important;
  }
  .mr95_tb {
    margin-right: 95px !important;
  }
  .mr100_tb {
    margin-right: 100px !important;
  }
  /* ===== Padding ===== */
  .pa0_tb {
    padding: 0 !important;
  }
  .pa1_tb {
    padding: 10px !important;
  }
  .pa2_tb {
    padding: 20px !important;
  }
  .pa3_tb {
    padding: 30px !important;
  }
  .pa4_tb {
    padding: 40px !important;
  }
  .pa5_tb {
    padding: 50px !important;
  }
  .pa6_tb {
    padding: 60px !important;
  }
  .pa7_tb {
    padding: 70px !important;
  }
  .pa8_tb {
    padding: 80px !important;
  }
  .pa9_tb {
    padding: 90px !important;
  }
  .pa10_tb {
    padding: 10px !important;
  }
  .pa11_tb {
    padding: 11px !important;
  }
  .pa12_tb {
    padding: 12px !important;
  }
  .pa13_tb {
    padding: 13px !important;
  }
  .pa14_tb {
    padding: 14px !important;
  }
  .pa15_tb {
    padding: 15px !important;
  }
  .pa16_tb {
    padding: 16px !important;
  }
  .pa17_tb {
    padding: 17px !important;
  }
  .pa18_tb {
    padding: 18px !important;
  }
  .pa19_tb {
    padding: 19px !important;
  }
  .pa20_tb {
    padding: 20px !important;
  }
  .pa25_tb {
    padding: 25px !important;
  }
  .pa30_tb {
    padding: 30px !important;
  }
  .pa35_tb {
    padding: 35px !important;
  }
  .pa40_tb {
    padding: 40px !important;
  }
  .pt0_tb {
    padding-top: 0 !important;
  }
  .pt1_tb {
    padding-top: 10px !important;
  }
  .pt2_tb {
    padding-top: 20px !important;
  }
  .pt3_tb {
    padding-top: 30px !important;
  }
  .pt4_tb {
    padding-top: 40px !important;
  }
  .pt5_tb {
    padding-top: 50px !important;
  }
  .pt6_tb {
    padding-top: 60px !important;
  }
  .pt7_tb {
    padding-top: 70px !important;
  }
  .pt8_tb {
    padding-top: 80px !important;
  }
  .pt9_tb {
    padding-top: 90px !important;
  }
  .pt10_tb {
    padding-top: 10px !important;
  }
  .pt11_tb {
    padding-top: 11px !important;
  }
  .pt12_tb {
    padding-top: 12px !important;
  }
  .pt13_tb {
    padding-top: 13px !important;
  }
  .pt14_tb {
    padding-top: 14px !important;
  }
  .pt15_tb {
    padding-top: 15px !important;
  }
  .pt16_tb {
    padding-top: 16px !important;
  }
  .pt17_tb {
    padding-top: 17px !important;
  }
  .pt18_tb {
    padding-top: 18px !important;
  }
  .pt19_tb {
    padding-top: 19px !important;
  }
  .pt20_tb {
    padding-top: 20px !important;
  }
  .pt25_tb {
    padding-top: 25px !important;
  }
  .pt30_tb {
    padding-top: 30px !important;
  }
  .pt35_tb {
    padding-top: 35px !important;
  }
  .pt40_tb {
    padding-top: 40px !important;
  }
  .pt45_tb {
    padding-top: 45px !important;
  }
  .pt50_tb {
    padding-top: 50px !important;
  }
  .pt55_tb {
    padding-top: 55px !important;
  }
  .pt60_tb {
    padding-top: 60px !important;
  }
  .pt65_tb {
    padding-top: 65px !important;
  }
  .pt70_tb {
    padding-top: 70px !important;
  }
  .pt75_tb {
    padding-top: 75px !important;
  }
  .pt80_tb {
    padding-top: 80px !important;
  }
  .pt85_tb {
    padding-top: 85px !important;
  }
  .pt90_tb {
    padding-top: 90px !important;
  }
  .pt95_tb {
    padding-top: 95px !important;
  }
  .pt100_tb {
    padding-top: 100px !important;
  }
  .pb0_tb {
    padding-bottom: 0 !important;
  }
  .pb1_tb {
    padding-bottom: 10px !important;
  }
  .pb2_tb {
    padding-bottom: 20px !important;
  }
  .pb3_tb {
    padding-bottom: 30px !important;
  }
  .pb4_tb {
    padding-bottom: 40px !important;
  }
  .pb5_tb {
    padding-bottom: 50px !important;
  }
  .pb6_tb {
    padding-bottom: 60px !important;
  }
  .pb7_tb {
    padding-bottom: 70px !important;
  }
  .pb8_tb {
    padding-bottom: 80px !important;
  }
  .pb9_tb {
    padding-bottom: 90px !important;
  }
  .pb10_tb {
    padding-bottom: 10px !important;
  }
  .pb11_tb {
    padding-bottom: 11px !important;
  }
  .pb12_tb {
    padding-bottom: 12px !important;
  }
  .pb13_tb {
    padding-bottom: 13px !important;
  }
  .pb14_tb {
    padding-bottom: 14px !important;
  }
  .pb15_tb {
    padding-bottom: 15px !important;
  }
  .pb16_tb {
    padding-bottom: 16px !important;
  }
  .pb17_tb {
    padding-bottom: 17px !important;
  }
  .pb18_tb {
    padding-bottom: 18px !important;
  }
  .pb19_tb {
    padding-bottom: 19px !important;
  }
  .pb20_tb {
    padding-bottom: 20px !important;
  }
  .pb25_tb {
    padding-bottom: 25px !important;
  }
  .pb30_tb {
    padding-bottom: 30px !important;
  }
  .pb35_tb {
    padding-bottom: 35px !important;
  }
  .pb40_tb {
    padding-bottom: 40px !important;
  }
  .pb45_tb {
    padding-bottom: 45px !important;
  }
  .pb50_tb {
    padding-bottom: 50px !important;
  }
  .pb55_tb {
    padding-bottom: 55px !important;
  }
  .pb60_tb {
    padding-bottom: 60px !important;
  }
  .pb65_tb {
    padding-bottom: 65px !important;
  }
  .pb70_tb {
    padding-bottom: 70px !important;
  }
  .pb75_tb {
    padding-bottom: 75px !important;
  }
  .pb80_tb {
    padding-bottom: 80px !important;
  }
  .pb85_tb {
    padding-bottom: 85px !important;
  }
  .pb90_tb {
    padding-bottom: 90px !important;
  }
  .pb95_tb {
    padding-bottom: 95px !important;
  }
  .pb100_tb {
    padding-bottom: 100px !important;
  }
  .pl0_tb {
    padding-left: 0 !important;
  }
  .pl1_tb {
    padding-left: 10px !important;
  }
  .pl2_tb {
    padding-left: 20px !important;
  }
  .pl3_tb {
    padding-left: 30px !important;
  }
  .pl4_tb {
    padding-left: 40px !important;
  }
  .pl5_tb {
    padding-left: 50px !important;
  }
  .pl6_tb {
    padding-left: 60px !important;
  }
  .pl7_tb {
    padding-left: 70px !important;
  }
  .pl8_tb {
    padding-left: 80px !important;
  }
  .pl9_tb {
    padding-left: 90px !important;
  }
  .pl10_tb {
    padding-left: 10px !important;
  }
  .pl11_tb {
    padding-left: 11px !important;
  }
  .pl12_tb {
    padding-left: 12px !important;
  }
  .pl13_tb {
    padding-left: 13px !important;
  }
  .pl14_tb {
    padding-left: 14px !important;
  }
  .pl15_tb {
    padding-left: 15px !important;
  }
  .pl16_tb {
    padding-left: 16px !important;
  }
  .pl17_tb {
    padding-left: 17px !important;
  }
  .pl18_tb {
    padding-left: 18px !important;
  }
  .pl19_tb {
    padding-left: 19px !important;
  }
  .pl20_tb {
    padding-left: 20px !important;
  }
  .pl25_tb {
    padding-left: 25px !important;
  }
  .pl30_tb {
    padding-left: 30px !important;
  }
  .pl35_tb {
    padding-left: 35px !important;
  }
  .pl40_tb {
    padding-left: 40px !important;
  }
  .pl45_tb {
    padding-left: 45px !important;
  }
  .pl50_tb {
    padding-left: 50px !important;
  }
  .pl55_tb {
    padding-left: 55px !important;
  }
  .pl60_tb {
    padding-left: 60px !important;
  }
  .pl65_tb {
    padding-left: 65px !important;
  }
  .pl70_tb {
    padding-left: 70px !important;
  }
  .pl75_tb {
    padding-left: 75px !important;
  }
  .pl80_tb {
    padding-left: 80px !important;
  }
  .pl85_tb {
    padding-left: 85px !important;
  }
  .pl90_tb {
    padding-left: 90px !important;
  }
  .pl95_tb {
    padding-left: 95px !important;
  }
  .pl100_tb {
    padding-left: 100px !important;
  }
  .pr0_tb {
    padding-right: 0 !important;
  }
  .pr1_tb {
    padding-right: 10px !important;
  }
  .pr2_tb {
    padding-right: 20px !important;
  }
  .pr3_tb {
    padding-right: 30px !important;
  }
  .pr4_tb {
    padding-right: 40px !important;
  }
  .pr5_tb {
    padding-right: 50px !important;
  }
  .pr6_tb {
    padding-right: 60px !important;
  }
  .pr7_tb {
    padding-right: 70px !important;
  }
  .pr8_tb {
    padding-right: 80px !important;
  }
  .pr9_tb {
    padding-right: 90px !important;
  }
  .pr10_tb {
    padding-right: 10px !important;
  }
  .pr11_tb {
    padding-right: 11px !important;
  }
  .pr12_tb {
    padding-right: 12px !important;
  }
  .pr13_tb {
    padding-right: 13px !important;
  }
  .pr14_tb {
    padding-right: 14px !important;
  }
  .pr15_tb {
    padding-right: 15px !important;
  }
  .pr16_tb {
    padding-right: 16px !important;
  }
  .pr17_tb {
    padding-right: 17px !important;
  }
  .pr18_tb {
    padding-right: 18px !important;
  }
  .pr19_tb {
    padding-right: 19px !important;
  }
  .pr20_tb {
    padding-right: 20px !important;
  }
  .pr25_tb {
    padding-right: 25px !important;
  }
  .pr30_tb {
    padding-right: 30px !important;
  }
  .pr35_tb {
    padding-right: 35px !important;
  }
  .pr40_tb {
    padding-right: 40px !important;
  }
  .pr45_tb {
    padding-right: 45px !important;
  }
  .pr50_tb {
    padding-right: 50px !important;
  }
  .pr55_tb {
    padding-right: 55px !important;
  }
  .pr60_tb {
    padding-right: 60px !important;
  }
  .pr65_tb {
    padding-right: 65px !important;
  }
  .pr70_tb {
    padding-right: 70px !important;
  }
  .pr75_tb {
    padding-right: 75px !important;
  }
  .pr80_tb {
    padding-right: 80px !important;
  }
  .pr85_tb {
    padding-right: 85px !important;
  }
  .pr90_tb {
    padding-right: 90px !important;
  }
  .pr95_tb {
    padding-right: 95px !important;
  }
  .pr100_tb {
    padding-right: 100px !important;
  }
  /* ===== Width ===== */
  .w10_tb {
    width: 10px !important;
  }
  .w20_tb {
    width: 20px !important;
  }
  .w30_tb {
    width: 30px !important;
  }
  .w40_tb {
    width: 40px !important;
  }
  .w50_tb {
    width: 50px !important;
  }
  .w60_tb {
    width: 60px !important;
  }
  .w70_tb {
    width: 70px !important;
  }
  .w80_tb {
    width: 80px !important;
  }
  .w90_tb {
    width: 90px !important;
  }
  .w100_tb {
    width: 100px !important;
  }
  .w110_tb {
    width: 110px !important;
  }
  .w120_tb {
    width: 120px !important;
  }
  .w130_tb {
    width: 130px !important;
  }
  .w140_tb {
    width: 140px !important;
  }
  .w150_tb {
    width: 150px !important;
  }
  .w160_tb {
    width: 160px !important;
  }
  .w170_tb {
    width: 170px !important;
  }
  .w180_tb {
    width: 180px !important;
  }
  .w190_tb {
    width: 190px !important;
  }
  .w200_tb {
    width: 200px !important;
  }
  .w210_tb {
    width: 210px !important;
  }
  .w220_tb {
    width: 220px !important;
  }
  .w230_tb {
    width: 230px !important;
  }
  .w240_tb {
    width: 240px !important;
  }
  .w250_tb {
    width: 250px !important;
  }
  .w260_tb {
    width: 260px !important;
  }
  .w270_tb {
    width: 270px !important;
  }
  .w280_tb {
    width: 280px !important;
  }
  .w290_tb {
    width: 290px !important;
  }
  .w300_tb {
    width: 300px !important;
  }
  .w310_tb {
    width: 310px !important;
  }
  .w320_tb {
    width: 320px !important;
  }
  .w330_tb {
    width: 330px !important;
  }
  .w340_tb {
    width: 340px !important;
  }
  .w350_tb {
    width: 350px !important;
  }
  .w360_tb {
    width: 360px !important;
  }
  .w370_tb {
    width: 370px !important;
  }
  .w380_tb {
    width: 380px !important;
  }
  .w390_tb {
    width: 390px !important;
  }
  .w400_tb {
    width: 400px !important;
  }
  .w5p_tb {
    width: 5% !important;
  }
  .w10p_tb {
    width: 10% !important;
  }
  .w15p_tb {
    width: 15% !important;
  }
  .w20p_tb {
    width: 20% !important;
  }
  .w25p_tb {
    width: 25% !important;
  }
  .w30p_tb {
    width: 30% !important;
  }
  .w33p_tb {
    width: 33% !important;
  }
  .w35p_tb {
    width: 35% !important;
  }
  .w40p_tb {
    width: 40% !important;
  }
  .w45p_tb {
    width: 45% !important;
  }
  .w50p_tb {
    width: 50% !important;
  }
  .w55p_tb {
    width: 55% !important;
  }
  .w60p_tb {
    width: 60% !important;
  }
  .w65p_tb {
    width: 65% !important;
  }
  .w67p_tb {
    width: 67% !important;
  }
  .w70p_tb {
    width: 70% !important;
  }
  .w75p_tb {
    width: 75% !important;
  }
  .w80p_tb {
    width: 80% !important;
  }
  .w85p_tb {
    width: 85% !important;
  }
  .w90p_tb {
    width: 90% !important;
  }
  .w95p_tb {
    width: 95% !important;
  }
  .w100p_tb {
    width: 100% !important;
  }
  /* ===== Font ===== */
  .font10_tb {
    font-size: 10px !important;
  }
  .font11_tb {
    font-size: 11px !important;
  }
  .font12_tb {
    font-size: 12px !important;
  }
  .font13_tb {
    font-size: 13px !important;
  }
  .font14_tb {
    font-size: 14px !important;
  }
  .font15_tb {
    font-size: 15px !important;
  }
  .font16_tb {
    font-size: 16px !important;
  }
  .font17_tb {
    font-size: 17px !important;
  }
  .font18_tb {
    font-size: 18px !important;
  }
  .font19_tb {
    font-size: 19px !important;
  }
  .font20_tb {
    font-size: 20px !important;
  }
  .font21_tb {
    font-size: 21px !important;
  }
  .font22_tb {
    font-size: 22px !important;
  }
  .font23_tb {
    font-size: 23px !important;
  }
  .font24_tb {
    font-size: 24px !important;
  }
  .font25_tb {
    font-size: 25px !important;
  }
  .font26_tb {
    font-size: 26px !important;
  }
  .font27_tb {
    font-size: 27px !important;
  }
  .font28_tb {
    font-size: 28px !important;
  }
  .font29_tb {
    font-size: 29px !important;
  }
  .font30_tb {
    font-size: 30px !important;
  }
  .font31_tb {
    font-size: 31px !important;
  }
  .font32_tb {
    font-size: 32px !important;
  }
  .font33_tb {
    font-size: 33px !important;
  }
  .font34_tb {
    font-size: 34px !important;
  }
  .font35_tb {
    font-size: 35px !important;
  }
  .fontW100_tb {
    font-weight: 100 !important;
  }
  .fontW200_tb {
    font-weight: 200 !important;
  }
  .fontW300_tb {
    font-weight: 300 !important;
  }
  .fontW400_tb {
    font-weight: 400 !important;
  }
  .fontW500_tb {
    font-weight: 500 !important;
  }
  .fontW600_tb {
    font-weight: 600 !important;
  }
  .fontW700_tb {
    font-weight: 700 !important;
  }
  .fontW800_tb {
    font-weight: 800 !important;
  }
  .fontW900_tb {
    font-weight: 900 !important;
  }
  .txtLeft_tb {
    text-align: left !important;
  }
  .txtCenter_tb {
    text-align: center !important;
  }
  .txtRight_tb {
    text-align: right !important;
  }
  .fontBold_tb {
    font-weight: bold !important;
  }
  .fontNormal_tb {
    text-align: normal !important;
  }
  /* ===== line-height ===== */
  .lh100_tb {
    line-height: 1.0 !important;
  }
  .lh110_tb {
    line-height: 1.1 !important;
  }
  .lh120_tb {
    line-height: 1.2 !important;
  }
  .lh130_tb {
    line-height: 1.3 !important;
  }
  .lh140_tb {
    line-height: 1.4 !important;
  }
  .lh150_tb {
    line-height: 1.5 !important;
  }
  .lh160_tb {
    line-height: 1.6 !important;
  }
  .lh170_tb {
    line-height: 1.7 !important;
  }
  .lh180_tb {
    line-height: 1.8 !important;
  }
  .lh190_tb {
    line-height: 1.9 !important;
  }
  .lh200_tb {
    line-height: 2.0 !important;
  }
  /* ===== Float ===== */
  .fl_tb {
    float: left !important;
  }
  .fr_tb {
    float: right !important;
  }
  .clear_tb {
    clear: both !important;
  }
  /* ===== Display ===== */
  .block_tb {
    display: block !important;
  }
  .inline_tb {
    display: inline !important;
  }
  .inlineBlock_tb {
    display: inline-block !important;
  }
  .hidden_tb {
    overflow: hidden !important;
  }
}

@media screen and (max-width: 768px) {
  /* ===== Margin ===== */
  .mAuto_sp {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ma0_sp {
    margin: 0 !important;
  }
  .ma1_sp {
    margin: 1px !important;
  }
  .ma2_sp {
    margin: 2px !important;
  }
  .ma3_sp {
    margin: 3px !important;
  }
  .ma4_sp {
    margin: 4px !important;
  }
  .ma5_sp {
    margin: 5px !important;
  }
  .ma6_sp {
    margin: 6px !important;
  }
  .ma7_sp {
    margin: 7px !important;
  }
  .ma8_sp {
    margin: 8px !important;
  }
  .ma9_sp {
    margin: 9px !important;
  }
  .ma10_sp {
    margin: 10px !important;
  }
  .ma11_sp {
    margin: 11px !important;
  }
  .ma12_sp {
    margin: 12px !important;
  }
  .ma13_sp {
    margin: 13px !important;
  }
  .ma14_sp {
    margin: 14px !important;
  }
  .ma15_sp {
    margin: 15px !important;
  }
  .ma16_sp {
    margin: 16px !important;
  }
  .ma17_sp {
    margin: 17px !important;
  }
  .ma18_sp {
    margin: 18px !important;
  }
  .ma19_sp {
    margin: 19px !important;
  }
  .ma20_sp {
    margin: 20px !important;
  }
  .ma25_sp {
    margin: 25px !important;
  }
  .ma30_sp {
    margin: 30px !important;
  }
  .ma35_sp {
    margin: 35px !important;
  }
  .ma40_sp {
    margin: 40px !important;
  }
  .mt0_sp {
    margin-top: 0 !important;
  }
  .mt1_sp {
    margin-top: 1px !important;
  }
  .mt2_sp {
    margin-top: 2px !important;
  }
  .mt3_sp {
    margin-top: 3px !important;
  }
  .mt4_sp {
    margin-top: 4px !important;
  }
  .mt5_sp {
    margin-top: 5px !important;
  }
  .mt6_sp {
    margin-top: 6px !important;
  }
  .mt7_sp {
    margin-top: 7px !important;
  }
  .mt8_sp {
    margin-top: 8px !important;
  }
  .mt9_sp {
    margin-top: 9px !important;
  }
  .mt10_sp {
    margin-top: 10px !important;
  }
  .mt11_sp {
    margin-top: 11px !important;
  }
  .mt12_sp {
    margin-top: 12px !important;
  }
  .mt13_sp {
    margin-top: 13px !important;
  }
  .mt14_sp {
    margin-top: 14px !important;
  }
  .mt15_sp {
    margin-top: 15px !important;
  }
  .mt16_sp {
    margin-top: 16px !important;
  }
  .mt17_sp {
    margin-top: 17px !important;
  }
  .mt18_sp {
    margin-top: 18px !important;
  }
  .mt19_sp {
    margin-top: 19px !important;
  }
  .mt20_sp {
    margin-top: 20px !important;
  }
  .mt25_sp {
    margin-top: 25px !important;
  }
  .mt30_sp {
    margin-top: 30px !important;
  }
  .mt35_sp {
    margin-top: 35px !important;
  }
  .mt40_sp {
    margin-top: 40px !important;
  }
  .mt45_sp {
    margin-top: 45px !important;
  }
  .mt50_sp {
    margin-top: 50px !important;
  }
  .mt55_sp {
    margin-top: 55px !important;
  }
  .mt60_sp {
    margin-top: 60px !important;
  }
  .mt65_sp {
    margin-top: 65px !important;
  }
  .mt70_sp {
    margin-top: 70px !important;
  }
  .mt75_sp {
    margin-top: 75px !important;
  }
  .mt80_sp {
    margin-top: 80px !important;
  }
  .mt85_sp {
    margin-top: 85px !important;
  }
  .mt90_sp {
    margin-top: 90px !important;
  }
  .mt95_sp {
    margin-top: 95px !important;
  }
  .mt100_sp {
    margin-top: 100px !important;
  }
  .mb0_sp {
    margin-bottom: 0 !important;
  }
  .mb1_sp {
    margin-bottom: 1px !important;
  }
  .mb2_sp {
    margin-bottom: 2px !important;
  }
  .mb3_sp {
    margin-bottom: 3px !important;
  }
  .mb4_sp {
    margin-bottom: 4px !important;
  }
  .mb5_sp {
    margin-bottom: 5px !important;
  }
  .mb6_sp {
    margin-bottom: 6px !important;
  }
  .mb7_sp {
    margin-bottom: 7px !important;
  }
  .mb8_sp {
    margin-bottom: 8px !important;
  }
  .mb9_sp {
    margin-bottom: 9px !important;
  }
  .mb10_sp {
    margin-bottom: 10px !important;
  }
  .mb11_sp {
    margin-bottom: 11px !important;
  }
  .mb12_sp {
    margin-bottom: 12px !important;
  }
  .mb13_sp {
    margin-bottom: 13px !important;
  }
  .mb14_sp {
    margin-bottom: 14px !important;
  }
  .mb15_sp {
    margin-bottom: 15px !important;
  }
  .mb16_sp {
    margin-bottom: 16px !important;
  }
  .mb17_sp {
    margin-bottom: 17px !important;
  }
  .mb18_sp {
    margin-bottom: 18px !important;
  }
  .mb19_sp {
    margin-bottom: 19px !important;
  }
  .mb20_sp {
    margin-bottom: 20px !important;
  }
  .mb25_sp {
    margin-bottom: 25px !important;
  }
  .mb30_sp {
    margin-bottom: 30px !important;
  }
  .mb35_sp {
    margin-bottom: 35px !important;
  }
  .mb40_sp {
    margin-bottom: 40px !important;
  }
  .mb45_sp {
    margin-bottom: 45px !important;
  }
  .mb50_sp {
    margin-bottom: 50px !important;
  }
  .mb55_sp {
    margin-bottom: 55px !important;
  }
  .mb60_sp {
    margin-bottom: 60px !important;
  }
  .mb65_sp {
    margin-bottom: 65px !important;
  }
  .mb70_sp {
    margin-bottom: 70px !important;
  }
  .mb75_sp {
    margin-bottom: 75px !important;
  }
  .mb80_sp {
    margin-bottom: 80px !important;
  }
  .mb85_sp {
    margin-bottom: 85px !important;
  }
  .mb90_sp {
    margin-bottom: 90px !important;
  }
  .mb95_sp {
    margin-bottom: 95px !important;
  }
  .mb100_sp {
    margin-bottom: 100px !important;
  }
  .ml0_sp {
    margin-left: 0 !important;
  }
  .ml1_sp {
    margin-left: 1px !important;
  }
  .ml2_sp {
    margin-left: 2px !important;
  }
  .ml3_sp {
    margin-left: 3px !important;
  }
  .ml4_sp {
    margin-left: 4px !important;
  }
  .ml5_sp {
    margin-left: 5px !important;
  }
  .ml6_sp {
    margin-left: 6px !important;
  }
  .ml7_sp {
    margin-left: 7px !important;
  }
  .ml8_sp {
    margin-left: 8px !important;
  }
  .ml9_sp {
    margin-left: 9px !important;
  }
  .ml10_sp {
    margin-left: 10px !important;
  }
  .ml11_sp {
    margin-left: 11px !important;
  }
  .ml12_sp {
    margin-left: 12px !important;
  }
  .ml13_sp {
    margin-left: 13px !important;
  }
  .ml14_sp {
    margin-left: 14px !important;
  }
  .ml15_sp {
    margin-left: 15px !important;
  }
  .ml16_sp {
    margin-left: 16px !important;
  }
  .ml17_sp {
    margin-left: 17px !important;
  }
  .ml18_sp {
    margin-left: 18px !important;
  }
  .ml19_sp {
    margin-left: 19px !important;
  }
  .ml20_sp {
    margin-left: 20px !important;
  }
  .ml25_sp {
    margin-left: 25px !important;
  }
  .ml30_sp {
    margin-left: 30px !important;
  }
  .ml35_sp {
    margin-left: 35px !important;
  }
  .ml40_sp {
    margin-left: 40px !important;
  }
  .ml45_sp {
    margin-left: 45px !important;
  }
  .ml50_sp {
    margin-left: 50px !important;
  }
  .ml55_sp {
    margin-left: 55px !important;
  }
  .ml60_sp {
    margin-left: 60px !important;
  }
  .ml65_sp {
    margin-left: 65px !important;
  }
  .ml70_sp {
    margin-left: 70px !important;
  }
  .ml75_sp {
    margin-left: 75px !important;
  }
  .ml80_sp {
    margin-left: 80px !important;
  }
  .ml85_sp {
    margin-left: 85px !important;
  }
  .ml90_sp {
    margin-left: 90px !important;
  }
  .ml95_sp {
    margin-left: 95px !important;
  }
  .ml100_sp {
    margin-left: 100px !important;
  }
  .mr0_sp {
    margin-right: 0 !important;
  }
  .mr1_sp {
    margin-right: 1px !important;
  }
  .mr2_sp {
    margin-right: 2px !important;
  }
  .mr3_sp {
    margin-right: 3px !important;
  }
  .mr4_sp {
    margin-right: 4px !important;
  }
  .mr5_sp {
    margin-right: 5px !important;
  }
  .mr6_sp {
    margin-right: 6px !important;
  }
  .mr7_sp {
    margin-right: 7px !important;
  }
  .mr8_sp {
    margin-right: 8px !important;
  }
  .mr9_sp {
    margin-right: 9px !important;
  }
  .mr10_sp {
    margin-right: 10px !important;
  }
  .mr11_sp {
    margin-right: 11px !important;
  }
  .mr12_sp {
    margin-right: 12px !important;
  }
  .mr13_sp {
    margin-right: 13px !important;
  }
  .mr14_sp {
    margin-right: 14px !important;
  }
  .mr15_sp {
    margin-right: 15px !important;
  }
  .mr16_sp {
    margin-right: 16px !important;
  }
  .mr17_sp {
    margin-right: 17px !important;
  }
  .mr18_sp {
    margin-right: 18px !important;
  }
  .mr19_sp {
    margin-right: 19px !important;
  }
  .mr20_sp {
    margin-right: 20px !important;
  }
  .mr25_sp {
    margin-right: 25px !important;
  }
  .mr30_sp {
    margin-right: 30px !important;
  }
  .mr35_sp {
    margin-right: 35px !important;
  }
  .mr40_sp {
    margin-right: 40px !important;
  }
  .mr45_sp {
    margin-right: 45px !important;
  }
  .mr50_sp {
    margin-right: 50px !important;
  }
  .mr55_sp {
    margin-right: 55px !important;
  }
  .mr60_sp {
    margin-right: 60px !important;
  }
  .mr65_sp {
    margin-right: 65px !important;
  }
  .mr70_sp {
    margin-right: 70px !important;
  }
  .mr75_sp {
    margin-right: 75px !important;
  }
  .mr80_sp {
    margin-right: 80px !important;
  }
  .mr85_sp {
    margin-right: 85px !important;
  }
  .mr90_sp {
    margin-right: 90px !important;
  }
  .mr95_sp {
    margin-right: 95px !important;
  }
  .mr100_sp {
    margin-right: 100px !important;
  }
  /* ===== Padding ===== */
  .pa0_sp {
    padding: 0 !important;
  }
  .pa1_sp {
    padding: 10px !important;
  }
  .pa2_sp {
    padding: 20px !important;
  }
  .pa3_sp {
    padding: 30px !important;
  }
  .pa4_sp {
    padding: 40px !important;
  }
  .pa5_sp {
    padding: 50px !important;
  }
  .pa6_sp {
    padding: 60px !important;
  }
  .pa7_sp {
    padding: 70px !important;
  }
  .pa8_sp {
    padding: 80px !important;
  }
  .pa9_sp {
    padding: 90px !important;
  }
  .pa10_sp {
    padding: 10px !important;
  }
  .pa11_sp {
    padding: 11px !important;
  }
  .pa12_sp {
    padding: 12px !important;
  }
  .pa13_sp {
    padding: 13px !important;
  }
  .pa14_sp {
    padding: 14px !important;
  }
  .pa15_sp {
    padding: 15px !important;
  }
  .pa16_sp {
    padding: 16px !important;
  }
  .pa17_sp {
    padding: 17px !important;
  }
  .pa18_sp {
    padding: 18px !important;
  }
  .pa19_sp {
    padding: 19px !important;
  }
  .pa20_sp {
    padding: 20px !important;
  }
  .pa25_sp {
    padding: 25px !important;
  }
  .pa30_sp {
    padding: 30px !important;
  }
  .pa35_sp {
    padding: 35px !important;
  }
  .pa40_sp {
    padding: 40px !important;
  }
  .px107_sp {
    padding: 0 10.7% !important;
  }
  .pt0_sp {
    padding-top: 0 !important;
  }
  .pt1_sp {
    padding-top: 10px !important;
  }
  .pt2_sp {
    padding-top: 20px !important;
  }
  .pt3_sp {
    padding-top: 30px !important;
  }
  .pt4_sp {
    padding-top: 40px !important;
  }
  .pt5_sp {
    padding-top: 50px !important;
  }
  .pt6_sp {
    padding-top: 60px !important;
  }
  .pt7_sp {
    padding-top: 70px !important;
  }
  .pt8_sp {
    padding-top: 80px !important;
  }
  .pt9_sp {
    padding-top: 90px !important;
  }
  .pt10_sp {
    padding-top: 10px !important;
  }
  .pt11_sp {
    padding-top: 11px !important;
  }
  .pt12_sp {
    padding-top: 12px !important;
  }
  .pt13_sp {
    padding-top: 13px !important;
  }
  .pt14_sp {
    padding-top: 14px !important;
  }
  .pt15_sp {
    padding-top: 15px !important;
  }
  .pt16_sp {
    padding-top: 16px !important;
  }
  .pt17_sp {
    padding-top: 17px !important;
  }
  .pt18_sp {
    padding-top: 18px !important;
  }
  .pt19_sp {
    padding-top: 19px !important;
  }
  .pt20_sp {
    padding-top: 20px !important;
  }
  .pt25_sp {
    padding-top: 25px !important;
  }
  .pt30_sp {
    padding-top: 30px !important;
  }
  .pt35_sp {
    padding-top: 35px !important;
  }
  .pt40_sp {
    padding-top: 40px !important;
  }
  .pt45_sp {
    padding-top: 45px !important;
  }
  .pt50_sp {
    padding-top: 50px !important;
  }
  .pt55_sp {
    padding-top: 55px !important;
  }
  .pt60_sp {
    padding-top: 60px !important;
  }
  .pt65_sp {
    padding-top: 65px !important;
  }
  .pt70_sp {
    padding-top: 70px !important;
  }
  .pt75_sp {
    padding-top: 75px !important;
  }
  .pt80_sp {
    padding-top: 80px !important;
  }
  .pt85_sp {
    padding-top: 85px !important;
  }
  .pt90_sp {
    padding-top: 90px !important;
  }
  .pt95_sp {
    padding-top: 95px !important;
  }
  .pt100_sp {
    padding-top: 100px !important;
  }
  .pb0_sp {
    padding-bottom: 0 !important;
  }
  .pb1_sp {
    padding-bottom: 10px !important;
  }
  .pb2_sp {
    padding-bottom: 20px !important;
  }
  .pb3_sp {
    padding-bottom: 30px !important;
  }
  .pb4_sp {
    padding-bottom: 40px !important;
  }
  .pb5_sp {
    padding-bottom: 50px !important;
  }
  .pb6_sp {
    padding-bottom: 60px !important;
  }
  .pb7_sp {
    padding-bottom: 70px !important;
  }
  .pb8_sp {
    padding-bottom: 80px !important;
  }
  .pb9_sp {
    padding-bottom: 90px !important;
  }
  .pb10_sp {
    padding-bottom: 10px !important;
  }
  .pb11_sp {
    padding-bottom: 11px !important;
  }
  .pb12_sp {
    padding-bottom: 12px !important;
  }
  .pb13_sp {
    padding-bottom: 13px !important;
  }
  .pb14_sp {
    padding-bottom: 14px !important;
  }
  .pb15_sp {
    padding-bottom: 15px !important;
  }
  .pb16_sp {
    padding-bottom: 16px !important;
  }
  .pb17_sp {
    padding-bottom: 17px !important;
  }
  .pb18_sp {
    padding-bottom: 18px !important;
  }
  .pb19_sp {
    padding-bottom: 19px !important;
  }
  .pb20_sp {
    padding-bottom: 20px !important;
  }
  .pb25_sp {
    padding-bottom: 25px !important;
  }
  .pb30_sp {
    padding-bottom: 30px !important;
  }
  .pb35_sp {
    padding-bottom: 35px !important;
  }
  .pb40_sp {
    padding-bottom: 40px !important;
  }
  .pb45_sp {
    padding-bottom: 45px !important;
  }
  .pb50_sp {
    padding-bottom: 50px !important;
  }
  .pb55_sp {
    padding-bottom: 55px !important;
  }
  .pb60_sp {
    padding-bottom: 60px !important;
  }
  .pb65_sp {
    padding-bottom: 65px !important;
  }
  .pb70_sp {
    padding-bottom: 70px !important;
  }
  .pb75_sp {
    padding-bottom: 75px !important;
  }
  .pb80_sp {
    padding-bottom: 80px !important;
  }
  .pb85_sp {
    padding-bottom: 85px !important;
  }
  .pb90_sp {
    padding-bottom: 90px !important;
  }
  .pb95_sp {
    padding-bottom: 95px !important;
  }
  .pb100_sp {
    padding-bottom: 100px !important;
  }
  .pl0_sp {
    padding-left: 0 !important;
  }
  .pl1_sp {
    padding-left: 10px !important;
  }
  .pl2_sp {
    padding-left: 20px !important;
  }
  .pl3_sp {
    padding-left: 30px !important;
  }
  .pl4_sp {
    padding-left: 40px !important;
  }
  .pl5_sp {
    padding-left: 50px !important;
  }
  .pl6_sp {
    padding-left: 60px !important;
  }
  .pl7_sp {
    padding-left: 70px !important;
  }
  .pl8_sp {
    padding-left: 80px !important;
  }
  .pl9_sp {
    padding-left: 90px !important;
  }
  .pl10_sp {
    padding-left: 10px !important;
  }
  .pl11_sp {
    padding-left: 11px !important;
  }
  .pl12_sp {
    padding-left: 12px !important;
  }
  .pl13_sp {
    padding-left: 13px !important;
  }
  .pl14_sp {
    padding-left: 14px !important;
  }
  .pl15_sp {
    padding-left: 15px !important;
  }
  .pl16_sp {
    padding-left: 16px !important;
  }
  .pl17_sp {
    padding-left: 17px !important;
  }
  .pl18_sp {
    padding-left: 18px !important;
  }
  .pl19_sp {
    padding-left: 19px !important;
  }
  .pl20_sp {
    padding-left: 20px !important;
  }
  .pl25_sp {
    padding-left: 25px !important;
  }
  .pl30_sp {
    padding-left: 30px !important;
  }
  .pl35_sp {
    padding-left: 35px !important;
  }
  .pl40_sp {
    padding-left: 40px !important;
  }
  .pl45_sp {
    padding-left: 45px !important;
  }
  .pl50_sp {
    padding-left: 50px !important;
  }
  .pl55_sp {
    padding-left: 55px !important;
  }
  .pl60_sp {
    padding-left: 60px !important;
  }
  .pl65_sp {
    padding-left: 65px !important;
  }
  .pl70_sp {
    padding-left: 70px !important;
  }
  .pl75_sp {
    padding-left: 75px !important;
  }
  .pl80_sp {
    padding-left: 80px !important;
  }
  .pl85_sp {
    padding-left: 85px !important;
  }
  .pl90_sp {
    padding-left: 90px !important;
  }
  .pl95_sp {
    padding-left: 95px !important;
  }
  .pl100_sp {
    padding-left: 100px !important;
  }
  .pr0_sp {
    padding-right: 0 !important;
  }
  .pr1_sp {
    padding-right: 10px !important;
  }
  .pr2_sp {
    padding-right: 20px !important;
  }
  .pr3_sp {
    padding-right: 30px !important;
  }
  .pr4_sp {
    padding-right: 40px !important;
  }
  .pr5_sp {
    padding-right: 50px !important;
  }
  .pr6_sp {
    padding-right: 60px !important;
  }
  .pr7_sp {
    padding-right: 70px !important;
  }
  .pr8_sp {
    padding-right: 80px !important;
  }
  .pr9_sp {
    padding-right: 90px !important;
  }
  .pr10_sp {
    padding-right: 10px !important;
  }
  .pr11_sp {
    padding-right: 11px !important;
  }
  .pr12_sp {
    padding-right: 12px !important;
  }
  .pr13_sp {
    padding-right: 13px !important;
  }
  .pr14_sp {
    padding-right: 14px !important;
  }
  .pr15_sp {
    padding-right: 15px !important;
  }
  .pr16_sp {
    padding-right: 16px !important;
  }
  .pr17_sp {
    padding-right: 17px !important;
  }
  .pr18_sp {
    padding-right: 18px !important;
  }
  .pr19_sp {
    padding-right: 19px !important;
  }
  .pr20_sp {
    padding-right: 20px !important;
  }
  .pr25_sp {
    padding-right: 25px !important;
  }
  .pr30_sp {
    padding-right: 30px !important;
  }
  .pr35_sp {
    padding-right: 35px !important;
  }
  .pr40_sp {
    padding-right: 40px !important;
  }
  .pr45_sp {
    padding-right: 45px !important;
  }
  .pr50_sp {
    padding-right: 50px !important;
  }
  .pr55_sp {
    padding-right: 55px !important;
  }
  .pr60_sp {
    padding-right: 60px !important;
  }
  .pr65_sp {
    padding-right: 65px !important;
  }
  .pr70_sp {
    padding-right: 70px !important;
  }
  .pr75_sp {
    padding-right: 75px !important;
  }
  .pr80_sp {
    padding-right: 80px !important;
  }
  .pr85_sp {
    padding-right: 85px !important;
  }
  .pr90_sp {
    padding-right: 90px !important;
  }
  .pr95_sp {
    padding-right: 95px !important;
  }
  .pr100_sp {
    padding-right: 100px !important;
  }

  /* ===== Width ===== */
  .w10_sp {
    width: 10px !important;
  }
  .w20_sp {
    width: 20px !important;
  }
  .w30_sp {
    width: 30px !important;
  }
  .w40_sp {
    width: 40px !important;
  }
  .w50_sp {
    width: 50px !important;
  }
  .w60_sp {
    width: 60px !important;
  }
  .w70_sp {
    width: 70px !important;
  }
  .w80_sp {
    width: 80px !important;
  }
  .w90_sp {
    width: 90px !important;
  }
  .w100_sp {
    width: 100px !important;
  }
  .w110_sp {
    width: 110px !important;
  }
  .w120_sp {
    width: 120px !important;
  }
  .w130_sp {
    width: 130px !important;
  }
  .w140_sp {
    width: 140px !important;
  }
  .w150_sp {
    width: 150px !important;
  }
  .w160_sp {
    width: 160px !important;
  }
  .w170_sp {
    width: 170px !important;
  }
  .w180_sp {
    width: 180px !important;
  }
  .w190_sp {
    width: 190px !important;
  }
  .w200_sp {
    width: 200px !important;
  }
  .w210_sp {
    width: 210px !important;
  }
  .w220_sp {
    width: 220px !important;
  }
  .w230_sp {
    width: 230px !important;
  }
  .w240_sp {
    width: 240px !important;
  }
  .w250_sp {
    width: 250px !important;
  }
  .w260_sp {
    width: 260px !important;
  }
  .w270_sp {
    width: 270px !important;
  }
  .w280_sp {
    width: 280px !important;
  }
  .w290_sp {
    width: 290px !important;
  }
  .w300_sp {
    width: 300px !important;
  }
  .w310_sp {
    width: 310px !important;
  }
  .w320_sp {
    width: 320px !important;
  }
  .w330_sp {
    width: 330px !important;
  }
  .w340_sp {
    width: 340px !important;
  }
  .w350_sp {
    width: 350px !important;
  }
  .w360_sp {
    width: 360px !important;
  }
  .w370_sp {
    width: 370px !important;
  }
  .w380_sp {
    width: 380px !important;
  }
  .w390_sp {
    width: 390px !important;
  }
  .w400_sp {
    width: 400px !important;
  }
  .w410_sp {
    width: 410px !important;
  }
  .w420_sp {
    width: 420px !important;
  }
  .w430_sp {
    width: 430px !important;
  }
  .w440_sp {
    width: 440px !important;
  }
  .w450_sp {
    width: 450px !important;
  }
  .w460_sp {
    width: 460px !important;
  }
  .w470_sp {
    width: 470px !important;
  }
  .w480_sp {
    width: 480px !important;
  }
  .w490_sp {
    width: 490px !important;
  }
  .w500_sp {
    width: 500px !important;
  }
  .w510_sp {
    width: 510px !important;
  }
  .w520_sp {
    width: 520px !important;
  }
  .w530_sp {
    width: 530px !important;
  }
  .w540_sp {
    width: 540px !important;
  }
  .w550_sp {
    width: 550px !important;
  }
  .w560_sp {
    width: 560px !important;
  }
  .w570_sp {
    width: 570px !important;
  }
  .w580_sp {
    width: 580px !important;
  }
  .w590_sp {
    width: 590px !important;
  }
  .w600_sp {
    width: 600px !important;
  }
  .w610_sp {
    width: 610px !important;
  }
  .w620_sp {
    width: 620px !important;
  }
  .w630_sp {
    width: 630px !important;
  }
  .w640_sp {
    width: 640px !important;
  }
  .w650_sp {
    width: 650px !important;
  }
  .w660_sp {
    width: 660px !important;
  }
  .w670_sp {
    width: 670px !important;
  }
  .w680_sp {
    width: 680px !important;
  }
  .w690_sp {
    width: 690px !important;
  }
  .w700_sp {
    width: 700px !important;
  }
  .w710_sp {
    width: 710px !important;
  }
  .w720_sp {
    width: 720px !important;
  }
  .w730_sp {
    width: 730px !important;
  }
  .w740_sp {
    width: 740px !important;
  }
  .w750_sp {
    width: 750px !important;
  }
  .w760_sp {
    width: 760px !important;
  }
  .w770_sp {
    width: 770px !important;
  }
  .w780_sp {
    width: 780px !important;
  }
  .w790_sp {
    width: 790px !important;
  }
  .w5p_sp {
    width: 5% !important;
  }
  .w10p_sp {
    width: 10% !important;
  }
  .w15p_sp {
    width: 15% !important;
  }
  .w20p_sp {
    width: 20% !important;
  }
  .w25p_sp {
    width: 25% !important;
  }
  .w30p_sp {
    width: 30% !important;
  }
  .w33p_sp {
    width: 33% !important;
  }
  .w35p_sp {
    width: 35% !important;
  }
  .w40p_sp {
    width: 40% !important;
  }
  .w45p_sp {
    width: 45% !important;
  }
  .w50p_sp {
    width: 50% !important;
  }
  .w55p_sp {
    width: 55% !important;
  }
  .w60p_sp {
    width: 60% !important;
  }
  .w65p_sp {
    width: 65% !important;
  }
  .w67p_sp {
    width: 67% !important;
  }
  .w70p_sp {
    width: 70% !important;
  }
  .w75p_sp {
    width: 75% !important;
  }
  .w80p_sp {
    width: 80% !important;
  }
  .w85p_sp {
    width: 85% !important;
  }
  .w90p_sp {
    width: 90% !important;
  }
  .w95p_sp {
    width: 95% !important;
  }
  .w100p_sp {
    width: 100% !important;
  }
  /* ===== Font ===== */
  .font10_sp {
    font-size: 10px !important;
  }
  .font11_sp {
    font-size: 11px !important;
  }
  .font12_sp {
    font-size: 12px !important;
  }
  .font13_sp {
    font-size: 13px !important;
  }
  .font14_sp {
    font-size: 14px !important;
  }
  .font15_sp {
    font-size: 15px !important;
  }
  .font16_sp {
    font-size: 16px !important;
  }
  .font17_sp {
    font-size: 17px !important;
  }
  .font18_sp {
    font-size: 18px !important;
  }
  .font19_sp {
    font-size: 19px !important;
  }
  .font20_sp {
    font-size: 20px !important;
  }
  .font21_sp {
    font-size: 21px !important;
  }
  .font22_sp {
    font-size: 22px !important;
  }
  .font23_sp {
    font-size: 23px !important;
  }
  .font24_sp {
    font-size: 24px !important;
  }
  .font25_sp {
    font-size: 25px !important;
  }
  .font26_sp {
    font-size: 26px !important;
  }
  .font27_sp {
    font-size: 27px !important;
  }
  .font28_sp {
    font-size: 28px !important;
  }
  .font29_sp {
    font-size: 29px !important;
  }
  .font30_sp {
    font-size: 30px !important;
  }
  .font31_sp {
    font-size: 31px !important;
  }
  .font32_sp {
    font-size: 32px !important;
  }
  .font33_sp {
    font-size: 33px !important;
  }
  .font34_sp {
    font-size: 34px !important;
  }
  .font35_sp {
    font-size: 35px !important;
  }
  .font36_sp {
    font-size: 36px !important;
  }
  .font37_sp {
    font-size: 37px !important;
  }
  .font38_sp {
    font-size: 38px !important;
  }
  .font39_sp {
    font-size: 39px !important;
  }
  .font40_sp {
    font-size: 40px !important;
  }
  .font41_sp {
    font-size: 41px !important;
  }
  .font42_sp {
    font-size: 42px !important;
  }
  .font43_sp {
    font-size: 43px !important;
  }
  .font44_sp {
    font-size: 44px !important;
  }
  .font45_sp {
    font-size: 45px !important;
  }
  .font46_sp {
    font-size: 46px !important;
  }
  .font47_sp {
    font-size: 47px !important;
  }
  .font48_sp {
    font-size: 48px !important;
  }
  .font49_sp {
    font-size: 49px !important;
  }
  .font50_sp {
    font-size: 50px !important;
  }
  .font51_sp {
    font-size: 51px !important;
  }
  .font52_sp {
    font-size: 52px !important;
  }
  .font53_sp {
    font-size: 53px !important;
  }
  .font54_sp {
    font-size: 54px !important;
  }
  .font55_sp {
    font-size: 55px !important;
  }
  .font56_sp {
    font-size: 56px !important;
  }
  .font57_sp {
    font-size: 57px !important;
  }
  .font58_sp {
    font-size: 58px !important;
  }
  .font59_sp {
    font-size: 59px !important;
  }
  .font60_sp {
    font-size: 60px !important;
  }

  .fontW100_sp {
    font-weight: 100 !important;
  }
  .fontW200_sp {
    font-weight: 200 !important;
  }
  .fontW300_sp {
    font-weight: 300 !important;
  }
  .fontW400_sp {
    font-weight: 400 !important;
  }
  .fontW500_sp {
    font-weight: 500 !important;
  }
  .fontW600_sp {
    font-weight: 600 !important;
  }
  .fontW700_sp {
    font-weight: 700 !important;
  }
  .fontW800_sp {
    font-weight: 800 !important;
  }
  .fontW900_sp {
    font-weight: 900 !important;
  }
  .txtLeft_sp {
    text-align: left !important;
  }
  .txtCenter_sp {
    text-align: center !important;
  }
  .txtRight_sp {
    text-align: right !important;
  }
  .fontBold_sp {
    font-weight: bold !important;
  }
  .fontNormal_sp {
    text-align: normal !important;
  }
  .whiteSpaceNormal_sp {
    white-space: normal !important;
  }
  /* ===== line-height ===== */
  .lh100_sp {
    line-height: 1.0 !important;
  }
  .lh110_sp {
    line-height: 1.1 !important;
  }
  .lh120_sp {
    line-height: 1.2 !important;
  }
  .lh130_sp {
    line-height: 1.3 !important;
  }
  .lh140_sp {
    line-height: 1.4 !important;
  }
  .lh150_sp {
    line-height: 1.5 !important;
  }
  .lh160_sp {
    line-height: 1.6 !important;
  }
  .lh170_sp {
    line-height: 1.7 !important;
  }
  .lh180_sp {
    line-height: 1.8 !important;
  }
  .lh190_sp {
    line-height: 1.9 !important;
  }
  .lh200_sp {
    line-height: 2.0 !important;
  }
  /* ===== Float ===== */
  .fl_sp {
    float: left !important;
  }
  .fr_sp {
    float: right !important;
  }
  .clear_sp {
    clear: both !important;
  }
  /* ===== Display ===== */
  .block_sp {
    display: block !important;
  }
  .inline_sp {
    display: inline !important;
  }
  .inlineBlock_sp {
    display: inline-block !important;
  }
  .hidden_sp {
    overflow: hidden !important;
  }
}

/* 福田追記　コラム記事向けアコーディオン・引用テーマ */
.cp_actab {
	position: relative;
/*	overflow: hidden; */
	width: 100%;
	margin: 0;
	color: #ffffff;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	line-height: 3;
	position: relative;
	display: block;
	padding: 0 2em 0 1em;
	cursor: pointer;
	margin: 0 0 -10px 0;
	background: #416871;
}
#faq_kanaria .cp_actab label {
	background: #6F9D73;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #202020;
	background: #ffffff;
}
.cp_actab .cp_actab-content p {
	margin: 1em;
	font-size: 21px;
	font-weight: 300;
	line-height: 1.8;
}

.cp_actab .cp_actab-content li p {
	margin: 0.5em;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .cp_actab .cp_actab-content p {
    font-size: 16px;
	margin-bottom: 20px;
  }
}

/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 9000px;
}
/* Icon */
.cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: -0.5em;
	right: -0.5em;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
	font-size: 1.5em;
}
.cp_actab input[type=checkbox] + label::after {
	content: '＋';
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}



.clm01 {
	margin-bottom: 30px;
	font-size: 28px;
	line-height: 1.3;
	font-weight: 600;
	color: #202020;
}

.clm02 {
	margin-bottom: 30px;
	font-size: 24px;
	line-height: 1.3;
	font-weight: bold;
	color: #000000;
}

.clm03 {
	margin-bottom: 30px;
	font-size: 21px;
	line-height: 1.3;
	font-weight: 550;
	color: #202020;
}

@media screen and (max-width: 768px) {
  .clm01 {
    font-size: 21px;
  }
}

@media screen and (max-width: 768px) {
  .clm02 {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  .clm03 {
    font-size: 16px;
  }
}

.squareli ul{
	list-style-image: url("../img/latest_products/fumehood/replacement/square.svg");
	font-size: 21px;
	font-weight: 300;
	line-height: 1.8;
	color: #202020;
}

.squareli p{
	font-size: 15px;
	font-weight: 200;
	line-height: 1.5;
	color: #202020;
}

@media screen and (max-width: 768px) {
  .squareli ul {
    font-size: 16px;
	margin-bottom: 20px;
  }
}

blockquote {
    position: relative;
    padding: 30px 15px 8px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 15px;
    content: "\f10e";
    font-family: "Font Awesome 5 Free";
    color: #cfcfcf;
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

.frame {
 padding: 1em 1em;
 margin: 2em 0;
 border: 3px solid #aaa;
 position: relative;
 border-radius: 3px;
 background-color: #fff;
}
.frame-title {
 position: absolute;
 top: -13px;
 left: 20px;
 padding: 0 5px;
 background-color: #fff;
}
.frame-title .fa {
 margin-right: 5px;
}
.caution {
 background-color: #ff4500;
 border: 2px solid #ff4500;
 color: #fff;
 border-radius: 3px;
}
.frame-red {
 border-color: #ff4500;
}
.cautioncontent {
 padding: 0;
 margin: 0;
}

.textBoxclm {
    padding: 20px 0 30px 0;
	margin: 0 auto;
	width: 940px;
}

@media screen and (max-width: 768px) {
  .textBoxclm {
      margin:0 0 30px;
	  width: 100%;
	  padding: 0 8%;
  }
}


#mainArea #subMenuArea .titleclm {
  margin-bottom: 5px;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.4;
  color: #404040;
}

@media screen and (max-width: 768px) {
  #mainArea #subMenuArea .titleclm {
    font-size: 18px;
	padding-left: 10.7%;
  }
}


/*寺井追記*/
  #mainArea #mvAreaK{
      position: relative;
      margin-bottom: 90px;
}
  @media screen and (max-width: 768px) {
      #mainArea #mvAreaK{
          position: relateve;
          margin-bottom: 0;
      }
}
  #mainArea #mvAreaK .mvTextBoxK{
      font-family: "Arial","Jost";
	  position: absolute;
      bottom: 50%;
      left: 150px;
      -webkit-transform: translateY(50%);
      transform: translateY(50%);
      display: block;
     font-size: 65px;
     font-weight: 700;
     line-height: 75px;
     color: #404040;
}
  @media screen and (max-width: 768px) {
   #mainArea #mvAreaK .mvTextBoxK {
          font-family: "Arial","Jost";
	      position: absolute;
          left: 10px;
          top: 75px;
          -webkit-transform: translateY(0);
          transform: translateY(0);
          display: block;
       font-size: 20px;
    line-height: 20px;
      }
}
      
      
/*** スライダー日本語対応用 ***/
.jatitle {
	font-size: 24px;
	vertical-align: top;
	line-height: 40px;
}

@media screen and (max-width: 768px) {
  .jatitle {
    font-size: 12px;
    line-height: 12px;
  }
}


/*** コラム箇条書き左揃え対応 ***/
@media screen and (min-width: 769px) {
	.itemized-left {
		margin-left: 2em;
	}
}

.bgpGrey {
  background-color: #F9F9F9;
}

.flameproject {
	border: 1px solid #000;
	margin: 1em 0;
	padding: 0.5em;
	width: 150px;
}


@media screen and (max-width: 768px) {
	.flameproject {
		text-align: center;
	}
}


.flameprojectW {
	border: 1px solid #fff;
	margin: 1em 0;
	padding: 0.5em;
	width: 150px;
}

@media screen and (max-width: 768px) {
	.flameprojectW {
		border: 1px solid #000;
		text-align: center;
	}
}

.textproject {
    font-family: Times New Roman,serif;
	display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    color: #404040;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.textproject {
		font-size: 16px;
	}
}

/* 20210903 SDGs */
.sdgsbg {
	background-color: rgba(255,255,255,0.7);
	padding: 20px;
}



#mainArea .column02 .textBoxlower.leftBox {
  bottom: 10%;
	left: 50%;
  -webkit-transform: translate(-50%,10%);
          transform: translate(-50%,10%);
}

@media screen and (max-width: 768px) {
  #mainArea .column02 .textBoxlower.leftBox {
    position: relative;
    padding: 30px 8% 40px;
    bottom: auto;
  }
}

#mainArea .column02 .textBoxlower {
  position: absolute;
  width: 940px;
	padding: 0 140;
}

@media screen and (max-width: 768px) {
  #mainArea .column02 .textBoxlower {
    width: 100%;
	  max-width: 100%;
    padding: 0 8%;
  }
}

@media screen and (min-width: 769px) {
#mainArea .column02 .textBoxlowerC.leftBox {
  bottom: 50%;
	left: 50%;
  -webkit-transform: translate(-50%,50%);
          transform: translate(-50%,50%);
}
}

@media screen and (max-width: 768px) {
  #mainArea .column02 .textBoxlowerC.leftBox {
    position: relative;
    padding: 30px 8% 40px;
    bottom: auto;
  }
}

@media screen and (min-width: 769px) {
#mainArea .column02 .textBoxlowerC {
  position: absolute;
  width: 940px;
	padding: 0 140;
}
}

@media screen and (max-width: 768px) {
  #mainArea .column02 .textBoxlowerC {
    width: 100%;
	  max-width: 100%;
    padding: 0 8%;
  }
}


.iv01 {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 28px;
	line-height: 2.0;
}


@media screen and (max-width: 768px) {
  .iv01 {
    font-size: 21px;
  }
}

.iv02 {
	margin-bottom: 30px;
	font-size: 21px;
	line-height: 1.5;
}


@media screen and (max-width: 768px) {
  .iv02 {
    font-size: 16px;
  }
}

.iv03 {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 16px;
	line-height: 2.0;
}


@media screen and (max-width: 768px) {
  .iv03 {
    font-size: 12px;
  }
}

.txtTarget {
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.8;
  display: inline-block; /* インライン要素にすることで横に回り込む */
  vertical-align: middle; /* 上下中央に寄せる */ 
}

@media screen and (max-width: 768px) {
  .txtTarget {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

/* 寺井追記 9/29/2021 コラム用表組 */
.clmtable {
	font-size: 18px;
	line-height: 1.3;
	font-weight: 350;
	color: #404040;
    width: 940px;
}

@media screen and (max-width: 768px) {
  .clmtable {
    font-size: 10px;
    width: 100%;
  }
}

.clmtable01 caption{
    caption-side: top;
    text-align: left;
    color: #404040;
    font-weight: 550;
}

.clmtable th{
    background-color: #416871;
    color: #FFFFFF;
    padding: 5px 5px;
    text-align: center;  
}

.clmtable td{
    padding: 5px 5px;
}


.tableimg {
    width: 150px;
    height: 150px;
}

@media screen and (max-width: 768px) {
  .tableimg  {
    width: 50px;
    height: 50px;
  }
}

.under {
    background: linear-gradient(transparent 70%, yellow 70%);
}


table.abc{
	display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 25px;
    border-collapse: collapse;
    border-spacing: 0;
}

@media screen and (max-width: 768px) {
  table.abc  {
      display: table;
      table-layout: fixed;
      width: 100%;
      margin-bottom: 0px;
    border-collapse: collapse;
    border-spacing: 0;
  }
}


table.abc th {
    max-width: 240px;
    width: 20%;
    height:154px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 25px 0;
    vertical-align: middle;
}

table.abc th.first {
   height: 78px;
}


@media screen and (max-width: 768px) {
  table.abc th  {
      max-width: 240px;
      width: 20%;
      height: auto;
      font-size: 12px;
      font-weight: bold;
      text-align: center;
      padding: 0 0;
      vertical-align: middle;
  }
}


table.abc tr {
    border-bottom: 1px
    solid #7F7E7E;
}

table.abc .cl {
    background: #40666F;
    background: linear-gradient(90deg, #FFF 3%, #40666F 3%);
    color: #fff;
    height: 78px;
}

table.abc .op{
    background: linear-gradient(90deg, #FFF 3%, #EFEFEF 3%, #EFEFEF 97%, #FFF 97%);
    height: 78px;
}

table.abc td {
    max-width: 196px;
    width: 40%;
    background: linear-gradient(90deg, #FFF 3%, #EFEFEF 3%, #EFEFEF 97%, #FFF 97%);
    border-bottom: 1px solid #7F7E7E;
    vertical-align: middle;
    padding: 25px 0;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}

@media screen and (max-width: 768px) {
    table.abc td{
        max-width: 196px;
        width: 40%;
        background: linear-gradient(90deg, #FFF 3%, #EFEFEF 3%, #EFEFEF 97%, #FFF 97%);
        border-bottom: 1px solid #7F7E7E;
        vertical-align: middle;
        padding: 0 0;
        text-align: center;
        font-size: 10px;
        line-height: normal;
}
    }

table.abc td span {
    width: 38px;
    display: block;
    margin: 0 auto 15px;    
}

@media screen and (max-width: 768px) {
    table.abc td span{
        width: 19px;
    }
}
    

table.abc td img {
    width: 100%;
    height: auto;
    display: block;
}


table.abc th.op:last-of-type, table.abc td:last-of-type {
    background: linear-gradient(90deg, #FFF 3%, #EFEFEF 3%);
}


@media screen and (min-width: 769px) {
	#aform-7 {
		margin: 30px auto;
		width: 992px;
	}
}

@media screen and (max-width: 768px) {
	#aform-7 {
		margin: 5px;
	}
}

/* 220518-ipj2022 */
#ipj2022 {
	background-image: url("../img/experience/ipj2022/bg_image_a2.jpg");
}


@media screen and (max-width: 768px) {
  #ipj2022 .p {
	 font-size: 16px;
  }
}


body .en_copy {
  font-family: Times New Roman,serif;
  font-style: normal;
  font-weight: 400;
  color: #473728;
  font-size: 3rem;
  
}

/** Column Rewite_terai_220912 **/

#toc_container {
position: relative;
width: 100% !important;
margin: 2.5em 0;
padding: 20px 15px;
box-sizing: border-box;
border: 1px solid #707070;
font-size: 1em;
}
#toc_container .toc_title {
display: inline-block;
position: relative;
padding: 5px 0 5px 10px;
font-size: 23px;
font-weight: bold;
}
#toc_container .toc_title:before {
display: inline-block;
position: absolute;
top: 0;
left: -45px;
width: 50px;
height: 50px;
border-radius: 50%;
color: #fff;
font-family: FontAwesome;
font-size: 20px;
font-weight: normal;
text-align: center;
line-height: 50px;
content: "\f0ca";
}
#toc_container ul {
list-style-type: none;
padding: 0;
border: 0;
}
#toc_container .toc_list li {
font-weight: bold;
padding-bottom: 0.5em;
}
#toc_container .toc_list .indent1{
    text-indent: 1rem;
}
#toc_container .toc_list .indent2{
    text-indent: 2rem;
}
#toc_container .toc_list {
margin-bottom: 0;
margin-left: 18px;
color: #585858;
}
#toc_container .toc_list li ul {
margin: 5px;
padding-left: 15px;
}

#toc_container .toc_list li a {
color: #000000;
}

#mainArea .column02 h4{
    font-size:21px;
    font-weight:bold;
    margin-bottom:30px;
}

@media screen and (max-width: 768px) {
  #mainArea .column02 h4{
    font-size:16px;
  }
}

#mainArea #spec table{
	width: 100%;
}

@media screen and (min-width: 769px) {
	#mainArea #spec th{
		width: 30%;
		white-space: normal;
	}
}

@media screen and (min-width: 769px) {
	#mainArea #spec td{
		width: 70%;
		white-space: normal;

	
	}
}

@media screen and (max-width: 768px) {
	#mainArea #spec th{
		width: 50%;
		white-space: normal;
	}
}


@media screen and (max-width: 768px) {
	#mainArea #spec td{
		width: 50%;
		white-space: normal;
	}
}


#mainArea #spec table,th,td{
	border-top: solid 1px;
	border-bottom: solid 1px;
	font-weight: normal;
	padding: 10px 5px;
}

#mainArea #spec li{
	margin: 1em;
	font-size: 21px;
	font-weight: 300;
	line-height: 1.8;
}

#mainArea #index a{
	text-decoration: none;
	color: #000000;
}

#mainArea #index a:hover{
	text-decoration: none;
	color: #000000;
}

@media screen and (min-width: 769px) {
	#mainArea #index .hover11, .hover11 *, .hover11::before, .hover11::after, .hover11 *::before, .hover11 *::after {
		transition: all 0.2s;
	}
}

@media screen and (max-width: 768px) {
	#mainArea #index .hover11, .hover11 *, .hover11::before, .hover11::after, .hover11 *::before, .hover11 *::after {
		transition: none;
	}
}

@media screen and (min-width: 769px) {
	#mainArea #index .hover11:hover{
		transform: scale(1.5,1.5);
	}
}

@media screen and (max-width: 768px) {
	#mainArea #index .hover11:hover{
		transform: none;
	}
}

#mainArea #faq .cp_actab .cp_actab-conent ul,li {
    font-size: 21px;
    font-weight: 300;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
	#mainArea #faq .cp_actab .cp_actab-conent ul,li {
		font-size: 16px;
	}
}

#mainArea .genre li {
  display: inline-block;
}

/*
#mainArea #index a:hover{
	text-decoration: none;
	color: #000000;
}

 20220303-supportpage */


#mainArea .btn01 a {
  width: 180px;
  height: 40px;
  font-size: 15px;
  color: #fff !important; 
  border-radius: 23px;
  background-color: #404040;
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  #mainArea .btn01 {
    position: absolute;
	right: 50%;
	-webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  #mainArea .btn01 a {
    width: 150px;
    height: 31px;
  }
}

@media screen and (min-width: 769px) {
  #mainArea .btn01 a.hover01:hover {
    width: 200px;
    text-decoration: none;
  }
}


p.txt02.txtCenter_sp.reset01 {
    margin-bottom: 30px;
}

#mainArea .supportOuter01 {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 {
    margin-bottom: 50px;
  }
}

#mainArea .supportOuter01 .inner01 {
  margin: 0 auto;
  width: 960px;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .inner01 {
    width: 100%;
    padding: 0 8%;
  }
}

#mainArea .supportOuter01 .title01 {
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 34px;
  color: #404040;
  line-height: 1.5;
  border-bottom: 1px solid #686D70;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .title01 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 5.6vw;
    text-align: center;
  }
}

#mainArea .supportOuter01 .title02 {
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 24px;
  color: #404040;
  line-height: 1.5;
  border-bottom: 1px solid #686D70;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .title02 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 5.6vw;
    text-align: center;
  }
}

#mainArea .supportOuter01 .text01 {
  font-size: 18px;
  line-height: 1.5;
  color: #404040;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .text01 {
    font-size: 16px;
  }
}

#mainArea .supportOuter01 .text02 {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.5;
  color: #686D70;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .text02 {
    margin-bottom: 20px;
    font-size: 12px;
  }
}

#mainArea .supportOuter01 .listCheck01 li {
  font-size: 18px;
  line-height: 1.5;
  color: #404040;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .listCheck01 li {
    font-size: 14px;
  }
}

#mainArea .supportOuter01 .listCheck01 li label {
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .listCheck01 li label {
	width: 95%;
    position: relative;
    padding-left: 15px;
  }
  #mainArea .supportOuter01 .listCheck01 li label .checkBox {
    position: absolute;
    top: 3px;
    left: 0;
  }
}

#mainArea .supportOuter01 .listCheck01 li span {
  margin-left: 5px;
  display: inline-block;
}

#mainArea .supportOuter01 .listCheck01 li span.etc {
  margin-left: 15px;
}

#mainArea .supportOuter01 .listForm01 li {
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 1.5;
  color: #404040;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .listCheck01 li span {
	margin-left: 0px;
  }

  #mainArea .supportOuter01 .listForm01 li {
    font-size: 14px;
  }
}

#mainArea .supportOuter01 .listForm01 li .w01 {
  margin: 0 5px;
  display: inline-block;
  width: 65px;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .listForm01 li .w01 {
    margin: 0;
  }
}

#mainArea .supportOuter01 .listForm01 li .w02 {
  margin: 0 5px;
  display: inline-block;
  width: 85px;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .listForm01 li .w02 {
    margin: 0;
  }
}

#mainArea .supportOuter01 .listForm01 li .w03 {
  margin: 0 5px;
  display: inline-block;
  width: 477px;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .listForm01 li .w03 {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .listForm01 li .spTitle {
    display: block;
    margin-bottom: 5px;
  }
}

#mainArea .supportOuter01 .listForm01 li .spTitle02 {
  display: inline-block;
  width: 4rem;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .listForm01 li .spTitle02 {
    display: block;
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .listForm01 li .spLine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #mainArea .supportOuter01 .listForm01 li .spLine .text {
    margin: 0 5px;
  }
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .listFile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

#mainArea .supportOuter01 .listFile .btnFile {
  display: none;
}

#mainArea .supportOuter01 .listFile .filename {
  margin-left: 20px;
  display: inline-block;
  width: 250px;
  height: 28px;
  padding: 0 10px;
  font-size: 18px;
  border: 1px solid #9BA4A9;
  vertical-align: middle;
  background-color: #F0F3F5;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .listFile .filename {
    width: 100%;
    margin-left: 0;
  }
}

#mainArea .supportOuter01 .listFile .fileLabel {
  margin-left: 15px;
  padding: 0 10px;
  font-size: 14px;
  height: 28px;
  display: inline-block;
  color: #008DAB;
  border: 2px solid #008DAB;
  border-radius: 6px;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .listFile .fileLabel {
    white-space: nowrap;
  }
}

#mainArea .supportOuter01 .listFile .fileLabel span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#mainArea .supportOuter01 .listFile.changed .filename {
  background-color: #fff;
}

#mainArea .supportOuter01 input[type="text"] {
  width: 100%;
  height: 35px;
  padding: 0 10px;
  font-size: 18px;
  border: 1px solid #9BA4A9;
}

#mainArea .supportOuter01 input[type="text"].input01 {
  width: 350px;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 input[type="text"].input01 {
    width: 50%;
  }
}

#mainArea .supportOuter01 input[type="text"].input02 {
  margin-left: 10px;
  width: 250px;
  height: 28px;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 input[type="text"].input02 {
    margin-left: 0;
    width: 100%;
    font-size: 14px;
  }
}

#mainArea .supportOuter01 input[type="text"].input03 {
  width: 460px;
  height: 28px;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 input[type="text"].input03 {
    width: 100%;
    font-size: 14px;
  }
}

#mainArea .supportOuter01 input[type="text"].input04 {
  height: 28px;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 input[type="text"].input04 {
    padding: 0 5px;
    width: 100%;
    font-size: 3.7333333333333334vw;
  }
}

#mainArea .supportOuter01 input[type="tel"] {
  width: 100%;
  height: 35px;
  padding: 0 10px;
  font-size: 18px;
  border: 1px solid #9BA4A9;
}

#mainArea .supportOuter01 input[type="tel"].input01 {
  width: 350px;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 input[type="tel"].input01 {
    width: 50%;
  }
}

#mainArea .supportOuter01 input[type="tel"].input02 {
  margin-left: 10px;
  width: 250px;
  height: 28px;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 input[type="tel"].input02 {
    margin-left: 0;
    width: 100%;
    font-size: 14px;
  }
}

#mainArea .supportOuter01 input[type="tel"].input03 {
  width: 460px;
  height: 28px;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 input[type="tel"].input03 {
    width: 100%;
    font-size: 14px;
  }
}

#mainArea .supportOuter01 input[type="tel"].input04 {
  height: 28px;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 input[type="tel"].input04 {
    padding: 0 5px;
    width: 100%;
    font-size: 3.7333333333333334vw;
  }
}

#mainArea .supportOuter01 input[type="email"] {
  width: 100%;
  height: 35px;
  padding: 0 10px;
  font-size: 18px;
  border: 1px solid #9BA4A9;
}

#mainArea .supportOuter01 input[type="email"].input01 {
  width: 350px;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 input[type="email"].input01 {
    width: 50%;
  }
}

#mainArea .supportOuter01 input[type="email"].input02 {
  margin-left: 10px;
  width: 250px;
  height: 28px;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 input[type="email"].input02 {
    margin-left: 0;
    width: 100%;
    font-size: 14px;
  }
}

#mainArea .supportOuter01 input[type="email"].input03 {
  width: 460px;
  height: 28px;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 input[type="email"].input03 {
    width: 100%;
    font-size: 14px;
  }
}

#mainArea .supportOuter01 input[type="email"].input04 {
  height: 28px;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 input[type="email"].input04 {
    padding: 0 5px;
    width: 100%;
    font-size: 3.7333333333333334vw;
  }
}

#mainArea .supportOuter01 .select {
  width: 100%;
  height: 28px;
  padding: 0 10px;
  font-size: 18px;
  border: 1px solid #9BA4A9;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .select {
    padding: 0 5px;
    width: 100%;
    font-size: 3.7333333333333334vw;
  }
}

#mainArea .supportOuter01 .textarea {
  width: 100%;
  height: 210px;
  padding: 10px;
  font-size: 18px;
  border: 1px solid #9BA4A9;
}

@media screen and (max-width: 768px) {
  #mainArea .supportOuter01 .textarea {
    width: 100%;
    font-size: 14px;
  }
}

#mainArea #formArea .formBox {
  margin: 0 auto 40px;
  width: 800px;
}

@media screen and (max-width: 768px) {
  #mainArea #formArea .formBox {
    width: 100%;
  }
}

#mainArea #formArea .formBox th {
  padding-top: 20px;
  width: 160px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: #3B4043;
}

@media screen and (max-width: 768px) {
  #mainArea #formArea .formBox th {
    padding-top: 15px;
    width: 100%;
    display: block;
    font-size: 16px;
  }
}

#mainArea #formArea .formBox th label {
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  #mainArea #formArea .formBox th label {
    font-size: 16px;
  }
}

#mainArea #formArea .formBox td {
  padding-top: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: #3B4043;
}

@media screen and (max-width: 768px) {
  #mainArea #formArea .formBox td {
    padding-top: 10px;
    width: 100%;
    display: block;
    font-size: 16px;
  }
}

#mainArea #formArea .formBox td .btnAuto {
  margin-left: 17px;
  display: inline-block;
  line-height: 1;
}

#mainArea #formArea .formBox td .btnAuto button {
  padding: 6px 10px;
  display: inline-block;
  color: #008DAB;
  border: 2px solid #008DAB;
  border-radius: 6px;
  font-size: 14px;
}

@media screen and (min-width: 769px) {
  #mainArea #formArea .formBox td .btnAuto button:hover {
    text-decoration: none;
    opacity: 0.7;
  }
}

#mainArea #formArea .formBoxC {
  margin: 0 auto 40px;
  width: 800px;
}

@media screen and (max-width: 768px) {
  #mainArea #formArea .formBoxC {
    width: 100%;
  }
}

#mainArea #formArea .formBoxC th {
  background-color: #F0F3F5;
  padding-top: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: #3B4043;
}

@media screen and (max-width: 768px) {
  #mainArea #formArea .formBoxC th {
    padding-top: 15px;
    width: 100%;
    display: block;
    font-size: 16px;
  }
}

#mainArea #formArea .formBoxC th label {
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  #mainArea #formArea .formBox th label {
    font-size: 16px;
  }
}

#mainArea #formArea .formBoxC td {
  padding-top: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: #3B4043;
}

@media screen and (max-width: 768px) {
  #mainArea #formArea .formBoxC td {
    padding-top: 10px;
    width: 100%;
    display: block;
    font-size: 16px;
  }
}

#mainArea #formArea .formBoxC td .btnAuto {
  margin-left: 17px;
  display: inline-block;
  line-height: 1;
}

#mainArea #formArea .formBoxC td .btnAuto button {
  padding: 6px 10px;
  display: inline-block;
  color: #008DAB;
  border: 2px solid #008DAB;
  border-radius: 6px;
  font-size: 14px;
}

@media screen and (min-width: 769px) {
  #mainArea #formArea .formBoxC td .btnAuto button:hover {
    text-decoration: none;
    opacity: 0.7;
  }
}


#mainArea .privacyText {
  margin: 37px auto;
  width: 960px;
  padding: 30px 0;
  font-size: 18px;
  color: #3B4043;
  text-align: center;
  border-top: 1px solid #686D70;
  border-bottom: 1px solid #686D70;
}

@media screen and (max-width: 768px) {
  #mainArea .privacyText {
    margin: 25px auto;
    padding: 20px 0;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
  }
}

#mainArea #formArea .formButtonArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#mainArea #formArea .formButtonArea li {
  width: 250px;
  margin: 0 20px;
}

@media screen and (max-width: 768px) {
  #mainArea #formArea .formButtonArea li {
    width: 50%;
    margin: 0;
  }
  #mainArea #formArea .formButtonArea li:nth-child(odd) {
    padding-right: 10px;
  }
  #mainArea #formArea .formButtonArea li:nth-child(even) {
    padding-left: 10px;
  }
}

#mainArea #formArea .formButtonArea li button {
  width: 230px;
}

@media screen and (max-width: 768px) {
  #mainArea #formArea .formButtonArea li button {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  #mainArea #formArea .formButtonArea li button:hover {
    width: 250px;
  }
}

#mainArea #formArea .formButtonArea li a {
  width: 230px;
}

@media screen and (max-width: 768px) {
  #mainArea #formArea .formButtonArea li a {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  #mainArea #formArea .formButtonArea li a:hover {
    width: 250px;
  }
}

/* 20211202 OLIVE-TEST */

#mainArea #spec table{
	width: 100%;
}

@media screen and (min-width: 769px) {
	#mainArea #spec th{
		width: 30%;
		white-space: normal;
	}
}

@media screen and (min-width: 769px) {
	#mainArea #spec td{
		width: 70%;
		white-space: normal;

	
	}
}

@media screen and (max-width: 768px) {
	#mainArea #spec th{
		width: 50%;
		white-space: normal;
	}
}


@media screen and (max-width: 768px) {
	#mainArea #spec td{
		width: 50%;
		white-space: normal;
	}
}


#mainArea #spec table,th,td{
	border-top: solid 1px;
	border-bottom: solid 1px;
	font-weight: normal;
	padding: 10px 5px;
}

#mainArea #spec li{
	margin: 1em;
	font-size: 21px;
	font-weight: 300;
	line-height: 1.8;
}

#mainArea #index a{
	text-decoration: none;
	color: #000000;
}

#mainArea #index a:hover{
	text-decoration: none;
	color: #000000;
}

@media screen and (min-width: 769px) {
	#mainArea #index .hover11, .hover11 *, .hover11::before, .hover11::after, .hover11 *::before, .hover11 *::after {
		transition: all 0.2s;
	}
}

@media screen and (max-width: 768px) {
	#mainArea #index .hover11, .hover11 *, .hover11::before, .hover11::after, .hover11 *::before, .hover11 *::after {
		transition: none;
	}
}

@media screen and (min-width: 769px) {
	#mainArea #index .hover11:hover{
		transform: scale(1.5,1.5);
	}
}

@media screen and (max-width: 768px) {
	#mainArea #index .hover11:hover{
		transform: none;
	}
}

#mainArea #faq .cp_actab .cp_actab-conent ul,li {
    font-size: 21px;
    font-weight: 300;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
	#mainArea #faq .cp_actab .cp_actab-conent ul,li {
		font-size: 16px;
	}
}

#mainArea .genre li {
  display: inline-block;
}

/*
#mainArea #index a:hover{
	text-decoration: none;
	color: #000000;
}

 20220303-supportpage */


#mainArea .btn01 a {
  width: 180px;
  height: 40px;
  font-size: 15px;
  color: #fff !important; 
  border-radius: 23px;
  background-color: #404040;
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  #mainArea .btn01 {
    position: absolute;
	right: 50%;
	-webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  #mainArea .btn01 a {
    width: 150px;
    height: 31px;
  }
}

@media screen and (min-width: 769px) {
  #mainArea .btn01 a.hover01:hover {
    width: 200px;
    text-decoration: none;
  }
}

#mainArea .btn11 a {
  width: 280px;
  height: 40px;
  font-size: 15px;
  color: #fff !important; 
  border-radius: 23px;
  background-color: #404040;
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  #mainArea .btn11 {
    position: absolute;
	right: 50%;
	-webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  #mainArea .btn11 a {
    width: 280px;
    height: 31px;
  }
}

@media screen and (min-width: 769px) {
  #mainArea .btn11 a.hover01:hover {
    width: 300px;
    text-decoration: none;
  }
}

/* アンケートページ 2022/11/10 寺井 */

 #mainArea #mvAreaQNR{
      position: relative;
      margin-bottom: 90px;
}
  @media screen and (max-width: 768px) {
      #mainArea #mvAreaQNR{
          position: relateve;
          margin-bottom: 0;
      }
}
#mainArea #mvAreaQNR .mvTextBoxQNR{
	  position: absolute;
      display:inline-block;
      top: 10%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
     }

@media screen and (max-width: 768px) {
      #mainArea #mvAreaQNR .mvTextBoxQNR{
          width: 70%;
      }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width:751px) {
    #mainArea #mvAreaQNR .mvTextBoxQNR{
        position: absolute;
        width: 70%;
    }
}


/* パンくずリスト等 2022/12 */

@media screen and (min-width: 769px) {

  #breadcrumb {
    position: relative;
    height: 25px;
    width: 100%;
    background-color: #f0f3f5;
  }

  #breadcrumb .inner01 {
    position: relative;
    margin: 0 auto 80px;
    width: 100%;
    height: 100%;
  }

  #breadcrumb .inner02 {
    position: relative;
    margin: 0 auto 80px;
    width: 960px;
  }

  #breadcrumb ul li {
    display: inline;
    font-size: .75rem;
    line-height: 1.8;
    margin-left: 9px;
  }

  #breadcrumb ul li:after {
    margin-left: 11px;
    content: "\03e";
  }

  #breadcrumb ul li:first-child {
    margin-left: 0;
  }

  #breadcrumb ul li:last-child:after {
    display: none;
  }

  #breadcrumb ul li a {
    color: #404040;
  }

  .sticky #breadcrumb {
    top: 0;
    background-color: rgba(240, 243, 245, 0.75);
  }

  .sticky nav {
    background-color: rgba(20, 20, 20, 0.75);
  }

  #headerArea.sticky {
    background-color: initial;
  }

}

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

  #breadcrumb {
    position: relative;
    width: 100%;
    height: 28px;
    background-color: #f0f3f5;
  }

  .sticky #breadcrumb {
    display: none;
  }

  #breadcrumb .inner01 {
    width: 100%;
    margin: 0 auto 50px;
    padding: 0;
  }

  #breadcrumb .inner02 {
    width: 100%;
    margin: 0 auto 50px;
    padding: 0;
  }

  #breadcrumb ul li:after {
    margin-left: 3px;
    content: "\03e";
  }

  #breadcrumb ul li:first-child {
    margin-left: 0;
  }

  #breadcrumb ul li:last-child:after {
    display: none;
  }

  #breadcrumb ul {
    display: block;
    overflow: auto;
    white-space: nowrap;
    padding-left: 10px;
  }

  #breadcrumb li {
    font-size: 12px;
    display: inline;
    padding-right: 3px;
    flex: 0 0 40%;
  }

}

@media screen and (min-width: 769px) {
	#home #mainArea #mvArea{
		margin-bottom: 45px !important;
	}

  body#home #headerArea {
    width: 100%;
    position: absolute;
    height: 130px;
    top: -130px;
    margin-top: 130px;
    z-index: 1024;
    padding-top: initial;
  }

  body:not(#home) #headerArea {
    width: 100%;
    position: absolute;
    height: 150px;
    top: -150px;
    margin-top: 150px;
    z-index: 1024;
    padding-top: initial;
  }

  #headerArea > .inner01 {
    padding-top: 25px;
    height: 130px;
  }

  body#home #headerArea.sticky {
    position: fixed;
    top: 0;
    margin-top: 0;
    height: 65px;
    padding: 0;
    z-index: 1024;
    transition: top 250ms;
  }

  body:not(#home) #headerArea.sticky {
    position: fixed;
    top: 0;
    margin-top: 0;
    height: 90px;
    padding: 0;
    z-index: 1024;
    transition: top 250ms;
  }

  #headerArea.sticky > .inner01 {
    padding-top: 0;
    height: 65px;
  }

  #headerArea.sticky .logo {
    display: none;
  }

  body#home #mainArea {
    position: relative;
    padding-top: 120px;
  }

  body:not(#home) #mainArea {
    position: relative;
    padding-top: 150px;
  }

}

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

	#home #mainArea #mvArea{
		margin-bottom: 0 !important;
	}

	#home #pickupArea{
		margin-top: 0px;
	}
	#mainArea #mvArea.home_top_slider{
		padding-bottom: 25px;
	}

  body#home #mainArea {
    padding-top: 56px;
  }

  body#home #headerArea {
    width: 100%;
    height: 56px;
    padding: 0;
    top: -56px;
    margin-top: 56px;
    z-index: 1024;
  }

  #headerArea > .inner01 {
    height: 56px;
  }

  #headerArea nav .menuSP,
  #headerArea nav .menuBg {
    margin-top: 56px;
    height: calc(100% - 56px);
  }

  body:not(#home) #mainArea {
    padding-top: 84px;
  }

  body:not(#home) #headerArea {
    width: 100%;
    height: 84px;
    top: -84px;
    margin-top: 84px;
    z-index: 1024;
    padding: 0;
  }

  #headerArea .logo {
    top: 20px;
  }

  body#home #headerArea.sticky {
    position: fixed;
    top: 0;
    margin-top: 0;
    height: 56px;
    padding: 0;
    z-index: 1024;
    transition: top 250ms;
    background-color: rgba(14, 14, 14, 0.75);
  }

  body:not(#home) #headerArea.sticky {
    position: fixed;
    top: 0;
    margin-top: 0;
    height: 56px;
    padding: 0;
    z-index: 1024;
    transition: top 250ms;
    background-color: rgba(14, 14, 14, 0.75);
  }

  #headerArea nav .btnMenu {
    width: 56px;
    height: 56px;
    text-indent: initial;
    background: initial;
    z-index: 20;
  }

  .humberger span {
    display: inline-block;
    position: absolute;
    left: 18px;
    height: 2px;
    border-radius: 5px;
    background: #fff;
    width: 20px;
  }

  .humberger span:nth-of-type(1) {
    top: 17px;
  }

  .humberger span:nth-of-type(2) {
    top: 23px;
  }

  .humberger span:nth-of-type(3) {
    top: 29px;
  }

  .humberger span:nth-of-type(3)::after {
    content: "MENU";
    color: #fff;
    ;
    position: absolute;
    top: 5px;
    left: -6px;
    color: #fff;
    font-size: 0.625rem;
  }

}

@media screen and (min-width: 769px) {

  #headerArea nav .listMenu>li>a,
  #headerArea nav .listMenu>li .subLinkText {
    display: inline-grid;
  }

  #headerArea nav {
    padding: 10px 0;
  }

  #headerArea.sticky nav {
    padding: 10px 0;
  }

  .menuItemEN::before {
    display: none;
  }

  #headerArea nav .listMenu>li .menuItemJA {
    margin-top: -5px;
    font-size: .625rem;
	font-family: 'Noto Serif JP', serif;
  }

}

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

  #headerArea nav .listMenu>li>a span.menuItemJA,
  #headerArea nav .listMenu>li.subLink.show .subLinkText>span.menuItemJA,
  #headerArea nav .listMenu>li .subLinkText .menuItemJA {
    background: initial;
  }

  #headerArea nav .listMenu>li .menuItemJA {
    margin-top: 5px;
    font-size: .625rem;
	font-family: 'Noto Serif JP', serif;
  }

}

@media screen and (min-width: 769px) {

  #headerArea nav .listMenu>li>a.hereNow,
  #headerArea nav .listMenu>li .subLinkText.hereNow {
    opacity: 1;
  }

  #headerArea nav .listMenu>li>a.hereNow .menuItemJA:before,
  #headerArea nav .listMenu>li .subLinkText.hereNow .menuItemJA:before {
    opacity: 1;
  }

  #headerArea nav .listMenu > li > a span::before,
  #headerArea nav .listMenu > li .subLinkText > span::before {
    width: 100px;
  }

  #headerArea nav .listMenu > li .subMenuBox {
    top: 55px;
  }

}



/*ポップアップで画像拡大*/

.c {
    text-align: center;
}
.overlay { /* グレーの背景 */
  position: fixed;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.5s 0s ease;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#pop-up {
  display: none;
}
#pop-up:checked + .overlay {
  visibility: visible;
  opacity: 1;
  z-index: 100000;
  background-color: #000000D0;
  width: 100%;
}
.popWindow {
  border-radius: 5px;
  overflow: auto; /* スクロールバー用 */
  max-height: 95%; /* すき間 */
  min-width: fit-content; /* 横幅が広い時に白の部分が大きくならないため */
  max-width: 95%; /* すき間 */
  position: fixed;
  top: 50%; /* 中央に */
  left: 50%; /* 中央に */
  transform: translate(-50%, -50%); /* 中央に */
  z-index: 100010;
  font-size: 13px;
  line-height: 18px;
  margin: 10px auto;
  padding: 4px 10px;
  background: #FFFD; /* 枠の色 */
  text-align: center; /* 文字を中央寄せ */
  transition: all 500ms ease-in-out;
}
.popWindow .ptitle {
  font-size: 15px;
  margin: 8px;
  color: #333;
}
.popWindow .close {
  position: absolute;
  top: 8px;
  right: 10px;
  transition: all 300ms;
  font-size: 24px;
  line-height: inherit;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  padding: 2px;
}
.popWindow .close:hover {
  color: #06D85F;
}
.popWindow::-webkit-scrollbar-track {
  background: none;
}
.popWindow::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.popWindow::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 5px;
}
.clickable:hover {
  cursor: pointer;
}
@media screen and (max-width: 700px){
  #pop-up:checked + .overlay {
    visibility: hidden;
    opacity: 0;
  }
}

/* 230531-ipj2023 */
#ipj2023 {
	background-color: #cacaca;
}


@media screen and (max-width: 768px) {
  #ipj2023 .p {
	 font-size: 16px;
  }
}

/* 2023/02 Partners Login */
/* 2023/05 WEB Shop */

.logoArea {
  display: flex;
  width: 100%;
}

.logoArea .innerL {
  width: 40%;
}

.logoArea .innerC {
  width: 20%;
}

.logoArea .innerR {
  width: 40%;
  display: grid;
  grid-template-columns: calc(-10vw + 280px) 70px 5px 70px 5px 75px 5px 75px calc(50vw - 655px);
  column-gap: 5px;
  align-items: start;
}

@media screen and (max-width: 1388px) {
	.logoArea .innerR {
	  grid-template-columns: calc(-100vw /14 + 40vw - 315px) 70px 5px 70px 5px 75px 5px 75px calc(100vw / 14 - 35px);}
}

@media screen and (max-width: 1042px) {
	.logoArea .innerR {
	  grid-template-columns: auto 70px 5px 70px 5px 75px 5px 75px 38px;}
}

@media screen and (min-width: 768px) {

  .additionalMenu {
    width: 100%;
    text-align: center;
  }

  .additionalMenu a {
    color: #FFF;
    text-decoration: none;
    opacity: 0.8;
    width: 100%;

  }

  .additionalMenu a:hover {
    opacity: 1;
  }

  .additionalMenu .uLine::before {
    display: block;
    height: 3px;
    background-color: #FFF;
    content: "";
    margin: auto;
    opacity: 0;
  }
	
  .additionalMenu.item01 {
    grid-column: 2;
  }

  .additionalMenu.item02 {
    grid-column: 4;
  }
	
  .additionalMenu.item03 {
    grid-column: 6;
  }

  .additionalMenu.item04 {
    grid-column: 8;
  }

  .additionalMenu.between01 {
    grid-column: 3;
  }
	
  .additionalMenu.between02 {
    grid-column: 5;
  }

  .additionalMenu.between03 {
    grid-column: 7;
  }	

  .additionalMenu.item01,
  .additionalMenu.item02,
  .additionalMenu.item03,
  .additionalMenu.item04 {
    font-weight: 300 !important;
  }
	
  .additionalMenu.item01 .uLine::before,
  .additionalMenu.item02 .uLine::before,
  .additionalMenu.item03 .uLine::before,
  .additionalMenu.item04 .uLine::before {
    width: 100%;
  }

  .additionalMenu.between01,
  .additionalMenu.between02,
  .additionalMenu.between03 {
    color: #FFF;
  }
	
  .additionalMenu a:hover .uLine::before {
    opacity: 1;
  }

  .additionalMenu .icon {
    margin-right: 3px;
  }

  .additionalMenu .iconCart {
    position: relative;
    top: -2px;
  }

  #headerArea.sticky .logoArea {
    display: none;
  }

  #footerArea .footerLinst01 dd ul li.icoCatalog,
  #footerArea .footerLinst01 dd ul li.icoProductSupport,
  #footerArea .footerLinst01 dd ul li.icoFmainte{
      margin-top: 30px;
  }

}

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

	.logoArea .innerL {
		width: 30%;
	}

	.logoArea .innerC {
		width: 40%;
	}

	.logoArea .innerR {
		width: 30%;
	}
}


.flameprojectPT {
	border: 1px solid #000;
	margin: 1em 0;
	padding: 0.5em;
	width: 200px;
	
}


@media screen and (max-width: 768px) {
	.flameprojectPT {
		text-align: center;
	}
}

.flameprojectPT2 {
	border: 1px solid #000;
	margin: 1em 0;
	padding: 0.5em 1em;
	display: inline-block
	
}


@media screen and (max-width: 768px) {
	.flameprojectPT2 {
		text-align: center;
	}
}

/*2024-02 maintenance */


.mainte_read {
        margin-bottom: 30px;
        font-size: 21px;
        font-weight: 300;
        line-height: 1.8;

}

.mainte_merit {
	margin-top: 0;
	margin-bottom: 1rem;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 20px;
	color: #B2D235;
}


@media screen and (max-width: 768px){
.mainte_merit {
	font-size: 17px;
}
}


.mainte_txt {
	margin-top: 0;
	margin-bottom: -1rem;
	font-family: "Noto Serif JP", serif;
	font-size: 18px;
        font-weight: 300;
	color: #000;
}


@media screen and (max-width: 768px){
.mainte_txt {
	font-size: 15px;
}
}



.mainte_risk{
	margin-top: 0;
	margin-bottom: 1rem;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 20px;	
}


@media screen and (max-width: 768px){
.mainte_risk{
		font-size: 17px;	
}
}



.mainte_risk_text{
	margin-top: 0;
	margin-bottom: 1rem;
	font-family: "Noto Serif JP", serif;
	font-size: 16px;
        font-weight: 300;
	color: #000;	
}


@media screen and (max-width: 768px){
.mainte_risk_text{
	font-size: 15px;	
}
}


.plan_title{
	margin-top: 0;
	margin-bottom: 1rem;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 20px;	
}


@media screen and (max-width: 768px){
.plan_title{
	font-size: 17px;
}
}


.plan_text{
	margin-top: 0;
	margin-bottom: 1rem;
	font-family: "Noto Serif JP", serif;
	font-size: 18px;
        font-weight: 300;
	color: #000;	
}


@media screen and (max-width: 768px){
.plan_text{
	font-size: 15px;
}
}




@media screen and (max-width: 768px) {
.table-wrap {
	overflow-x: scroll;
}
}

table.mainte{
	display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 25px;
    border-collapse: collapse;
    border-spacing: 0;
}

@media screen and (max-width: 768px) {
  table.mainte  {
      display: table;
      table-layout: fixed;
      min-width: 630px;
      margin-bottom: 0px;
    border-collapse: collapse;
    border-spacing: 0;
  }
}


.c-img{
    display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.c-img img{
    width: 70px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}

@media screen and (max-width: 768px) {
.c-img img{
    width: 50px;
  }
}


table.mainte th {
    max-width: 240px;
    width: 20%;
    height:90px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #7F7E7E;
    border-top: 0px solid #7F7E7E;
    padding: 25px 0;
    vertical-align: middle;
    
}


table.mainte th.left-align {
    text-align: left;
    padding-left: 1.5em;
}

table.mainte th.first {
   height: 78px;
}


@media screen and (max-width: 768px) {
  table.mainte th  {
      max-width: 240px;
      width: 20%;
      height: auto;
      font-size: 15px;
      font-weight: bold;
      text-align: center;
      padding: 0 0;
      vertical-align: middle;
  }
}


table.mainte tr {
    border-bottom: 1px
    solid #7F7E7E;
}

table.mainte .cl {
    background: #40666F;
    background: linear-gradient(90deg, #FFF 3%, #EFEFEF 3%);
    color: #212529;
    height: 78px;
}

table.mainte .left {
    background: #40666F;
    background: linear-gradient(90deg, #FFF 3%, #40666F 3%);
    color: #fff;
    height: 78px;
}

table.mainte .op{
    background: linear-gradient(90deg, #FFF 3%, #B2D235 3%, #B2D235 97%, #FFF 97%);
    height: 78px;
    color: #212529;

}

table.mainte td {
    max-width: 196px;
    width: 40%;
    background: linear-gradient(90deg, #FFF 3%, #EFEFEF 3%, #EFEFEF 97%, #FFF 97%);
    border-bottom: 1px solid #7F7E7E;
    vertical-align: middle;
    padding: 25px 0;
    text-align: center;
    font-size: 21px;
    line-height: 24px;
}

@media screen and (max-width: 768px) {
    table.mainte td{
        max-width: 196px;
        width: 40%;
        background: linear-gradient(90deg, #FFF 3%, #EFEFEF 3%, #EFEFEF 97%, #FFF 97%);
        border-bottom: 1px solid #7F7E7E;
        vertical-align: middle;
        padding: 0 0;
        text-align: center;
        font-size: 15px;
        line-height: normal;
}
    }

table.mainte .specific {
    text-align: left;
	padding: 20px;
}

table.mainte td span {
    width: 38px;
    display: block;
    margin: 0 auto 15px;    
}

@media screen and (max-width: 768px) {
    table.mainte td span{
        width: 19px;
    }
}
    

table.mainte td img {
    width: 100%;
    height: auto;
    display: block;
}

.imageLB {
  position: relative;
  right: -20px;
  top: 0;
  width: 210px;
}

@media screen and (max-width: 767px) {
  .imageLB {
    position: relative;
    right: -18px;
    top: 0;
    width: 126px;
  }
}

@media screen and (max-width: 768px) {
  .mediaMovie {
    max-width: 100%;
  }
}

.osusumetable {
	position: relative;
	width: 300px;
}

.osusumeimg {
	position: absolute;
	right: 0px;
	top: -90px;
	width: 60px;
}

@media screen and (max-width: 768px) {
.osusumeimg {
	position: absolute;
	right: 100px;
	top: -60px;
	width: 40px;
}
}

/* 230531-ipj2024 */
#ipj2024intro {
	background-color: #ffffff;
}

#ipj2024ws {
	background-color: #575353;
	color: #ffffff;
}


@media screen and (max-width: 768px) {
  #ipj2024ws .p {
	 font-size: 16px;
  }
}

#ipj2024bg {
	background-color: #e5e2dd;
}


@media screen and (max-width: 768px) {
  #ipj2024bg .p {
	 font-size: 16px;
  }
}

#ipj2024bg2 {
	background-color: #f6f3f2;
}


@media screen and (max-width: 768px) {
  #ipj2024bg2 .p {
	 font-size: 16px;
  }
}

.imgipj2024 {
  width: 30%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .imgipj2024 {
	 width: 80%;
	 height: auto;
  }
}

.sign_background {
	position: relative;
}

.sign_ipj2024 {
	position: absolute;
	top: 50px;
	left: 6.25%;
	width: 6.25%;
}

#cards {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 940px;
  padding: 0px 0 0px;
}

@media screen and (max-width: 768px) {
  #cards {
    width: 100%;
    padding: 0px 8% 30px;
  }
}

.card11 {
  width: 350px;
}

.card11:nth-child(2) {
  margin-right: 10px;
  margin-left: 10px;
}

.picture11 img {
  width: 100%;
  height: auto;
}

.description11 {
  width: 100%;
  height: 45px;
  text-align: center;
  box-sizing: content-box;
}

.description11 p {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.8;
  color: #202020;
}

@media screen and (max-width: 768px) {
  .description11 p {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    color: #202020;
  }
}

.lab_ventilation_selection{
    ul.lab_ventilation_selection_2{
        padding: 0.5em 1em 0.5em 2.3em;
        position: relative;
    }
    ul.lab_ventilation_selection_2 li{
        line-height: 1.5;
        padding: 0.5em 0;
        list-style-type: none!important;/*ポチ消す*/
    }
    ul.lab_ventilation_selection_2 li:before{
        font-family: "Font Awesome 5 Free";
        content: "\f00c";
        position: absolute;
        left : 1em; /*左端からのアイコンまで*/
        color: #ffb03f; /*アイコン色*/
    }
}

.offset_value {
	margin-top: 0;
	margin-bottom: 15px;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 24px;
	color: #72ad3a;
	text-align: center;
	font-weight: 600;
}

/**
@media screen and (max-width: 768px){
.offset_value {
	font-size: 20px;
}
}
**/

.bgGreen {
  background-color: rgba(114,173,58,0.1);
}

/* --------------------------------------------------------------------------------*/
/* 2024-11 column (note RSS)
/* --------------------------------------------------------------------------------*/
#mainArea #pickupArea .note-entry-container {
  display: block;
}

#mainArea #pickupArea .note-entry-card {
  height: 100%;
/*  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.08);*/
}

#mainArea #pickupArea .note-entry-card .card-header {
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-template-rows: repeat(2, auto);
  background: #fff;
}

#mainArea #pickupArea .note-entry-card .creator-image {
  width: 50px;
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  border-radius: 50%;
  margin: 15px 0;
  place-self: center;
}

#mainArea #pickupArea .note-entry-card .note-logo {
  width: 50px;
  grid-column: 3 / 4;
  grid-row: 1 / 3;
  border-radius: 50%;
  margin: 15px 0;
  border: solid 1px #ccc;
  place-self: center;
}

#mainArea #pickupArea .note-entry-card .creator-name {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  font-size: 0.875rem;
  margin-top: 20px;
  place-self: first baseline;
}

#mainArea #pickupArea .note-entry-card .date {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  font-size: 0.625rem;
  margin-bottom: 20px;
  place-self: first baseline;
}

#mainArea #pickupArea .note-entry-card .thumb {
  width: 100%;
  object-fit: cover;
}

#mainArea #pickupArea .note-entry-card a {
  display: block;
  text-align: left;
  text-decoration: none;
}

#mainArea #pickupArea .note-entry-card a .title {
  display: block;
  margin: 5px 5px 0 5px;
  font-size: 1.125rem;
  font-weight: 300;
  color: #404040;
  line-height: 1.625rem;
  letter-spacing: -0.1rem;
  height: 6rem;
  padding: 5px;
}

#mainArea #pickupArea .note-entry-card a .desc {
  display: block;
  margin: 5px 5px 0 5px;
  color: #555;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 5px;
}
/*
#mainArea #pickupArea .note-entry-container .splide__arrow {
  width: 40px;
  height: 40px;
  box-shadow: 0 0 12px #999;
  background-color: #FFF;
  opacity: 1.0;
  margin: 0 calc(10% - 20px);
}

#mainArea #pickupArea .note-entry-container .splide__arrow svg {
  width: 0.75rem;
  height: 0.75rem;
}

#mainArea #pickupArea .note-entry-container .splide__track {
  padding: 5px !important;
}
*/
@media screen and (min-width: 769px) {

  #mainArea #pickupArea .note-entry-container h3 {
      font-size: 2rem;
      font-weight: 500;
      text-align: center;
      margin-bottom: 20px;
  }

}

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

  #mainArea #pickupArea .note-entry-container h3 {
      font-size: 1.25rem;
      font-weight: 500;
      text-align: center;
      margin: 20px 0;
  }

}

/* --------------------------------------------------------------------------------*/
/* 2023/07 home column/news
/* 2024-11 column (note RSS) 設置に伴う再調整のため、ここに移動
/* --------------------------------------------------------------------------------*/


@media screen and (max-width: 768px){
  
  #mainArea #pickupArea .homeBg01 {
    padding: 30px 0 120px;
    background-color: #F2F2F1;
  }

  #mainArea #pickupArea .homeColumnBg {
    height: 730px;
    padding: 70px 0;
    background-color: #F2F2F1;
  }

  #mainArea #pickupArea .homeNewsBg {
    height: 600px;
    padding: 30px 0;
    background-color: #F2F2F1;
  }

}

@media screen and (min-width: 769px){
  
  #mainArea #pickupArea .homeColumnBg {
      padding: 70px;
      background-color: #F2F2F1;
  }

  #mainArea #pickupArea .homeNewsBg {
    padding: 30px 0;
    background-color: #F2F2F1;
  }

}

#pickupArea .columnHomeBtn,
#pickupArea .newsHomeBtn {
  width: 100%;
  align-items: center;
  margin-top: 60px;
}

#mainArea #pickupArea li a {
  text-decoration: none;
}

#mainArea #pickupArea li a .mvTextBox .title {
  margin: 14px 0 14px;
  font-size: 1rem;
  line-height: 1.4;
  display: block;
  color: #404040;
}

#mainArea #pickupArea button.splide__arrow:focus {
  outline: none;
}

#mainArea #pickupArea .splide__pagination li {
  position: relative;
  top: 40px;
}

#mainArea #pickupArea .splide__pagination__page {
  width: 18px;
  height: 18px;
  margin: 7px;
  background: #9BA4A9;
  outline: none;
}

#mainArea #pickupArea .splide__pagination__page.is-active {
  background: #404040;
  transform: none;
}

.fade001 {
  opacity: 0;
  transition: opacity 1s;
}

.fade001.active {
  opacity: 1;
}

/*250319*/
.faq_area { width: 100%; padding: 0 8%; }
.faq_area.mb_60{margin-bottom: 60px;}
.faq_area .qa-1 { margin-bottom: 10px; }
.faq_area .ttl { font-size: 1.5rem; text-align: center; margin: 30px auto; }
.faq_area .qa-1 summary { display: flex; justify-content: space-between; align-items: center; position: relative; padding: 1em 1em 1em 55px; font-weight: 600; cursor: pointer; background-color: #404040; }
.faq_area h3 { font-size: 1rem; }
.faq_area summary::-webkit-details-marker {display: none;}
.faq_area .qa-1 summary h3 { display: inline-block; margin-bottom: 0; color: #fff; width: 100%; }
.faq_area .qa-1 summary::before, .faq_area .qa-1 .answer::before { position: absolute; left: 1em; font-weight: 600; font-size: 24px; top: 50%; }
.faq_area .qa-1 summary::before { color: #fff; content: "Q"; transform: translateY(-60%); }
.faq_area .qa-1 summary::after { transform: translateY(-25%) rotate(45deg); width: 10px; height: 10px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; content: ''; transition: transform .5s; }
.faq_area .qa-1[open] summary::after { transform: rotate(225deg); }
.faq_area .qa-1 .answer { position: relative; opacity: 0; margin: 0; padding: 1.2em 1em 1em 68px; transition: transform .5s, opacity .5s; }
.faq_area .qa-1[open] .answer { transform: none; opacity: 1; }
.faq_area .qa-1 .answer::before { color: #c2c5c0; line-height: 1.2; content: "A"; transform: translateY(-50%); }
.faq_area .answer_detail{padding: 0em 0em 1em 68px;font-weight: 300;font-size: 14px;}
@media screen and (min-width:769px) {
.faq_area { width: 960px; margin: 0 auto; padding: 0; }
.faq_area .qa-1 summary { padding: 1em 1em 1em 68px; }
.faq_area h3 { font-size: 1rem; }
.faq_area .qa-1 summary::before, .faq_area .qa-1 .answer::before { font-size: 30px; }
.faq_area .ttl { font-size: 1.625rem; text-align: center; }
.faq_area .answer_detail{padding: 0em 0em 1em 68px;font-weight: 300;font-size: 100%;}
}

/*2025-06 catalog */
#mainArea #subMenuArea .desc {
  margin-bottom: 20px;
}