@charset "UTF-8";

/* ▼810px以上の場合に適用
--------------------------------------------------------------------- */
@media only screen and (min-width: 811px) {


   #Nagare02 {
      display: none;
   }
    
    #LogoSp {
      display: none;
   }


}


/* ▼810px以下の場合に適用（iPad portrait以下）
---------------------------------------------------------------------- */
@media only screen and (max-width: 810px) {


   body {
      font-size: 12px;
      line-height:1.6em;
   }

    #Logo {
      display: none;
   }
    
    #Nagare {
      display: none;
   }
    
    #Nagare02 {
      width: 100%;
   }
    


/* !Fonts -------------------------------------------------------------- */
.fz60 { font-size: 40px;}

/* !Width ------------------------------------------------------------------- */
.w30per { width: 30% !important;}
.w40per { width: 40% !important;}
.w60per { width: 80% !important;}
.w80per { width: 100% !important;}

}


/* ▼440px以下の場合に適用(iPhone 13以下)
---------------------------------------------------------------------- */
@media only screen and (max-width: 440px) {


   body {
      font-size: 14px;
      line-height:1.8em;
   }

   h2 {
      font-size: 24px;
   }

   h3 {
      font-size: 18px;
      font-weight: bold;
   }
    
    #Nagare {
      display: none;
   }
    
    #Nagare02 {
      width: 100%;
   }

/* !Table
---------------------------------------------------------- */
/*---テーブル（基本）---*/
.table_basic02 {
	width: 100%;

	border: none;
}
.table_basic02 th,
.table_basic02 td {
	border: none;
	padding: 10px;
}
.table_basic02 th {
	background-color: #999;
	vertical-align: top;
	border: none;
}
@media screen and (max-width:440px){
	.table_basic02 {
		width: 100%;
	}
	.table_basic02,
	.table_basic02 thead,
	.table_basic02 tbody,
	.table_basic02 tr,
	.table_basic02 th,
	.table_basic02 td {
		width: 100%;
		display: block;
		border: none;
	}
	.table_basic02 th,
	.table_basic02 td {
		border: none;
	}
}




   .flex-direction-nav {
      display: none;
   }


   #Footer_Wrap {
      height: 500px;
   }

/* !Fonts -------------------------------------------------------------- */
.fz34 { font-size: 24px; line-height:1.4em;}
.fz60 { font-size: 28px; line-height:1.4em;}

/* !Margin ------------------------------------------------------------------ */
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:20px !important;}
.mt40 { margin-top:20px !important;}
.mt50 { margin-top:20px !important;}
.mt60 { margin-top:30px !important;}
.mt80 { margin-top:40px !important;}
.mt120 { margin-top:40px !important;}

/* !Padding ------------------------------------------------------------------ */
.pt60 { padding-top:60px !important;}

/* !Width ------------------------------------------------------------------- */
.w30per { width: 30% !important;}
.w40per { width: 40% !important;}
.w60per { width: 80% !important;}
.w80per { width: 100% !important;}

/* !Inline Align ------------------------------------------------------------ */
.taR { text-align: left !important;}

/* !line-height ------------------------------------------------------------------ */
.lh24    { line-height:1.8em;}

}