/*! Writen  by SCSS */
/*
.bg_box.page2 {
	.bg {
		background: #fff;
		&::after {
			
		}
	}
}
*/
.page2 .sec01 .w1 {
  width: calc(850% / 14.8);
  grid-template-columns: calc(370% / 8.5) calc(450% / 8.5);
  grid-auto-rows: 1fr;
  grid-template-rows: auto; }
  @media screen and (max-width: 768px) {
    .page2 .sec01 .w1 {
      width: 35%;
      grid-template-columns: 1fr; } }
  @media screen and (max-width: 480px) {
    .page2 .sec01 .w1 {
      width: 48%;
      width: 100%;
      grid-auto-rows: auto; } }
  .page2 .sec01 .w1 .item_ttl {
    grid-column: span 1; }
  .page2 .sec01 .w1 .inn {
    /*@include mq($br_tb){
    	flex-wrap: wrap;
    	display: contents;
    }
    .txt {
    	width: calc(370% / 8.5);
    	@include mq($br_tb){
    		width: 100%;
    		margin-bottom: 15px;
    	}
    	.img1 {
    		display: inline-block;
    		@include mq($br_sp){
    			width: 70%;
    		}
    	}
    }
    .img {
    	width: calc(450% / 8.5);
    	@include mq($br_tb){
    		width: 100%;
    	}
    }*/ }
  .page2 .sec01 .w1 .img1 {
    display: inline-block; }
    @media screen and (max-width: 480px) {
      .page2 .sec01 .w1 .img1 {
        width: 70%;
        width: 100%; } }
  .page2 .sec01 .w1 .txt {
    grid-row: span 2; }
.page2 .sec01 .w2 {
  width: calc(580% / 14.8);
  grid-template-columns: calc(340% / 5.8) calc(220% / 5.8); }
  @media screen and (max-width: 768px) {
    .page2 .sec01 .w2 {
      width: 61%; } }
  @media screen and (max-width: 480px) {
    .page2 .sec01 .w2 {
      width: 48%;
      width: 100%;
      grid-template-columns: calc(186% / 3.35) calc(137% / 3.35); } }
  @media screen and (max-width: 480px) {
    .page2 .sec01 .w2 .txt {
      grid-column: 1/2; } }
  @media screen and (max-width: 480px) {
    .page2 .sec01 .w2 .img {
      grid-column: 2/3;
      margin-bottom: 0; } }

/*# sourceMappingURL=style2.css.map */