@charset "UTF-8";

.mv_text_ind {
  background: none !important;
}	
.h2_1,
.h2_p_1,
.h2_2,
.h2_p_2,
.h2_3,
.h2_4,
.h2_p_4{
  font-size: 6.6rem !important;
  color: #000 !important;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
.h2_1::before,
.h2_2::before{
  content: "";
  height: 39px;
  width: 34px;	
  background: url(/common/upload_data/withhome-reformcom/image/mv_images2_1.png);
  display: inline-block;
  left: -10px;
  position: relative;
}	
.h2_1::after,
.h2_2::after{
  content: "";
  height: 39px;
  width: 34px;	
  background: url(/common/upload_data/withhome-reformcom/image/mv_images1_1.png);
  display: inline-block;
  right: -10px;
  position: relative;
}
.h2_2{
  border-top: double 5px;
  padding-top: 20px;
}	
.h2_p_2	{
  border-bottom: double 5px var(--i_main_color);
  padding-bottom: 20px;
}
.h2_3 {
  line-height: 1.1;
}
.h2_4 {
  color: var(--i_main_color) !important;
  font-size: 7.6rem !important;
}
.h2_p_4 {
  font-size: 3.2rem !important;
  font-weight: 600;
}	
.ind #mv li .mv_text_ind{
	width: auto;	
	}
.ind #mv li .mv_text_ind h2 .h2_1+ p .h2_p_1,
.ind #mv li .mv_text_ind h2 .h2_2+ p .h2_p_2{
  font-size: 5.5rem !important;
  font-weight: 600;
}
.ind #mv li:nth-of-type(1).show .mv_text_ind {
  text-align: left;
  align-items: normal;
  padding: 0 5%;
	height: 60%;	
}
.ind #mv li:nth-of-type(2).show .mv_text_ind {
  text-align: center !important;
  align-items: normal;
  padding: 0 5%;
	height: 100%;	
  left: 50%;
  transform: translateX(-50%);
}
.ind #mv li:nth-of-type(3).show .mv_text_ind,
.ind #mv li:nth-of-type(4).show .mv_text_ind{
  text-align: center !important;
  align-items: normal;
  padding: 0 5%;
  height: 100%;
  width: 100%;
}	
.circle2 {
  display: inline-block;
  background: #1f3ea6;
  border-radius: 50%;
  width: 85px;
  height: 85px;
  color: #ffe750;
  font-size: 52px;
  text-align: center;
  line-height: 80px;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
  text-shadow: none;
  margin-right: 5px;	
}	
.txt_line1 {
	background: linear-gradient(transparent 70%, rgba(35, 52, 115, 0.8) 0%);
}
.txt_line2 {
	background: linear-gradient(transparent 70%, #ffe750 0%);
}
.txt_color1 {
  color: var(--i_main_color);
}
.txt_color2 {
  color: var(--i_main_color);
}
.txt_size1{
		font-size: 70%
	}	
.mv_subtext {
    color: #000 !important;
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
@media screen and (min-width: 768px){
  .br-sp {
      display: none; 
      }
}	
@media screen and (max-width: 800px){
    .ind #mv li:nth-of-type(1).show .mv_text_ind,
	.ind #mv li:nth-of-type(2).show .mv_text_ind{
        height: 120%;
        text-align: left;
		width: 100%;
    }
    .ind #mv li:nth-of-type(3).show .mv_text_ind{
        height: 100%;
        text-align: left;
		width: 100%;
    }	
    .h2_1, .h2_p_1,
	.h2_2, .h2_p_2{
        font-size: 3.6rem !important;
    }
	.h2_3 {
    font-size: 4.2rem !important;
	}
	.h2_4 {
    font-size: 4.6rem !important;
	}
	.h2_p_4 {
    font-size: 2.2rem !important;
	}
	.h2_1::before,
	.h2_1::after,
	.h2_2::before,
	.h2_2::after{
		display: none;
	}
    .circle2 {
      width: 68px;
      height: 68px;
      font-size: 35px;
      line-height: 70px;
    }
.mv_subtext {
    color: #000 !important;
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
    font-size: 4vw;
}
}


@media screen and (max-width: 600px) {
    #reform_point + .contents_box01 .align-right {
        text-align: left;
    }
    #reform_point + .contents_box01 .heading.block_header_1.align-right p:before {
        right: auto;
        left: 0;
    }
}


#mv .mv_img li img {
    object-fit: contain;
}
#mv .mv_scroll {
    border: 2px solid rgba(169,169,169,0.7);
}
#mv .mv_scroll a::before {
    border-right: 2px solid rgba(169,169,169,0.7);
    border-bottom: 2px solid rgba(169,169,169,0.7);
    left: 16px!important;
}
@media screen and (max-width: 1200px) {
#mv {
    max-height: 650px;
    min-height: 370px;
}
}
@media screen and (max-width: 900px) {
#mv {
    max-height: 450px;
}
}
@media screen and (max-width: 768px) {
#mv {
    max-height: 450px;
}
}
@media screen and (max-width: 600px) {
#mv {
    max-height: 350px;
    min-height: 150px;
}
}
@media screen and (max-width: 450px) {
#mv {
    max-height: 300px;
    min-height: 150px;
}
}


#mv {
    width: 96%;
}

#mv .mv_img li img {
    width: auto;
    margin: auto;
    max-width: 100%;
}






#bg_283560_1 + section .heading.block_header_1 p:before, #bg_283560_1 + section .heading.block_header_6 .h:before {
    background: #ffffff;
}

#bg_283560_1 + section .heading.block_header_1 p, #bg_283560_1 + section .heading.block_header_6 .h {
    color: #ffffff;
}

#bg_283560_1 + section.contents_box01.valign-center .wrapper_item {
    color: #ffffff;
}


#bg_283560_2 + section .heading.block_header_1 p:before, #bg_283560_2 + section .heading.block_header_6 .h:before {
    background: #ffffff;
}

#bg_283560_2 + section .heading.block_header_1 p, #bg_283560_2 + section .heading.block_header_6 .h {
    color: #ffffff;
}

#bg_283560_2 + section.contents_box01.valign-center .wrapper_item {
    color: #ffffff;
}


#reform_point + section .heading.block_header_1 p:before, #reform_point + section .heading.block_header_6 .h:before {
    background: #ffffff;
}

#reform_point + section .heading.block_header_1 p, #reform_point + section .heading.block_header_6 .h {
    color: #ffffff;
}

#reform_point + section.contents_box01.valign-center .wrapper_item {
    color: #ffffff;
}



#bg_283560_3 + section .heading.block_header_1 p:before, #bg_283560_3 + section .heading.block_header_6 .h:before {
    background: #ffffff;
}

#bg_283560_3 + section .heading.block_header_1 p, #bg_283560_3 + section .heading.block_header_6 .h {
    color: #ffffff;
}

#bg_283560_3 + section.contents_box01.valign-center .wrapper_item {
    color: #ffffff;
}



#daihyou + section .heading.block_header_1 p:before, #bg_283560_3 + section .heading.block_header_6 .h:before {
    background: #ffffff;
}

#daihyou + section .heading.block_header_1 p, #bg_283560_3 + section .heading.block_header_6 .h {
    color: #ffffff;
}

#daihyou + section.contents_box01.valign-center .wrapper_item {
    color: #ffffff;
}



#mv {
    max-width: 100%;
    width: 100%;
}

#mv {
    min-height: 700px;
    height: 700px;
}



@media (max-width: 900px) {
    #mv {
        height: 55vh !important;
        min-height: auto;
    }
}