@charset "utf-8";



.box_02_l {width:150px;}
.box_02_l div{display: inline-block;}
.box_02_r{width:550px;}



#news h1{font-size:2.5rem;
	    font-weight: 500;
    letter-spacing: 0.01em;
}

p.date{font-size:1.5rem;padding:2em 0 0.5em;}
p.main_tx,p,sub_tx{font-size:1.6rem;letter-spacing: 0em;line-height:2;}

.sub_tx{padding:30px 100px;background:#dfd8d0;margin-top:45px;}
.sub_tx h3{font-size:1.6rem;font-weight:400;margin-bottom:20px;}
.sub_tx h3:before{
	content:"";
    border-left: 4px solid #e60012;
    padding: 0.05em 5px 0.1em 0;
    
    }
    
    h3.sub_02:before{
	    display: none;
    }
    h3.sub_02{margin:1.4em 0 0.2em;}
    
    p.sub_03{padding-top:0.5em;}
    
    .box_02{margin-top:45px;padding:40px 12px 0;border:dashed #231815;border-width: 1px 0;
	    align-items: flex-start;
	    
    }
    
    .box_02_r p{margin-top:-6px;}
    
    p.sub_04{text-align: right;padding: 2em 0 1.5em;font-size: 1em;}
    
    .box_02_l p:nth-child(2){font-size:1.5rem;font-weight: 500;line-height:1;padding:1em 0 0.2em;letter-spacing: 0.07em;}
    .box_02_l p:nth-child(3){font-size:1.2rem;letter-spacing: 0;
	    transform: scale(0.9);transform-origin:left;
	    line-height: 1.4;
    }
    
    .box_02_l div:nth-child(n + 2){padding-top:40px;}
    
    
.container_right img {
  float: right; /* 画像を左に寄せてテキストを右に回り込ませる */
  margin-left: 20px; /* 画像とテキストの間に余白 */
  max-width: 30%; /* スマホで画像が小さくなりすぎるのを防ぐ */
  height: auto; /* 画像のアスペクト比を保つ */
    width: 120px;
}
.container_right p {
  /* floatされた要素の後ろに続くテキスト */
  overflow: hidden; /* float解除のテクニックとしても使える */
}

.container_right2 img {
  float: right; /* 画像を左に寄せてテキストを右に回り込ませる */
  margin-left: 20px; /* 画像とテキストの間に余白 */
  max-width: 30%; /* スマホで画像が小さくなりすぎるのを防ぐ */
  height: auto; /* 画像のアスペクト比を保つ */
}
.container_right2 p {
  /* floatされた要素の後ろに続くテキスト */
   overflow: visible;/* float解除のテクニックとしても使える */
}

.container_left img {
  float: left; /* 画像を左に寄せてテキストを右に回り込ませる */
  margin-right: 20px; /* 画像とテキストの間に余白 */
  max-width: 30%; /* スマホで画像が小さくなりすぎるのを防ぐ */
  height: auto; /* 画像のアスペクト比を保つ */
    
}
.container_left p {
  /* floatされた要素の後ろに続くテキスト */
  overflow: visible;/* float解除のテクニックとしても使える */
}


.photo2 dl {
  display: flex;
  flex-wrap: wrap;
}
.photo2 dt {
  width: 100%;
  padding: 0px;
  margin: 0 0 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.photo2 dd {
  width: 100%;
  padding: 0px;
  margin: 0 0 10px 0;
}
    
    @media only screen and (max-width: 768px) {  /*  ---------   sp  --------------*/	
   
    .container_right img {
    float: none; /* floatを解除 */
    display: block; /* ブロック要素にして幅100%にする */
    margin: 0 auto 20px; /* 中央寄せにして下余白 */
    max-width: 100%; /* 幅を最大にする */

  }
  .container_right p {
    /* float解除で回り込みがなくなるので、margin-topなどで調整 */
  }
       .container_right2 img {
    float: none; /* floatを解除 */
    display: block; /* ブロック要素にして幅100%にする */
    margin: 0 auto 20px; /* 中央寄せにして下余白 */
    max-width: 100%; /* 幅を最大にする */
   
  }
  .container_right2 p {
    /* float解除で回り込みがなくなるので、margin-topなどで調整 */
  }
        
        
    .container_left img {
    float: none; /* floatを解除 */
    display: block; /* ブロック要素にして幅100%にする */
    margin: 0 auto 20px; /* 中央寄せにして下余白 */
    max-width: 100%; /* 幅を最大にする */
  }
  .container_left p {
    /* float解除で回り込みがなくなるので、margin-topなどで調整 */
  }        
        
    .photo2 dl {
  display: flex;
  flex-wrap: wrap;
}
.photo2 dt {
  width: 100%;
  padding: 0px;
  margin: 0 0 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.photo2 dd {
  width: 100%;
  padding: 0px;
  margin: 0 0 10px 0;
}
        
        
    p.main_tx,p,sub_tx{}
    #news h1{font-size:1.5rem;}
    
    .box_02{padding:8vw 0 0;    margin-top: 8vw;}
    .box_02_r{width: 100%;}
    .sub_tx{padding:10vw 6vw;}
    .box_02_l {display:flex;flex-flow:row wrap;width:100%;justify-content:center;align-items: flex-start;}
    .box_02_l>div{width:42.5vw;max-width:200px;padding-bottom:7vw;}
     .box_02_l div:nth-child(n + 2){padding-top:0px;}
    .box_02_l div:nth-child(2n){margin-left:2.5vw;}
    .box_02_l div:nth-child(2n + 1){margin-right:2.5vw;}
    .box_02_r{padding-top:5vw;}
    p.sub_04{padding-bottom:0.5em;}
    }