/*
File Name: Baleno CSS Theme
Version: 2023Aug_ver1.0
All Rights Reserved Baleno Co.,Ltd.(C) 2023
*/
  
  /*-----------------root setting-----------------*/
  :root {
	/* Font Family */
/* Font Family */
--font-primary: 'Yu Gothic UI', 'Meiryo UI', 'Meiryo', system-ui, sans-serif;
--font-secondary: 'Meiryo UI', 'Yu Gothic UI', system-ui, sans-serif;
--font-notsansjp: 'Noto Sans JP', system-ui, sans-serif;
  
  /* contents max width*/
  --contents-max-width: 1300px;

  /* breack Points */
  --bp-pc: 1920px;
  --bp-md-ipadpro: 830px;
  --bp-md-under-ipadpro: 829px;
  --bp-md: 768px;
  --bp-under-md: 767px;
  --bp-sm: 430px;

  /* color control */
  --color-primary: #000;
	--color-blue: #3399CC;
  --color-green: #99cc33;

	--color-black: #000;
  --color-black-second: #2d2d2d;
  --color-light-gray: #D4D3D3;
  --color-gray50:#929091;

	--color-gray: #39414d;
	/*--color-light-gray: #f0f0f0;*/

	--color-purple: #d1d1e4;
	--color-red: #e4d1d1;
	--color-orange: #e4dad1;
	--color-yellow: #eeeadd;
	--color-white: #fff;

  /* margin padding control */
  --padding-contents-both: 3%;

  /* content col control */
  --col2-width: 50%;
  --col3-width: 33.333%;
  --col4-width: 25%;
  --col5-width: 20%;

  --col2-width-space: 48%;
  --col3-width-space: 28%;
  --col4-width-space: 23%;
  --col5-width-space: 18%;
}
@media only screen and (max-width: 768px) {
  :root {
  --col2-width: 100%;
  --col3-width: 100%;
  --col4-width: 100%;
  --col5-width: 100%;

  --col2-width-space: 100%;
  --col3-width-space: 100%;
  --col4-width-space: 100%;
  --col5-width-space: 100%;
  }
}
/*-----------------reset&base setting(to see reset.css file for detail reset settings)-----------------*/
html {
    font-size: 62.5%;
    padding: 0;
    margin: 0;
    font-weight: 100;
    font-style: normal;
    box-sizing: content-box;
    scroll-behavior: smooth;
}
img{
  width: 100%;
}
img.img_resposive {
  width: 100%;
}
img.img_resposive_cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
img.img_resposive_contain {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/*-----------adjustment-----------------*/
.clear_both{
  clear: both;
}
.center_block{
  margin-left: auto;
  margin-right: auto;
}
.text_center{
  text-align: center!important;
}
.text_right{
  text-align: right;
}
.text_left{
  text-align: left;
}
.no_padding{
  padding: 0!important;
}
.no_margin{
  margin: 0!important;
}
.img_responsive {
  display: block;
  height: auto;
  max-width: 100%
}
.img_object{
  object-fit: cover;
  width: 100%;
  height: 100%
 }
/*-----------------margin adjustment-----------------*/
.margin_top1rem {
  margin-top: 1rem;
}
.margin_top2rem {
  margin-top: 2rem;
}
.margin_top3rem {
  margin-top: 3rem;
}
.margin_top4rem {
  margin-top: 4rem;
}
.margin_top5rem {
  margin-top: 5rem;
}
.margin_top6rem {
  margin-top: 6rem;
}
.margin_top7rem {
  margin-top: 7rem;
}
.margin_top8rem {
  margin-top: 8rem;
}
.margin_top9rem {
  margin-top: 9rem;
}
.margin_top10rem {
  margin-top: 10rem;
}
.margin_bottom1rem {
  margin-bottom: 1rem;
}
.margin_bottom2rem {
  margin-bottom: 2rem;
}
.margin_bottom3rem {
  margin-bottom: 3rem;
}
.margin_bottom4rem {
  margin-bottom: 4rem;
}
.margin_bottom5rem {
  margin-bottom: 5rem;
}
.margin_bottom6rem {
  margin-bottom: 6rem;
}
.margin_bottom7rem {
  margin-bottom: 7rem;
}
.margin_bottom8rem {
  margin-bottom: 8rem;
}
.margin_bottom9rem {
  margin-bottom: 9rem;
}
.margin_bottom10rem {
  margin-bottom: 10rem;
}
/*-----------------padding adjustment-----------------*/
.padding_top1rem{
  padding-top:1rem;
}
.padding_top2rem{
  padding-top:2rem;
}
.padding_top3rem{
  padding-top:3rem;
}
.padding_top4rem{
  padding-top:4rem;
}
.padding_top5rem{
  padding-top:5rem;
}
.padding_top6rem{
  padding-top:6rem;
}
.padding_top7rem{
  padding-top:7rem;
}
.padding_top8rem{
  padding-top:8rem;
}
.padding_top9rem{
  padding-top:9rem;
}
.padding_top10rem{
  padding-top:10rem;
}
.padding_bottom1rem{
  padding-bottom:1rem;
}
.padding_bottom2rem{
  padding-bottom:2rem;
}
.padding_bottom3rem{
  padding-bottom:3rem;
}
.padding_bottom4rem{
  padding-bottom:4rem;
}
.padding_bottom5rem{
  padding-bottom:5rem;
}
.padding_bottom6rem{
  padding-bottom:6rem;
}
.padding_bottom7rem{
  padding-bottom:7rem;
}
.padding_bottom8rem{
  padding-bottom:8rem;
}
.padding_bottom9rem{
  padding-bottom:9rem;
}
.padding_bottom10rem{
  padding-bottom:10rem;
}
.padding_bothseide15{
  padding: 0 1.5rem;
}
.padding_bothseide{
  padding: 0 var(--padding-contents-both);
}
/*-----------------font size-----------------*/
.font_size10{
  font-size: 1rem;
}
.font_size12{
  font-size: 1.2rem;
}
.font_size14{
  font-size: 1.4rem;
}
.font_size16{
  font-size: 1.6rem;
}
.font_size18{
  font-size: 1.8rem;
}
.font_size20{
  font-size: 2rem;
}
.font_size22{
  font-size: 2.2rem;
}
.font_size24{
  font-size: 2.4rem;
}
.font_size26{
  font-size: 2.6rem;
}
.font_size28{
  font-size: 2.8rem;
}
.font_size30{
  font-size: 3rem;
}
.font_bold{
  font-weight: bold!important;
}
.font_normal{
  font-weight: normal!important;
}
/*-----------------container -----------------*/
.row_content {
  width: 100%;
  max-width:calc(var(--contents-max-width) - 4rem);
  padding-left: 2rem;
  padding-right: 2rem;
  margin: 0 auto;
}
.row_content_nopadding {
  width: 100%;
  max-width:var(--contents-max-width);
  margin: 0 auto;
}
.row_content_max {
  width: 100%;
  margin: 0 auto;
}
.row_content_flex {
  width: 100%;
  max-width:calc(var(--contents-max-width) - 4rem);
  padding-left: 2rem;
  padding-right: 2rem;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
}
.row_content_flex_nopadding {
  width: 100%;
  max-width:var(--contents-max-width);
  margin: 0 auto;
  display: flex;
  flex-direction: row;
}
.row_content_flex_max {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.container_fluid{
  width: 100%;
  height: auto;
}
/*-----------------flex box -----------------*/
.display_flex{
  display: flex;
}
.flex_direction_row{
  display: flex;
  flex-direction: row;
}
.flex_direction_column{
  display: flex;
  flex-direction:column;
}
.justify_content_center{
  justify-content: center;
}
.justify_content_around{
  justify-content:space-around;
}
.justify_content_between{
  justify-content:space-between;
}
.justify_content_start{
  justify-content:flex-start;
}
.justify_content_end{
  justify-content:flex-end;
}
.justify_content_left{
  justify-content:left;
}
.justify_content_right{
  justify-content:right;
}
.alignitem_center{
  align-items: center;
}
.alignitem_end{
  align-items:flex-end;
}
.alignitem_start{
  align-items: flex-start;
}
.alignitem_baseline{
  align-items:baseline;
}
/*-----------------column basement -----------------*/
.col2{
  width: var(--col2-width);
}
.col3{
  width: var(--col3-width);
}
.col4{
  width: var(--col4-width);
}
.col5{
  width: var(--col5-width);
}
.col2_space{
  width: var(--col2-width-space);
}
.col3_space{
  width: var(--col3-width-space);
}
.col4_space{
  width: var(--col4-width-space);
}
.col5_space{
  width: var(--col5-width-space);
}
.col_10 {
  width: 10%;
}
.col_20 {
  width: 20%;
}
.col_25 {
  width: 25%;
}
.col_30 {
  width: 30%;
}
.col_35 {
  width: 35%;
}
.col_40 {
  width: 40%;
}
.col_45 {
  width: 45%;
}
.col_50 {
  width: 50%;
}
.col_55 {
  width: 55%;
}
.col_60 {
  width: 60%;
}
.col_65 {
  width: 65%;
}
.col_70 {
  width: 70%;
}
.col_75 {
  width: 75%;
}
.col_80 {
  width: 80%;
}
.col_85 {
  width: 85%;
}
.col_90 {
  width: 90%;
}
/*-----------------display control -----------------*/
.display_pc{
  display: block;
}
.display_md_ipadpro{
  display: none;
}
.display_none_md_ipadpro{
  display: block;
}
.display_md_under_ipadpro{
  display: none;
}
.display_none_md_under_ipadpro{
  display: block;
}
.display_md{
  display: none;
}
.display_none_md{
  display: block;
}
.display_undermd{
  display: none;
}
.display_none_undermd{
  display: block;
}
.display_sm,
.display_sp{
  display: none;
}
.display_none_sm,
.display_none_sp{
  display: block;
}
/*-----------------color text control -----------------*/
.bg_white {
  background: #fff;
}
.bg_green {
  background: #289a96;
}
.text_white {
  color: #fff!important;
}
.text_red{
color: red!important;
}
.text_bk{
color: #000!important;
}
.hover_text{
  transition: 0.4s;
}
.hover_text:hover{
  opacity: 0.6;
}
a:link,
a:visited,
a:active {
	color: currentColor;
}
/*-----------------video-----------------*/
.video_box{
  position:relative;
  height: 100vh;
  z-index: -100;
}
.video_box video{
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
}
.youtube_box img {
  object-fit: cover;
  aspect-ratio: 16/9;
  height: 100%;
  width: 100%;
  max-width: 46rem;
}
@media only screen and (max-width: 1920px) {

}
@media only screen and (max-width: 1140px) {
.column_pcsmall{
  flex-direction: column;
}
.column_reverse_pcsmall{
  flex-direction: column-reverse!important;
}
.row_pcsmall{
  flex-direction: row;
}
.row_reverse_pcsmall{
  flex-direction: row-reverse!important;
}
.display_pc{
  display: none;
}
.display_md_pcsmall{
  display: block;
}
.display_none_md_pcsmall{
  display: none;
}
.width_release_pcsmall{
  width: 100%!important;
}
}
@media only screen and (max-width: 840px) {
.column_ipadpro{
  flex-direction: column;
}
.column_reverse_ipadpro{
  flcolumn_reverseex-direction: column-reverse!important;
}
.row_ipadpro{
  flex-direction: row;
}
.row_reverse_ipadpro{
  flex-direction: row-reverse!important;
}
.display_pc{
  display: none;
}
.display_md_ipadpro{
  display: block;
}
.display_none_md_ipadpro{
  display: none;
}
.width_release_ipadpro{
  width: 100%!important;
}
}
@media only screen and (max-width: 839px) {
.column_under_ipadpro{
    flex-direction: column;
}
.column_reverse_under_ipadpro{
  flex-direction: column-reverse!important;
}
.row_under_ipadpro{
  flex-direction: row;
}
.row_reverse_under_ipadpro{
  flex-direction: row-reverse!important;
}
.display_md_under_ipadpro{
  display: block;
}
.display_none_md_under_ipadpro{
  display: none;
}
.width_release_under_ipadpro{
  width: 100%!important;
}
}
@media only screen and (max-width: 768px) {
.column_md{
    flex-direction: column;
}
.column_reverse_md{
  flex-direction: column-reverse!important;
}
.row_md{
  flex-direction: row;
}
.row_reverse_md{
  flex-direction: row-reverse!important;
}
.row_content{
  flex-direction: column;
}
.display_md{
  display: block;
}
.display_none_md{
  display: none;
}
.width_release_md{
  width: 100%!important;
}
}
@media only screen and (max-width: 767px) {
.column_under_md{
  flex-direction: column;
}
.column_reverse_under_md{
  flex-direction: column-reverse!important;
}
.row_under_md{
  flex-direction: row;
}
.row_reverse_under_md{
  flex-direction: row-reverse!important;
}
.display_undermd{
  display: block;
}
.display_none_undermd{
  display: none;
}
.width_release_under_md{
  width: 100%!important;
}
}
@media only screen and (max-width: 430px) {
.column_sm{
  flex-direction: column;
}
.column_reverse_sm{
  flex-direction: column-reverse!important;
}
.row_sm{
  flex-direction: row;
}
.row_reverse_sm{
  flex-direction: row-reverse!important;
}
.display_sm,
.display_sp{
  display: block;
}
.display_none_sm,
.display_none_sp{
  display: none;
}
.width_release_sm,
.width_release_sp{
  width: 100%!important;
}
}