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

/*----------------------------------------------------------------------------
 ***                                                               　　 共通
----------------------------------------------------------------------------*/
section{margin-top:28px;}

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
#wrap {}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {}
#headerAreaInner {}
#headerAreaLogo {}
#headerTxt{}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea{}
#contentsArea{ width: 960px; margin: 0 auto; border: #000 solid 6px;}

/*----------------------------------------------------------------------------
 ***                                                            contentsInner
----------------------------------------------------------------------------*/
#contentsInner{}
#contentsInner{ width: 888px; margin: 0 auto 45px;}

/*----------------------------------------------------------------------------
 ***                                                              maintitleBox
----------------------------------------------------------------------------*/
#maintitleBox{}
#maintitleBox{height:192px;width:auto;}
.syd #maintitleBox{background: url(../city_office/image/syd_title.png) no-repeat center;}
.cai #maintitleBox{background: url(../city_office/image/cai_title.png) no-repeat center;}
.tro #maintitleBox{background: url(../city_office/image/tro_title.png) no-repeat center;}
.van #maintitleBox{background: url(../city_office/image/van_title.png) no-repeat center;}
.gol #maintitleBox{background: url(../city_office/image/gol_title.png) no-repeat center;}
.auc #maintitleBox{background: url(../city_office/image/auc_title.png) no-repeat center;}
.lon #maintitleBox{background: url(../city_office/image/lon_title.png) no-repeat center;}
.haw #maintitleBox{background: url(../city_office/image/haw_title.png) no-repeat center;}
.mlb #maintitleBox{background: url(../city_office/image/mlb_title.png) no-repeat center;}

#maintitleBox h2{ color:#FFF; font-size:32px; padding:103px 0 0 149px; line-height: 35px;}
#maintitleBox .smalltxt{ font-size:19px; font-weight:normal;}

/*----------------------------------------------------------------------------
 ***                                                             staffBox
----------------------------------------------------------------------------*/
#staffcomentBox{}
#staffcomentBox{ margin-top:27px;}
#staffcomentBox .floatL{ float: left; width: 618px;}
#staffcomentBox h3{ font-size:22px; border-bottom:#9f9fa0 dotted 2px; }
#staffcomentBox p.txtcomment{ padding-top:19px; line-height: 22px;}
#staffcomentBox .smalltxt{font-size:14px;}
#staffcomentBox img{ padding:0;}

/*----------------------------------------------------------------------------
 ***                                                            officeslideSec
----------------------------------------------------------------------------*/
#officeslideSec h4{padding-left:45px;}

/*----------------------------------------------------------------------------
 ***                                                                basicdata
----------------------------------------------------------------------------*/
#basicBox{}

#basicdata,#citydata {width: 100%;}
#basicdata h3,
#citydata h3{color:#fff;font-size:16px;background: #24958b;/* padding-left:50px; */padding: 5px 50px;line-height: 2.5em;position: relative;}
#basicdata h3:before,
#citydata h3:before{content:"";position:absolute;background: url(../city_office/image/2023/icon_01.png) no-repeat left;width:24px;height:24px;left:12px;top: -3px;bottom: 0;margin: auto;}
#basicdata span.txtright,
#citydata span.txtright{font-size:14px;text-align: right;display: block;/* width: 80px; */float: right;/* padding-right: 80px; */font-weight: normal;}
#basicdata table,
#citydata table{width: auto;margin-bottom: 3em;}
#basicdata th,
#citydata th{background:#cae7e4;border-bottom:#9f9fa0 dotted 2px;border-right:none;border-left:none;padding: 15px;width: 140px;}
#basicdata td,
#citydata td{border-bottom:#9f9fa0 dotted 2px;border-right:none;border-left:none;padding: 15px 20px 15px 20px;}

#pickupBox{ border: #000 solid 1px; }
#pickupBox h4{ padding-left:60px; line-height: 16px; font-size:14px; background:url(../abroad_offices/city_office/image/au_icon2.png) no-repeat; }

#pickupBoxInner { width:188px; margin:10px auto;}

#pickupBoxInner img{ margin:15px 0 0;}
#pickupBoxInner .imgmargin{margin-bottom:0px;}
#pickupBoxInner p{ font-size:13px; line-height:21px;}

p#toshilink {background-color:#000; color:#FFF; text-align:center; line-height:2em; margin-top:0px; font-size:14px; display:block;}
p#toshilink a{color:#FFF;}

.green{ color:#13948a; font-weight:bold;}

#surslideSec{/* padding:0 40px; */width: 100%;margin-bottom: 28px;}
#surslideSec h4{padding-left:45px}

#officedata{display:flex;justify-content: space-around;}
#mapSec {margin-top:0px;width: 48%;}
#mapSec iframe{width: 100%;height: 240px;}
#youtubeSec{width: 48%;/* height: 36vw; */margin-top: 0;margin-bottom: 2em;}
#youtubeSec #youtubebox{height: 240px;}
/*----------------------------------------------------------------------------
 ***                                                                comment
----------------------------------------------------------------------------*/
#commentBox{}
#commentBox h3{color:#FFF; font-size:16px; background:url(../abroad_offices/city_office/image/icon4.png) no-repeat left; padding-left:50px; line-height: 2.5em; width:888px;}
#commentBox span.txtright{font-size:14px; text-align: right; display: block; width: 80px; float: right; padding-right: 80px; font-weight: normal;}
#commentBox .moretxt {margin-left: auto; width:303px; background-color:#13948a; color:#FFF; font-size:16px; line-height:2.5em; font-weight:bold; padding:0 10px; margin-top:0px;}
#commentBox a{color:#FFF;}

#commenttable table{margin-bottom:0px;}
#commenttable th{ background:#cae7e4; border-bottom:#9f9fa0 dotted 2px; border-right:none; border-left:none; padding:9px;}
#commenttable td{border-bottom:#9f9fa0 dotted 2px; border-right:none; border-left:none; padding:20px 0 20px 20px;}
#commenttable .largetxt{font-size:22px; font-weight:bold; padding-bottom:5px; }
#commenttable .weighttxt{ font-weight:bold; padding-bottom:5px;}

/*----------------------------------------------------------------------------
 ***                                                                rank
----------------------------------------------------------------------------*/
#rankBox{}
#rankBox h3{color:#FFF; font-size:16px; background:url(../abroad_offices/city_office/image/icon5.png) no-repeat left; padding-left:55px; line-height: 2.5em; width:888px;}
#rankBox span.txtright{font-size:14px; text-align: right; display: block; width: 80px; float: right; padding-right: 80px; font-weight: normal;}

#rankInner{width:857px; margin:0 auto;}

#schooleBox h4{background:url(../abroad_offices/city_office/image/icon6.png) no-repeat left; padding-left:50px; line-height:22px; font-size:18px;}
#schooleBox {width:409px; float:left;}
#schooleBox #txtblue{color:#205ba9;}

#toursBox h4{background:url(../abroad_offices/city_office/image/icon7.png) no-repeat left; padding-left:50px; line-height:22px; font-size:18px;}
#toursBox {width:409px; float:right;}
#toursBox #txtpink{color:#e22c8a;}
#toursBox .pdfimg {background:url(../abroad_offices/city_office/image/icon8.png) no-repeat left; margin-left:39px}
#toursBox a{ padding-left:25px;}

.rank {border-bottom:#9f9fa0 dotted 2px; margin-top: 9px; padding: 10px 0;}
.rank .rankkazu {font-weight:bold; color:#000;}
.rank .ranktxt{line-height:22px; padding-top:15px;}
.rank a{color:red; padding-left:37px; text-decoration: underline;}



#officeSupportPDF{
 text-align: center;
 margin: 2em auto 1em;
}
#officeSupportPDF a{
 text-decoration:none;
 padding: 0.5em 1.5em;
 color: #fff;
 font-size: 14px;
 background: #24958b;
 transition:ease-in-out .3s;
}
#officeSupportPDF a:after{
 content:" ▶";
}
#officeSupportPDF a:hover{
 opacity:0.8;
}
.lity.lity-opened{z-index:10000;}
.lity-content{max-width: 85%; margin: auto;}
.lity-content img{width:1280px;}
/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaInner {}
#footerAreaLink{}
#footerAreaTxt{}
#footerAreaLogo {}
#footerCopyright{}


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {}


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}