@charset "UTF-8";

/*mv画像調整*/
#lv div {
    opacity: 1;
}
#lv p span{
    display:none;
}
#lv {
    height: 105vh!important;
}
@media screen and (max-width: 100vh) {
  #lv {
    height: 50vh!important;
  }
}
@media screen and (max-width: 650px){
  #lv {
      height: 40vh!important;
  }
}
@media screen and (max-width: 480px){
  #lv {
    height: 35vh!important;
  }
}

/*-----------------------------性能---------------------------------*/
/*----------枠線----------*/
a[id*="smart_item_head"]  +.contents_box01 .content_wrapper,
a[id*="smart_item_content"]  +.contents_box01 .content_wrapper,
#season  +.composite_box01 .content_wrapper{
    width: 90%;
    border-left: 1px solid #f18d00;
    border-right: 1px solid #f18d00;
}
a[id*="smart_item_content_last"]+.contents_box01 .content_wrapper{
    border-bottom: 1px solid #f18d00;
}

a[id*="smart_item_head"]  +.contents_box01 .content_wrapper{
    padding: 0;
}
a[id*="smart_item_content"]  +.contents_box01 .content_wrapper{
    max-width: 1200px!important;
    padding: 30px 0;
}

#season  +.contents_box01 .content_wrapper{
    padding: 30px 0;
}

#smart_item_content2  +.contents_box01 .content_wrapper,
#smart_item_content3  +.contents_box01 .content_wrapper
{
    padding-top: 60px;
    padding-bottom: 30px;
}

a[id*="smart_item_content"]  +.contents_box01 .wrapper_item,
#season  + .composite_box01 .wrapper_item{
    width: 90%;
    margin: 0 auto;
}

/*テキスト幅*/
a[id*="smart_item_head"]  +.contents_box01 .inner_item_txt:nth-of-type(1):nth-last-of-type(1) {
    padding: 0 var(--i_padding, 20px);
    width: 80%;
}

/*----------アイテム見出し----------*/
a[id*="smart_item_head"]  +.contents_box01 .heading.block_header_2 p,
#smart_item_content2  +.contents_box01 .heading.block_header_2 .h {
    color: var(--i_txt_color);
    font-size: 2.1rem;
}

a[id*="smart_item_head"]  +.contents_box01 .heading.block_header_2 .h{
position: relative;
    background-color: #f18d00;
    color: #fff;
    display: block;
    padding: 1rem 1rem 1rem 8rem;
    text-align: left;
}

a[id*="smart_item_head"]  +.contents_box01 .heading.block_header_2 .h:before{
    display: flex;
    position: absolute;
    color: #fff;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 6rem;
    height: 70%;
    font-size: 2.2rem;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #fff;
}

#smart_item_head+.contents_box01 .heading.block_header_2 .h:before{
    content: "1";
}
#smart_item_head2+.contents_box01 .heading.block_header_2 .h:before{
    content: "2";
}
#smart_item_head3+.contents_box01 .heading.block_header_2 .h:before{
    content: "3";
}

/*季節*/
#season + .composite_box01 .inner_item a{
  margin-top: auto;
}
#season + .composite_box01 .inner_item img{
  height: auto !important;
}
#season + .composite_box01 .inner_item .heading.block_header_4 .h{
  border: 1px solid #f18d00;
  border-radius: 50%;
  display: flex;
  width: 80px;
  height: 80px;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
#season + .composite_box01 .inner_item:nth-child(1) .heading.block_header_4 .h{
  background: #21ACE5;
  border-color: #21ACE5;
  color: #fff;
}
#season + .composite_box01 .inner_item:nth-child(1) .inner_item_txt>p{
  color: #21ACE5;
}

#season + .composite_box01 .inner_item:nth-child(2) .heading.block_header_4 .h{
  background: #f18d00;
  border-color: #f18d00;
  color: #fff;
}
#season + .composite_box01 .inner_item:nth-child(2) .inner_item_txt>p{
  color: #f18d00;
}

#season + .composite_box01 .inner_item_img:nth-last-of-type(1) {
    margin-top: 3rem;
}

#season + .composite_box01 .inner_item_txt{
    display: flex;
}

#season + .composite_box01 .inner_item_txt .heading {
    width: 30%;
}

#season + .composite_box01 .inner_item_txt p:nth-last-of-type(1) {
    width: 65%;
    margin-top: 2rem;
}

@media screen and (max-width: 900px){
/*----------余白----------*/
a[id*="smart_item_head"]  +.contents_box01 .content_wrapper,
a[id*="smart_item_content"]  +.contents_box01 .content_wrapper,
#season  +.composite_box01 .content_wrapper{
    width: 95%;
}
a[id*="smart_item_head"] +.contents_box01 .inner_item_txt:nth-of-type(1):nth-last-of-type(1) {
    width: 90%;
}

a[id*="smart_item_content"] +.contents_box01 .content_wrapper {
    padding: 30px 0 0;
}

a[id*="smart_item_content_last"] +.contents_box01 .content_wrapper {
    padding: 0 0 30px;
}

#smart_item_content_last3 +.contents_box01 .content_wrapper {
    padding: 30px 0;
}

#season  +.composite_box01 .content_wrapper{
    padding-top: 3rem;
}
#season + .composite_box01 .wrapper_item {
    display: block;
}

#season + .composite_box01 .wrapper_item .inner_item{
    width: 100%!important;
}
#season + .composite_box01 .wrapper_item .inner_item:nth-child(2) {
    margin-top: 3rem;
    margin-left:0;
}

#season + .composite_box01 .inner_item_txt .heading {
    width: 100px;
}
#season + .composite_box01 .inner_item_txt p:nth-last-of-type(1) {
    width: calc(100% - 100px);
}
}

@media screen and (max-width: 400px){
#season + .composite_box01 .inner_item_txt {
    display: block;
}
#season + .composite_box01 .inner_item_txt p:nth-last-of-type(1) {
    width: 100%;
}

#season + .composite_box01 .inner_item .heading.block_header_4 .h {
    width: 50px;
    height: 50px;
    margin-left: 0;
}

#smart_item_content2 +.contents_box01 .content_wrapper,
#smart_item_content3 +.contents_box01 .content_wrapper {
    padding-top: 30px;
}
}

/*-----------------------------地球がよろこんでくれる---------------------------------*/
#smart2030_earth + section .heading.block_header_3 {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    background: #f18d00;
}

#smart2030_earth + section .heading.block_header_3 .h {
    color: #fff;
}

#smart2030_earth + section .heading+.add_text {
    margin-top: 20px;
}


/*-----------------------------1〜11---------------------------------*/
#smart2030_flow + section {
    padding-left: 20px;
    padding-right: 20px;
}

#smart2030_flow + section .content_wrapper {
    background: var(--i_sub2_color);
    padding: 20px 4vw;
    border-radius: 20px;
}

@media screen and (max-width: 900px) {
.heading.block_header_7 p {
    width: 40px;
    height: 40px;
}

.heading.block_header_7 .h:nth-last-child(2):nth-child(1) {
    max-width: calc(100% - 40px);
}
}


#economic1+section{
    background-repeat: repeat-x !important;
}
#economic1+section .heading.block_header_1 p{
     color:#f18d00;
}
a[id*="economic"]+section .heading.block_header_3{
    background: #f18d00;
}
a[id*="economic"]+section .heading.block_header_3 .h{
   color: #fff;
}
a[id*="economic"]+section .content_wrapper{
    border-left: 1px solid #f18d00;
    border-right: 1px solid #f18d00;
    width: 90%;
    max-width: 1200px !important;
}
#economic1+section .content_wrapper{
    border-top: 1px solid #f18d00;
    padding-top:30px;
}
#economic_title5+section .content_wrapper{
    border-bottom: 1px solid #f18d00;
    padding-bottom:30px;
}
a[id*="economic_title"]+section .content_wrapper{
    padding-top:60px;
}


/*-----------------------------調整---------------------------------*/
@media screen and (max-width: 900px) {
a[id*="smart_item_head"] +.contents_box01 .heading.block_header_2 p, #smart_item_content2 +.contents_box01 .heading.block_header_2 .h {
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
}
}

@media screen and (max-width: 900px) {
#season + .composite_box01 .inner_item_txt {
    display: flex;
    justify-content: space-between;
    gap: 5%;
}

#season + .composite_box01 .inner_item .heading.block_header_4 .h {
    width: 40px;
    height: 40px;
}

#season + .composite_box01 .inner_item_txt .heading {
    width: auto;
}

#season + .composite_box01 .inner_item_txt p:nth-last-of-type(1) {
    margin-top: 0;
}

#season + .composite_box01 .inner_item_txt p:nth-last-of-type(1) {
    width: calc(100% - 40px);
}

#season + .composite_box01 .wrapper_item .inner_item:nth-child(2) {
    margin-left: 0!important;
}
}


/*-----------------------------画像入れ替え---------------------------------*/
#economic_title5_sp + section {
    display: none;
}

#economic_title5_sp + section .content_wrapper {
    border-bottom: 1px solid #f18d00;
    padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
#economic_title5_sp + section {
    display: block;
}

#economic_title5 + section {
    display: none;
}
}