@charset "UTF-8";
/* CSS Document */

.wrapper100 { margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;width: 100%;float: left; }
.wrapper90 { margin-left: 5%;margin-right: 5%;padding-left: 0;padding-right: 0;width: 90%;float: left; }
.wrapper80 { margin-left: 10%;margin-right: 10%;padding-left: 0;padding-right: 0;width: 80%;float: left; }
.wrapper70 { margin-left: 15%;margin-right: 15%;padding-left: 0;padding-right: 0;width: 70%;float: left; }
.wrapper60 { margin-left: 20%;margin-right: 20%;padding-left: 0;padding-right: 0;width: 60%;float: left; }
.wrapper50 { margin-left: 25%;margin-right: 25%;padding-left: 0;padding-right: 0;width: 50%;float: left; }
.inner { margin: 0 auto;padding: 0;width: 1100px; }

.height-adjust { width: 100%;margin: 0;height: 1px;float: left; }

.glid-left {
	width: 50%;
	margin: 0;
	padding: 0;
	float: left;
}

.glid-right {
	width: 50%;
	margin: 0;
	padding: 0;
	float: right;
}

.glid-70 { width: 70%; }
.glid-60 { width: 60%; }
.glid-50 { width: 50%; }
.glid-40 { width: 40%; }
.glid-30 { width: 30%; }
.glid-70-text { width: 66%;margin-left: 2%;margin-right: 2%; }
.glid-60-text { width: 56%;margin-left: 2%;margin-right: 2%; }
.glid-50-text { width: 46%;margin-left: 2%;margin-right: 2%; }
.glid-40-text { width: 36%;margin-left: 2%;margin-right: 2%; }
.glid-30-text { width: 26%;margin-left: 2%;margin-right: 2%; }

.flo_left { float: left; }
.flo_right { float: right; }

.tx_left { text-align: left; }
.tx_center { text-align: center; }
.tx_right { text-align: right; }

.margin-top100 { margin-top: 100px; }
.margin-top90 { margin-top: 90px; }
.margin-top80 { margin-top: 80px; }
.margin-top70 { margin-top: 70px; }
.margin-top60 { margin-top: 60px; }
.margin-top50 { margin-top: 50px; }
.margin-top40 { margin-top: 40px; }
.margin-top30 { margin-top: 30px; }
.margin-top20 { margin-top: 20px; }
.margin-top10 { margin-top: 10px; }
.margin-top5 { margin-top: 5px; }

.margin-bottom100 { margin-bottom: 100px; }
.margin-bottom90 { margin-bottom: 90px; }
.margin-bottom80 { margin-bottom: 80px; }
.margin-bottom70 { margin-bottom: 70px; }
.margin-bottom60 { margin-bottom: 60px; }
.margin-bottom50 { margin-bottom: 50px; }
.margin-bottom40 { margin-bottom: 40px; }
.margin-bottom30 { margin-bottom: 30px; }
.margin-bottom20 { margin-bottom: 20px; }
.margin-bottom10 { margin-bottom: 10px; }
.margin-bottom5 { margin-bottom: 5px; }

.padding-bottom100 { margin-bottom: 100px; }
.padding-bottom90 { margin-bottom: 90px; }
.padding-bottom80 { margin-bottom: 80px; }
.padding-bottom70 { margin-bottom: 70px; }
.padding-bottom60 { margin-bottom: 60px; }
.padding-bottom50 { margin-bottom: 50px; }
.padding-bottom40 { margin-bottom: 40px; }
.padding-bottom30 { margin-bottom: 30px; }
.padding-bottom20 { margin-bottom: 20px; }
.padding-bottom10 { margin-bottom: 10px; }
.padding-bottom5 { margin-bottom: 5px; }

.linheight-30 { line-height: 30px; }
.linheight-35 { line-height: 35px; }
.linheight-40 { line-height: 40px; }
.linheight-45 { line-height: 45px; }
.linheight-50 { line-height: 50px; }
.linheight-60 { line-height: 60px; }
.linheight-70 { line-height: 70px; }
.linheight-80 { line-height: 80px; }
.linheight-90 { line-height: 90px; }
.linheight-100 { line-height: 100px; }

.case .wp-block-table.table_mb table { width: 90%;margin: 0 0 0 10%;float: left; }

/* URLの折り返し設定　*/
.word_b {
	word-break: break-all;
}


/* ************************************************** */
/*       RESPONSIV  LAYOUT
/* ************************************************** */

@media screen and (max-width:1100px) {

.inner { margin: 0 5%;width: 90%; }
	
}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 640px */
/* **************************************************************** */

@media screen and (max-width:640px) {

.glid-70 { width: 100%; }
.glid-60 { width: 100%; }
.glid-50 { width: 100%; }
.glid-40 { width: 100%; }
.glid-30 { width: 100%; }
.glid-70-text { width: 96%;margin-left: 2%;margin-right: 2%; }
.glid-60-text { width: 96%;margin-left: 2%;margin-right: 2%; }
.glid-50-text { width: 96%;margin-left: 2%;margin-right: 2%; }
.glid-40-text { width: 96%;margin-left: 2%;margin-right: 2%; }
.glid-30-text { width: 96%;margin-left: 2%;margin-right: 2%; }

.glid-left,
.glid-right { width: 90%;margin: 0 5%; }


}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 580px */
/* **************************************************************** */

@media screen and (max-width:580px) {

.table_mb td,
.table_mb th { width: 100%;float: left; }
.table_mb th.
.table_mb td:nth-of-type(1) { background-color: rgba(153,153,153,0.20);text-align: center; }

}



