@charset "utf-8";
html {font-size: 62.5%;}
body {padding:0; margin:0;}
a{text-decoration: none; color: #000;}
a img:hover{opacity: 0.7;}

#MW_wrap {
	clear: both;
	width:100%;
	max-width: 900px;
	padding: 2% 0 3%;
	margin:0 auto 10px;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #000000;	*/
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	background-color: #c7dbef;
}
#MW_wrap p {padding:0;margin:0;}


.main {
	width: 90%;
	max-width:900px;
	margin:5% auto 5%;
}

.sp {display:none;}
	
.Lead_pc {
	display: block;
	text-align:center;
	font-size:2rem;
	padding:0 ;
	margin:0 auto 8%;
	line-height:1.8;
}
.Lead_sp {
	display: none;
}

.clear {clear:both;}
.sml{font-size: 80%;}


/*.UL{background:linear-gradient(transparent 60%, #eed5b4 60%);}
*/
/*item*/
.sub_ttl{
	width: 95%;
	margin: 0 auto 2%;
	/*font-size: 2.5rem;
	text-align: center;
	font-weight: 500;
	letter-spacing: 0.05em;
	border: 1px solid #000;*/
}
/*.sub_ttl2{
	width: 35%;
	margin: 0 auto 2%;
}*/
.item_wrap {
	width: 90%;
	margin: 0 auto 10%;
}
.item_img {
	width: 100%;
	margin: 0 auto;
}
.item_box {
	width: 100%;
	margin: 0 auto 10%;
	/*display:flex;
	flex-wrap:wrap;
	justify-content: space-between;*/
}
.item1 {
	width:30%;
	margin: 0;
	line-height:1.4em;
	text-align:center;
}

.cmt{
	text-align:center;
	font-size:2rem;
	margin:2% auto 0;
	line-height: 1.8em;
}
.cmt_box {
	width: 100%;
	margin: 5% auto 10%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.cmt1 {
	width:30%;
	margin: 0;
	font-size: 1.6rem;
	line-height:1.4em;
	text-align:left;
}

/*span.tax{
	font-size:63%;
}
*/


table {
    border-collapse:  collapse;
	width: 100%;
	margin: 2% auto 10%;
}

th,td {
    border: solid 1px #2a3949;  
	padding: 5px;
	text-align: center;
}

th{
    height: 30px;
	font-size: 1.8rem;
	font-weight: 600;
	background-color: #8190a0;
}

td{
	width:  15%;
	font-size: 1.6rem;
	font-weight: 400;
	background-color: #F7F9FB;
}

td.item_n{
	width: 30%;
	font-size: 1.7rem;
	text-align: left;
	font-weight: 600;
}


.other_wrap{
	width: 90%;
	margin: 10% auto 5%;
}

h2{width: 40%; margin: 5% 0 3%; padding: 5px 0; font-size: 2.5rem; letter-spacing: 0.1em; background-color: #000; color: #fff; text-align: center;}

.staff_wrap {width: 100%; margin: 0 0 5%; /*margin: 0 0 10% 4%;*/}

h3{width: 80%; margin: 2% 0 0; font-size: 2rem; letter-spacing: 0.05em;  text-align: left;}
.ttl_sb{width: 50%; margin: 0 0 2%;}

.staff_box {
	width: 100%;
	margin: 0;
	overflow: hidden;
	box-sizing: border-box;
}
.staff1 {
	width:20%;
	margin: 0;
	padding: 0 2%;
	float: left;
}


/* General button style (reset) */
.btn {
	border: none;
	font-family: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	/*text-transform: uppercase;*/
	
}


/* Button 1 */
.btn-1 {
	width: 35%;
   /* border: #000 1px solid;*/
    color: #fff;
    margin: 3% auto 5%;
    display: block;
    padding: 8px 0px;
    font-size: 1.6rem;
    background-color: #000;
}

.btn-1:hover {
	color: #B4D9DF;
	background-color: #587696;
	/*border: #000 1px solid;*/
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


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

.pc {display:none;}
.sp {display:block;}
	#MW_wrap {
		width:100%;
		padding: 2% 0 5%;
		margin:0 auto 10px;
	}	
	.main {width: 90%; margin:5% auto 3%;}
	.Lead_sp {
		display: block;
		text-align:center;
		font-size:1.4rem;
		padding:0 ;
		margin:0 auto 8%;
		line-height:1.8;
	}
	.Lead_pc {display: none;}

/*item*/
	.item_wrap {width: 98%; margin: 0 auto 10%;}
	.item_box {width: 100%; margin: 0 auto 15%;}

	.cmt{font-size:1.4rem; margin:1% auto 0;}
	.cmt_box {
		width: 100%;
		margin: 5% auto 10%;
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	.cmt1 {
		width:31%;
		margin: 0;
		font-size: 1.2rem;
		line-height:1.4em;
	}

	.sub_ttl{width: 95%; margin: 0 auto 2%;}
	
	.btn-1 {
		width: 45%;
		margin: 2% auto 7%;
		padding: 3px 0px;
		font-size: 1.2rem;
	}
	
	table {
		width: 100%;
		margin: 2% auto 0;
	}

	th,td {padding: 3px;}

	th{
		height: 20px;
		font-size: 1.4rem;
	}

	td{
		width:  15%;
		font-size: 1.2rem;
	}
	
	td.item_n{
		width: 32%;
		font-size: 1.3rem;
	}
	
	.other_wrap{width: 98%; margin: 10% auto 5%;}
	
	h2{width: 50%; margin: 5% 0 3%; padding: 5px 0; font-size: 2rem; letter-spacing: 0.1em;}
	h3{width: 80%; margin: 2% 0 3%; font-size: 1.7rem; letter-spacing: 0.05em; }


	.ttl_sb{width: 60%; margin: 0 0 5% 2%;}
	.staff_wrap {width: 98%; margin: 0 auto 10%;}
	.staff_box {width: 100%;margin: 1% 0 0;}
	.staff1 {width:25%; margin: 0; padding: 0 2%;}


}

@media screen and (max-width: 640px) {
  .scroll {
    overflow-x: auto;
  }
  .tbl-r07 {
    min-width: 640px;
    margin: 0 1px 50px;
  }
  .tbl-r07 td {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
  }
}