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


.main {
    background: url(imgs/main01.png) no-repeat center center;
    background-size: 100% auto;
}


.maintxt{
border-bottom: solid 1px #ccc;
padding-bottom: 5em;
margin-bottom: 5em;
}

.narrow_box{
margin: auto;
max-width: 700px;
}

.outttl{
font-size: 1.6em;
text-align: center;
margin-bottom: 30px;
margin-top: 60px;
}

.outttl span{
font-size: 13px;
line-height: 1em;
display: block;
}


@media only screen and (max-width:480px){
.maintxt{
padding-bottom: 1em;
margin-bottom: 1em;
}
.narrow_box{
text-align: left;}
}


.phil{
	max-width:40em;
	margin:auto;
 padding-left: 2em;
}
.phil li{
}
.phil li strong{
display: inline-block;
width: 5em;
}
@media only screen and (max-width:480px){
.phil{
 padding-left: 0em;
}
}

@media (max-width: 767px) {
  .phil li {
    display: flex;
    align-items: flex-start; /* 上揃えにします */
  }

  .phil li strong {
    flex-shrink: 0; /* 画面が狭くなっても幅を縮ませない設定 */
  }
}



table.tbl_out{
	width:35%;
	margin-right:2%;
	float:left;
	box-sizing: border-box;
}
table.tbl_out:nth-of-type(2){
	margin-right:0;
	width:63%;
	}
table.tbl_out td,
table.tbl_out th{
	padding:0 5px 7px;
	text-align:left;
	font-weight:normal;
}
table.tbl_out th{
	padding-left:1em;
}




@media only screen and (max-width:800px){
table.tbl_out:nth-of-type(2),
table.tbl_out{
	width:100%;
	float:none;
}
.tbl_out02{ margin-top: 20px;}
}



.office_box{
max-width: 1300px;
margin: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 13px;
}
.office_box > div{
width: 48%;

display: flex;
align-items: flex-end;
margin-bottom: 4em;
}

.office_box > div div{
width: 51%;
}
.office_box > div div:nth-of-type(2){
width: 48%;
}

.office_box > div div h4{
font-size: 14px;
}

@media only screen and (max-width:1000px){
.office_box{
max-width: 1300px;
display: block;
}
.office_box > div{
width: 100%;
}
}

.office_box iframe{
	width:92%;
	height:200px;
	border: none;
outline:solid 1.1px #ccc;/*窓幅によって線が消えない様に1.1pxとしている*/
	vertical-align: bottom;
}

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

.office_box > div{
width: 100%;
display: block;
}

.office_box > div div{
width: 100%;
}
.office_box > div div:nth-of-type(2){
width: auto;
}
.office_box iframe{
	width:99%; 
	}
.office_box > div div h4{
margin-top: 10px;
}
}


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

}


#history{
max-width: 1300px;
}


table.tbl_his{
	width:48%;
	line-height: 2em;
	margin-right:4%;
	float:left;
	font-size:14px;
}

table.tbl_his td,
table.tbl_his th{
	padding:0 5px 7px;
	font-weight:normal;
}
table.tbl_his th{
	text-align:right;
	width:7.3em;
}
table.tbl_his td{
	padding-left:.7em;
}
table.tbl_his:nth-of-type(2){
	margin-right:0;
}
@media screen and (max-width: 800px) {
table.tbl_his{
	width:100%;
	margin-right:0;
	float:none;
}
}




.acs{
	padding:3%;
	text-align:center;
}
.tokyo-acs{
	margin:auto;
	text-align:left;
	max-width:470px;
}

.tokyo-acs img{
	margin: auto;
	
}

@media only screen and (max-width:480px){
.maintxt h2{
	font-size:1.2em;
}
.tokyo-acs{
	width:98%;
}
table.tbl_his th{
	text-align:left;
}
}


.fl{width:66%;}
.fr{width:32%;}
@media screen and (max-width: 800px) {
.fl,
.fr{
	width:100%;
	margin-bottom:15px;
}
.fr{text-align: center;
}

}