@charset "utf-8";
html {
  font-size: 62.5%;
}
/*スマホ*/
@media screen and (max-width:750px){


.out11 {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.outfont1 {font-size:140%; color:#3e518c;line-height: 150%;font-weight: 700 }
.under {border-bottom: solid 1px #000;}
able, thead, tbody, th, td, tr { display: block;}
thead tr {display: none;}
tr {margin-bottom: 12px;border: 1px solid #ddd;}
td {ext-align: left;}
able, thead, tbody, th, td, tr { display: block;}
thead tr {display: none;}
tr {margin-bottom: 12px;border: 1px solid #ddd;}
td {ext-align: left;}
.table2 {width:100%;margin:0px auto;padding:0px 0px 25px 0px;}
	
.table2 h3{width:100%;font-size:110%; color:#000;text-align:left;padding:0px 0px 0px 0px;margin:0px auto;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}
	
table {
width:100%;margin:20px auto 10px;padding:0px 0px 0px 0px;line-height: 170%;
border-collapse:separate;
text-align: left;
outline-offset: 0;color:#000;  
}
table th {
width:90%;padding:10px 5% 10px 5%;
text-align:left;vertical-align:top;font-size:12px;
color:#000;font-weight: 700;
line-height:170%;border-top: 1px solid #000; border-bottom: 1px solid #ccc; }
table td {width:90%;padding:10px 5% 10px 5%;font-size:12px;text-align:left;}

.out1 {width:90%;height:auto;margin:70px auto 0px auto;padding: 10px 0px 0px 0px;text-align:center;}
.out1 h3{font-size:12px; color:#000;text-align:left;padding:10px 0px 0px 0px;margin:0px auto;}
.cap{width:100%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;text-align:left;letter-spacing:0px;line-height: 150%;font-weight: 300;font-size:10px;}}

/*PC*/
@media print, screen and (min-width:751px){

.out1 {width:80%;height:auto;margin:0px auto 0px auto;padding: 100px 0px 0px 0px;text-align:center;}
.out11 {width:80%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.outfont1 {font-size:300%; color:#3e518c;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 700 }
.under {border-bottom: solid 1px #3e518c;}

.out1 h3{width:73%;font-size:130%; color:#000;text-align:center;padding:0px 15px 25px 15px;margin:0px auto;}
.out11 h3{width:73%;font-size:130%; color:#000;text-align:center;padding:0px 15px 25px 15px;margin:0px auto;}
.out2 {width:78%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 30px 0px;text-align:left;font-size:140%; color:#000;}

.table2 {
width:80%;margin:0px auto;padding:15px 15px 25px 15px;
border-collapse:separate;
font-size:140%;
text-align: left;
}
.table2 th {
width:30%;padding:15px 10px 0px 10px;
text-align:left;vertical-align:top;
background-color:#fff;
color:#000;
font-weight:normal;
}

td, th {border-top: 1px solid #000; padding:15px 0px 15px 10px;color:#000;}
.table2 tr:last-child th,
.table2 tr:last-child td{border-bottom: 1px solid #000;
}

.table2 table tr:last-child th,
.table2 table tr:last-child td{
border-bottom: 1px solid #000;}
    
.outnavi{width:85%;height:auto;margin:0px auto 30px auto;padding: 0px 0px 0px 0px;text-align:center;}
.outnavi a {display: block;text-decoration: none;color:#444;}
.outnavi ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.outnavi li {float: left;list-style: none;width: 46%;text-align: center;line-height: 120%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:120%;  margin: 0px 1% 0px 1%;letter-spacing:0px;padding: 20px 0% 15px 0%;}

}

@media only screen and (min-width:751px) and (max-width:1200px) {
    
#topcontent1{
	clear: both;
    width: 100%;
	height: 300px;
	margin:0px auto 0px auto;
	text-align:center;
	position: relative;
	padding: 200px 0px 0px 0px;
	background-image:url("../outline/img/bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}
#topcontent2{
    width: 980px;
	height: auto;
	margin:0px auto 0px auto;
	text-align:center;
	position: relative;
	padding: 0px 0px 0px 0px;
	background-image:url(../img/common/mainbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.topcontent2-1{
	z-index: 2;
	position: absolute;
	width: 310px;
	height: auto;
	margin: 0px auto 0px 0px;
	left: 1px;
	top: 1px;

 }

.topcontent2-2{
    z-index: 2;
    position: absolute;
    width: 253px;
    height: 53px;
    margin: 0px auto 0px 0px;
    left: 361px;
    top: 50px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
 }
.table2 {
width:90%;margin:0px auto;padding:0px 15px 25px 15px;
border-collapse:separate;
font-size:90%;
text-align: left;
}
.table2 th {
width:30%;padding:5px 10px 0px 10px;
text-align:left;vertical-align:top;
background-color:#fff;
color:#000;
font-weight:normal;
}
.out1 {width:100%;height:auto;margin:0px auto 0px auto;padding: 100px 0px 0px 0px;text-align:center;}
.out11 {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.outnavi{width:80%;height:auto;margin:0px auto 30px auto;padding: 0px 0px 0px 0px;text-align:center;}
.outnavi a {display: block;text-decoration: none;color:#444;}
.outnavi ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.outnavi li {float: left;list-style: none;width: 46%;text-align: center;line-height: 120%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:120%;  margin: 0px 1% 0px 1%;letter-spacing:0px;padding: 20px 0% 15px 0%;}

}