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

#container {
    margin: 0 auto;
}

.topimg{
	margin-bottom:15px;
	margin: 0 auto;
}
.topimg a{
	background: url("../img/2022/top_sub_sp.jpg");
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 21.09375%;
	background-size: cover;
}

.main{
	width: 100%;
	overflow:hidden;
}

/************************* MAIN ****************************/

.left{
	width: 100%;
	position:relative;
}

.left h3{
	width:98%;
	font-size:4vw;
	font-weight:bold;
	text-align:center;
	color:#585858;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f8f8), to(#d6d6d6));
    padding: 1% 5%;
    border-radius: 5px;
    border: 2px solid #d6d6d6;
	margin:5px auto;	
}

table,th,td,tbody,tr{
    display: block;
}
.left table{
	font-size:18px;
	border-collapse:separate;
	margin-bottom:10px;
}

.left table th{
	width: 100%;
	vertical-align:middle;
	background:#b23b47;
	color:#fff;
	/* border-right:2px solid #fff; */
	text-align: center;
	font-size: 1.5vw;
}

.left table td{
	width: 100%;
	padding: 1% 2%;
	font-size: 0.7em;
}
.left .profimg{
    background: url("../img/2020/pg_prof_01_sp.jpg") top center no-repeat;
    padding-top: 66.323%;
    background-size: cover;
}
.profttl1{
	width:98%;
	font-size:4vw;
	font-weight:bold;
	text-align:center;
	color:#585858;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f8f8), to(#d6d6d6));
    padding: 1% 5%;
    border-radius: 5px;
    border: 2px solid #d6d6d6;
	margin:5px auto;	
}
.profttl1>span{
	font-size:3.2vw;
	color:#5858588c;
padding-left: 10%;}

.kato,.nakamura{
    margin-top: 5%;
}
.left .proftxt1{
    background: #FFEFEF;
    padding: 4%;
    font-size: 4.5vw;
    text-align: center;
}
.left .proftxt2{
    background: #F3E2E2;
    padding: 4%;
    font-size: 4.5vw;
}
.mc_text{
    display: block;
    border: 1px #000 solid;
    padding: 2%;
    margin: 4% 2%;
    font-size: 4vw;
}
.odd{
	background:#f2dddc;
}

.even{
	background:#e8c9c8;
}

.navi {
	width: 100%;
	margin: 20px auto 40px;
}
.link{
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f8f8), to(#d6d6d6));
    padding: 3%;
    border-radius: 8px;
    border: 2px solid #d6d6d6;
    margin-bottom:10px
}

.btn{
    width: 100%;
}
.btn >a {
    text-decoration:none;
    font-size:20px;
    font-weight:bold;
    color:#585858;
    /* padding: 5%; */
}
.link.gray,
.link.gray:hover{
    background: #bbb;
    color: #eee !important;
}

/************************* SIDE ****************************/

.right{
	width: 90%;
	display: block;
	margin: 0 auto;
}


.right .sidenavi{
	margin-bottom:5px;
}

.sidenavi li {
    margin-bottom: 3%;
}
.sidenavi .mc a{
    background: url("../img/2020/menu_top1.png");
    width: 100%;
    padding-top: 29.609929%;
    display: block;
    background-size: cover;
}
.sidenavi .oa a{
    background: url("../img/2020/menu_top2.png");
    width: 100%;
    padding-top: 29.609929%;
    display: block;
    background-size: cover;
    margin-bottom: 9%;
}