/*
Theme Name:   Solaris Child
Description:  Solaris Child Theme
Author:       ESTH Team
Template:     solaris_tcd088
Version:      2.1.3
*/
/* ========================== Global variables ============================ */
:root {
  /* --asahi-kasei-blue: #005bac;
  --visionary-blue: #04233c;
  --material-color: #5eaee1; */
  --asahi-kasei-blue: rgb(0, 91, 172);
  --visionary-blue: rgb(4, 35, 60);
  --material-color: rgb(94, 174, 225);
  --light-blue: #ebf2f8;
  --light-gray: #f1f1f1;
}

/*Edit Line height for tag p of content By Am ESTH 171024 */
.post_content p {
  line-height: 2;
}

/* Padding top pushing for header spacing | ESTHFranky */
#container {
  top: 80px;
}

/* No padding top when on Top page | ESTHFranky */
.home #container {
  top: 0;
}

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

  /* Padding top pushing for header spacing | ESTHFranky */
  #container {
    top: 60px;
  }

  #mobile_menu a {
    font-size: 16px;
    font-weight: 600;
  }
}

/* ============================= Icon ===============================  */
/*START Add icon contact by Am ESTH 240902*/
.about-contact {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  position: relative;
  line-height: 2.2;
}

.phone-icon,
.fax-icon,
.mail-icon {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
  font-size: 16px;
}

.phone-icon:before {
  font-family: "FontAwesome";
  content: "\f095";
  font-size: 17px;
  background-repeat: no-repeat;
  color: #ffffff;
  background-color: #005BAC;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fax-icon:before {
  font-family: "FontAwesome";
  content: "\f1ac";
  font-size: 14px;
  background-repeat: no-repeat;
  color: #ffffff;
  background-color: #005BAC;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mail-icon:before {
  font-family: "FontAwesome";
  content: "\f0e0";
  font-size: 14px;
  background-repeat: no-repeat;
  color: #ffffff;
  background-color: #005BAC;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*.about-contact a:before{
      content: "〉";
      color: #005BAC;
      font-size: 14px;
      padding-left: 0.5vw;
      font-weight: 700;
 }*/

.about-contact a:before {
  border-right: solid 3px #005bac;
  border-top: solid 3px #005bac;
  content: "";
  display: inline-block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  will-change: transform;
  margin-right: 10px;
}

.about-contact a:before .about-contact a {
  display: flex;
  align-items: center;
}

.about-contact a:after {
  content: "";
  background-image: url("/akat/wp-content/uploads/2024/09/link-icon-3.png");
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  color: #005BAC;
  display: inline-block;
  background-position: center;
  background-size: cover;
  margin-left: 4px;
}

/*END icon contact by Am ESTH 240902*/

/* ===================================== Header ====================================================== */
/* For Header font color By Franky ESTH 20240820 */
#global_menu>ul>li>a {
  color: #333333;
}

#global_menu>ul>li.current-menu-item>a {
  color: var(--asahi-kasei-blue) !important;
  border-bottom: 5px solid;
}

#header.active #global_menu>ul>li>a,
body.header_fix #global_menu>ul>li>a,
body.single #global_menu>ul>li>a {
  color: #333333;
}

/* Make Hamburger menu black on pages that have page-template class | ESTHFranky */
body.page-template #global_menu_button span {
  background: #000 !important;
}

/* Adjust the product box to fit the megamenu_a | ESTHFranky */
.megamenu_a .item,
.megamenu_a .slider_area {
  height: auto;
}

/* ======================= Header image (Not Top page) ======================= */
/* Header image |ESTHFranky */
#post_image2 {
  height: 100%;
  position: absolute;
}

/* ----------------------- Solaris Child font Style -------------------------- */
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts-akat/HelveticaNeueHeavy.otf') format('otf'),
    url('../fonts-akat/HelveticaNeueBold.otf') format('otf');
}

.rich_font_type3 {
  font-family: 'Helvetica Neue', sans-serif;
}

/* Fix the font of all pages are ""游ゴシック", YuGothic"(first priority) */
body,
input,
textarea,
.rich_font,
.p-vertical,
.rich_font_type1,
.rich_font_type2,
.rich_font_type3 {
  font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", 'Helvetica Neue', Arial, 'Poppins', Noto Sans, sans-serif !important;
}

.cb_free_space.type1,
.tab_content_bottom {
  border-left: none;
  border-right: none;
}

.cb_project_list,
.cb_news_list {
  border-left: none;
  border-right: none;
}

.cb_project_list {
  padding: 40px 130px 40px;
}

.cb_content:last-of-type {
  border-left: none;
  border-right: none;
  padding-bottom: 40px;
}

#project_archive {
  border-left: none;
  border-right: none;
}

#main_col {
  padding-top: 100px !important;
}

@media only screen and (max-width: 550px) {
  #main_col {
    padding-top: 120px;
  }
}

/* .about-us-col {
  margin: 0 -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 50px;
  gap: 2vw;
} */

.about-us-col .item {
  flex: 50%; /*Update 250123 By Am ESTH*/
}

.about-us-content {
  color: #333333 !important;
}

.pc body.use_header_fix #header {
  background: rgba(255, 255, 255, 1);
}

/* ===================================== Header Navigation ============================= */
.blue1 {
  color: #005BAC;
}

.sub-menu .menu-item {
  margin: 0 !important;
}

/*slides Navigation button */
/* #header_slider_nav_wrap {
  width: unset;
  height: unset;
  right: 0;
  left: unset;
  top: 27rem;
  transform: translateX(-10%);
  transform: translate3d(0px, -50%, 0);
  transform: rotate(270deg);
} */

#header_slider_nav {
  width: 120px;
  /* height: 145px; */
}

#header_slider_nav .nav_item {
  width: 16px;
  /*OLD 18px edit by Am esth 20240830*/
  height: 16px;
  /*OLD 18px edit by Am esth 20240830*/
  border-radius: 100%;
  border: 2px solid var(--asahi-kasei-blue);
  /*OLD 1px edit by Am esth 20240830*/
  background: transparent;
}

/* Add by Am ESTH 20240830 */
#header_slider_nav .nav_item:after {
  background: var(--asahi-kasei-blue);
}

#header_slider_nav .nav_image {
  background: transparent !important;
}

.carousel_arrow {
  display: none;
}

/* .flex-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
} */

/* .flex-container>.logo-col {
  margin: 10px;
  padding: 20px;
  width: 175px;
} */

/* .flex-container>img.aligncenter {
  width: 185px;
} */

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

/* ==================== Design button ==================== */
.design_button a {
  height: 50px;
  min-width: 250px;
  line-height: 50px;
  border: 1px solid var(--asahi-kasei-blue);
}

.design_button.type1 a {
  font-weight: 900;
}

.design_button.type1 a:hover {
  border: 1px solid #333333;
}

/* ======================================================= */

.products-bg {
  background-color: #D7DFEB;
}

#footer_menu {
  padding-top: 2vw;
}

h3.title img {
  margin-left: auto;
}

/* .cb_headline .sub_headline {
  margin-top: 5rem;
}

.cb_headline .sub_headline {
  color: var(--asahi-kasei-blue) !important;
  border-left: 10px solid var(--asahi-kasei-blue) !important;
} */

#bread_crumb {
  background-color: #f1f1f1;
}

/*.design_button.type2 a, .design_button.type3 a{
  border: 0px solid #fff;
}
#header_slider .item2 .design_button.type2 a:hover{
  color: #00466d !important;
  border-color: unset;
}
#header_slider .item2 .design_button.type2 a:before{
  background: none !important;
  color: #00466d !important;
}*/
/* =====================For remove creating for tomorrow from mobile : Do not display this image on the PC screen.===================== */
/*Responsive css for mobile size add 181024 By Am ESTH*/
/*Desktop*/
@media only screen and (min-width:769px) {
  .top-page-white-wave {
    position: absolute;
    top: -20px;
    transform: translate(0, -50%);
  }

  .top-page-white-wave-mb {
    display: none;
  }
}

/*Tablet*/
@media only screen and (min-width:431px) and (max-width:768px) {
  .top-page-white-wave {
    position: absolute;
    top: -20px;
    transform: translate(0, -50%);
  }

  .top-page-white-wave-mb {
    display: none;
  }
}

/*Phone*/
@media only screen and (max-width:550px) {
  .top-page-white-wave {
    display: none;
  }

  .top-page-white-wave-mb {
    display: inline-block;
    position: absolute;
    top: -40px;
    transform: translate(0, -50%);
  }
}