html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.mtm0805{width: 100%;height: auto;margin: 0;padding: 0;font-size:14px;font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";line-height: 2.2em;}

.mtm0805 img{width: 100%;height: auto;}

.mtm0805 .img_tibox img{width: 800px;height: auto; margin: 0 0 2rem 0;}

.mtm0805 img.variable{width:auto;max-width: 100%;height:auto;margin:auto;}

.mtm0805  a img:hover{opacity: 0.7;}

.mtm0805  p{font-weight: normal; margin: 1em 0; }

.mtm0805 p.lead{font-size: 1.2em;}

.mtm0805 .text-center{text-align:center; }
.mtm0805 .text_col{text-align:left; }
.mtm0805 .text-right{text-align:right; }

.mtm0805 .container {
	width:100%;
	max-width:980px;
	margin:auto;
	text-align: center;
}

.mtm0805 .container-fluid{
	background-color: #f1f1f1;
	margin-top:2rem;
	width: 100vw;
	margin-left: calc(50% - 50vw);
}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}


.wrap01 {
	margin: 0 auto 100px auto;
	}
	
.sub_ti01 {
	text-align: center;
	margin: 0 auto 0.5em auto;
	}
.sub_ti01 p {
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight:bold;
	}

.front_wrap01 {
	width:585px;
	margin: 4em auto 10% auto;
	}
.front_box01 {
	width:280px;
	margin: 0 25px 0 0;
	float:left;
	}
.front_box02 {
	width:280px;
	margin: 0 0 0 0;
	float:left;
	}
.btn_box01 {
	width:920px;
	margin: 0 auto 10% auto;
	}






	table{
		width:430px;
		border: solid 1px #000000; border-collapse: collapse;
		text-align: center;
		font-size: 10px;
		font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		padding-left:10px;
		line-height:1.0;
	}
	caption{
		text-align: left;
		padding:0 0 3px 5px;
		font-weight: bold;
	
	}
.table_left td,.table_right td{
	padding:4px 4px 4px 4px;
	border: 1px solid #000000;
	vertical-align:middle;
}
.bf{
	background-color:#bfbfbf;
	
}
hr{
	color:#000;
	width:900px;
	margin:auto;
	display:block;
}
.table_wrap{
	width:894px;
	margin: auto auto 20px auto;
	
}
.table_left{
	width:50%;
	margin:auto;
	float:left;
}
.table_left table{
	margin:auto;
}
.table_right{
	width:50%;
	margin:auto;
	float:left;
}
.table_right table{
	margin:auto;
}
	.gray{
		background-color: #F4F4F4;
	}
.small_txt{
	font-size:11px;
	color:#000;
	line-height:1.3;
	font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
	padding:5px;
}
.T_center {text-align: center;}
.T_right {text-align: right;}
.float_L {float: left;}
.float_R {float: right;}
.float_C {clear: both;
	width: 0px;
	height: 0px;}

.a_ti01 {
	font-size: 250%;
	font-weight: bold;
	color: #003958;
	}
.a_ti01 p {
	padding: 0;
	margin: 1em 0 0.3em 0;
	font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-weight: bold;
	}
.ft_sub {font-size: 40%;}
.a_ti02 {
	width:235px;
	margin: 2em auto 1em auto;
	}
.a_ti03 {
	width:325px;
	margin: 2em auto 1em auto;
	}
.a_ti04 {
	width:321px;
	margin: 2em auto 1em auto;
	}
	
.mono_tibox01 {
	width:280px;
	margin: 0 auto 3em auto;
	}
.font_tibox01 {
	width:120px;
	margin: 0 auto 0 auto;
	}
.sizespec_tibox01 {
	width:300px;
	margin: 0 auto 3em auto;
	}
.font_ti_wrap01 {
	width:100%;
	margin: 0 auto 3em auto;
	padding: 0 0 1em 0;
	}
.font_wrap01 {
	width:760px;
	margin: 0 auto 10% auto;
	text-align:left;
	}
.font_wrap01 p {
	width: 100%;
	text-align:left;
	margin: 0 1em 0 0;
	}
.font_img01 {
	width: 545px;
	margin: 0 0 3em 0;
	}
.font_img02 {
	width: 625px;
	margin: 0 0 3em 0;
	}
.font_img03 {
	width: 470px;
	margin: 0 0 3em 0;
	}
.font_img04 {
	width: 760px;
	margin: 0 0 3em 0;
	}

.color_wrap01 {
	width:890px;
	margin: 0 auto 10% auto;
	}
.color_box01 {
	width: 200px;
	margin: 0 30px 30px 0;
	float:left;
	}
.color_box02 {
	width: 200px;
	margin: 0 30px 30px 0;
	float:left;
	}
.color_box03 {
	width: 200px;
	margin: 0 0 30px 0;
	float:left;
	}
.color_img01 {
	width:100%;
	margin: 0 0 1em 0;
	}
.color_txt01 {
	width:100%;
	margin: 0 0 1em 0;
	}
.posi_img01 {
	width:850px;
	margin: 0 auto 10% auto;
	}
.wrap02 {
	width: 80%;
	margin: 0 auto 100px auto;
	}



@media only screen and (max-width: 979px) {
	.container {
		padding-left:0%;
		padding-right:0%;
		box-sizing: border-box;
	}
	.container img {
		margin: 0 0 5% 0;
	}
	.hidden-xs{display:none;}
		table{
		width:96%;
		border: solid 1px #000000; border-collapse: collapse;
		text-align: center;
		font-size: 150%;
		font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		padding-left:1%;
		line-height:1.0;
	}
	caption{
		text-align: left;
		padding:0 0 1% 1%;
		font-weight: bold;
		font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}

td{
	padding:1%;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:85%;
}
.table_left td,.table_right td{
	border: 1px solid #000000;
	vertical-align:middle;
	padding:4px 1px 4px 1px;
}
.bf{
	background-color:#bfbfbf;
	
}

hr{
	color:#000;
	width:90%;
	margin:auto;
	display:block;
}
.table_wrap{
	width:100%;
	margin: auto auto auto auto;
	
}
.table_left{
	width:100%;
	margin:5% auto 0 auto;
	float:none;
}

.table_right{
	width:100%;
	margin:5% auto 0 auto;
	float:none;
}

.gray{
	background-color: #F4F4F4;
}

.wrap01 {
	margin: 0 auto 100px auto;
	}

	
.sub_ti01 {
	text-align: center;
	margin: 0 auto 0.5em auto;
	}
.sub_ti01 p {
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight:bold;
	}

.front_wrap01 {
	width:50%;
	margin: 4em auto 10% auto;
	}
.front_box01 {
	width:100%;
	margin: 0 0 8% 0;
	float: none;
	}
.front_box02 {
	width:100%;
	margin: 0 0 0 0;
	float: none;
	}
.btn_box01 {
	width:90%;
	margin: 0 auto 10% auto;
	}
.a_ti01 {
	font-size: 130%;
	font-weight: bold;
	color: #003958;
	margin: 1em 0 0.6em 0;
	}
.a_ti01 p {
	padding: 0;
	margin: 1em 0 0.6em 0;
	font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-size: 130%;
	font-weight: bold;
	color: #003958;
	line-height: 1em;
	
	}
.ft_sub {font-size: 60%;}
.a_ti02 {
	width:54%;
	margin: 2em auto 1em auto;
	}
.a_ti03 {
	width:75%;
	margin: 2em auto 1em auto;
	}
.a_ti04 {
	width:75%;
	margin: 2em auto 1em auto;
	}
	
.mono_tibox01 {
	width:50%;
	margin: 0 auto 3em auto;
	}
.font_tibox01 {
	width:25%;
	margin: 0 auto 0 auto;
	}
.sizespec_tibox01 {
	width:60%;
	margin: 0 auto 0 auto;
	}
.font_ti_wrap01 {
	width:100%;
	margin: 0 auto 3em auto;
	padding: 0 0 1em 0;
	}
.font_wrap01 {
	width:90%;
	margin: 0 auto 10% auto;
	text-align:left;
	}
.font_wrap01 p {
	width: 100%;
	text-align:left;
	margin: 0 1em 0 0;
	}
.font_img01 {
	width: 72%;
	margin: 0 0 3em 0;
	}
.font_img02 {
	width: 82%;
	margin: 0 0 3em 0;
	}
.font_img03 {
	width: 63%;
	margin: 0 0 3em 0;
	}
.font_img04 {
	width: 100%;
	margin: 0 0 3em 0;
	}

.color_wrap01 {
	width:90%;
	margin: 0 auto 10% auto;
	}
.color_box01 {
	width: 48%;
	margin: 0 4% 6% 0;
	float:left;
	}
.color_box02 {
	width: 48%;
	margin: 0 0 6% 0;
	float:left;
	}
.color_box03 {
	width: 48%;
	margin: 0 0 6% 0;
	float:left;
	}
.color_img01 {
	width:100%;
	margin: 0 0 1em 0;
	}
.color_txt01 {
	width:100%;
	margin: 0 0 1em 0;
	}
.posi_img01 {
	width:100%;
	margin: 0 auto 10% auto;
	}
.mtm0805 .img_tibox img{width: 100%; height: auto;}

}

.mtm0805 .topimg{width:100%;height:100vh;margin:0;background-image: url("img/top.png");background-size: cover;background-position: center;overflow: hidden;position: relative;}

@media only screen and (max-width: 979px) {
	.mtm0805 .topimg{height:0;padding-bottom: 100%;}
	
	.mtm0805 .box p{
		width: 90%;
		text-align:left;
		margin: 0 auto;
}
.mtm0805 .box p img{
	text-align:center;
	margin: 0 auto 1em auto; 
}
}

.mtm0805 .box{
	margin:0 auto 3rem auto;
}

.mtm0805 .textbox1{
	margin:3rem auto 1rem;width:800px;max-width: 96%;padding:1rem 2rem;box-sizing: border-box; background-color:#cde8ee;text-align: left;
}

.mtm0805 .textbox2{
	margin:2rem auto;width:800px;max-width: 96%;padding:1rem 2rem;box-sizing: border-box; border:1px solid #333;text-align: left;
}

.mtm0805 .flex{
	display: flex;
	flex-wrap : wrap;
	justify-content:space-between;
}

.mtm0805 .tabbox{width:100%;margin:3rem auto;}

.mtm0805 .tabindex{width:32%;}
.mtm0805 .tabindex02{width:48%;}




@media only screen and (max-width: 767px) {
	.mtm0805 .flex{
		flex-flow: column nowrap;
	}
	.mtm0805 .tabindex{width:70%;margin: 0 auto 5% auto;}
	.mtm0805 .tabindex02{width:70%;margin: 0 auto 5% auto;}
	.mtm0805 .tabindex02{width:70%;margin: 0 auto 5% auto;}
}

.mtm0805 .column_3{
	max-width:900px;
	margin:3rem auto 1rem;
}

.mtm0805 .column_3.jcenter{
	justify-content: center;
}
.mtm0805 .column_3.jleft{
	justify-content: left;
}

.mtm0805 .link1{
	width:auto;
	max-width: 96%;
	height:auto;
	margin:2rem auto;
}