@charset "UTF-8";

/* 基本色 */
:root {
	--main-color: #005cac;
	--accent-color: #e95513;
	--dark-main-color: #000000;
	--text-bright-color: #ffffff;

}


/* ふわっと表示 */
#animation {

}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}



/* 基本設定　ページ全体 */
body {
font-family: "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
margin:0;
line-height: 1.9;
background-color:#ffffff;

}



/* ヘッダー */
header{
position:fixed;
top:0;
left:0;
z-index:100;
width:100%;
background-color:rgba(252,252,252,0.92);
border-bottom:#dbdcdc 1px solid;

}
header .container{
font-size:15px;
font-family: "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;

}
.headA{
display:inline-block;
text-decoration:none;
font-size:20px;
margin-left:20px;
}
.headA a{
color:#000000;
text-decoration:none;
}


.headB{
margin-right:20px;
}
.headB a{
display:block;
color:#000000;
text-decoration:none;
padding:5px 5px;
border-radius:3px;
}
.headB a:hover{
background-color:#005cac;
color:#ffffff;
}
.headB ul{
list-style-type:none;
padding-left:20px;
}
.headB ul li{
padding:5px 0px;
}


/* ページタイトル */
.conX{
text-align:center;
width:90%;
margin:0 auto;
}




/* ページタイトル枠　写真背景版 『ご挨拶』 */
.page-title-waku-greeting{
border-radius:5px;
margin: 0px 0px 20px 0px;
padding:0px;
height:200px;
background:url(img/pagetitle/page-title-bg_greeting-smp.png) #dddddd center center no-repeat;
background-size: cover;
}
/* ページタイトル枠　写真背景版 『事務所概要』 */
.page-title-waku-profile{
border-radius:5px;
margin: 0px 0px 20px 0px;
padding:0px;
height:200px;
background:url(img/pagetitle/page-title-bg_profile-smp.png) #dddddd center center no-repeat;
background-size: cover;
}
/* ページタイトル枠　写真背景版 『業務内容』 */
.page-title-waku-services{
border-radius:5px;
margin: 0px 0px 20px 0px;
padding:0px;
height:200px;
background:url(img/pagetitle/page-title-bg_services-smp.png) #dddddd center center no-repeat;
background-size: cover;
}
/* ページタイトル枠　写真背景版 『報酬額』 */
.page-title-waku-fees{
border-radius:5px;
margin: 0px 0px 20px 0px;
padding:0px;
height:200px;
background:url(img/pagetitle/page-title-bg_fees-smp.png) #dddddd center center no-repeat;
background-size: cover;
}
/* ページタイトル枠　写真背景版 『お問い合わせ』と『その他』 */
.page-title-waku-contact{
border-radius:5px;
margin: 0px 0px 20px 0px;
padding:0px;
height:200px;
background:url(img/pagetitle/page-title-bg_contact-smp.png) #dddddd center center no-repeat;
background-size: cover;
}



/* ページタイトル共通　飛行機雲アイコン */
.page-title-common{
height:250px;

margin:130px 0px 25px 0px;
padding:5px 0px 8px 15px;
background:url(img/pagetitle/page-title-icon_plane-smp.png) transparent top right no-repeat;
}

/* ページタイトル枠　アイコンなし */
.page-title-waku2{
border:#eaeaeb 1px solid;
border-radius:5px;
margin:130px 0px 25px 0px;
padding:8px 0px 8px 0px;
}

h1.page-title-moji{
color:#ffffff;
font-size:25px;
font-family: "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
margin:0px;
padding:0px;
text-align:left;
font-weight:normal;

}
h1.page-title-moji span.ptitle-english{
font-size:13px;
font-weight:normal;
}

.page-title-waku img{margin:0;padding:0;}


/* 基本　下地ホワイト */
.conA{

text-align:left;
width:90%;
margin:0 auto;
}
.conA h1{

}
.conA p{
text-align:left;
margin:0px 0px 0px 0px;
font-size:15px;

}

/* ご挨拶 */
.A-greeting .container{
margin-bottom:40px;

}
.greeting-text{
text-align:left;

}
.greeting-photo{
text-align:center;
}


/* スタッフ写真 */
.staff-photo img{width:100%;}


/* 事務所アクセス　タイトル */
.access h2{
font-size:15px;
font-weight:bold;
display:inline-block;
line-height:100%;
padding:5px 15px;
border:2px #000000 solid;
background-color:#ffffff;
font-family: "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
margin:0px 0px 10px 0px;
text-align:left;
}

/* アクセス　2段組み */
.access .container{

}
.map-illust{
margin-bottom:20px;
text-align:center;
border:1px solid #d3d3d4;
border-radius:3px;
padding:0px;

}
.map-illust img{
width:100%;
margin:0px;
padding:0px;
}
.map-text{
padding-left:0px;
text-align:left;
}

/* googleマップ */
.location-google iframe{
width:100%;
height:400px;
vertical-align:bottom;
margin-top:15px;
}


/* 基本　下地グレー */

.conB{
background-color:#f7f7f7;
border-radius:5px;
width:90%;
margin:0 auto;
padding:0px 0px 1px 0px;
}
.conB h1{
padding:30px 0px 20px 0px;
font-size:7vw;
}
.conB h2{
font-size:15px;
font-weight:bold;
display:inline-block;
line-height:100%;
padding:5px 15px;
border:2px #000000 solid;
background-color:#ffffff;
font-family: "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
margin:15px 15px 15px 15px;
}
.conB p{
text-align:left;
margin:0px;
font-size:15px;
margin:0px 15px 15px 15px;
}


/* 基本　下地グレー 業務内容 */

.conB-service{
background-color:#f7f7f7;
border-radius:5px;
width:90%;
margin:15px auto 15px auto;
padding:0px 0px 3px 0px;
}

/* 業務内容 */
.conB-service .container h2{
font-size:15px;
font-weight:bold;
line-height:100%;
padding:18px 15px 15px 15px;
margin:0px 0px 0px 0px;
text-align:left;
border:none;
}
.conB-service .container h3{
font-size:15px;
font-weight:bold;
display:inline-block;
line-height:100%;
padding:5px 15px;
border:none;
background-color:#005cac;
color:#ffffff;
font-family: "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
margin:0px 0px 5px 15px;
text-align:left;
border-radius:2px;
}

.conB-service p{
text-align:left;
margin:0px;
font-size:15px;
margin:0px 15px 15px 15px;
}



/*  問い合わせ 電話とメール 2カラム */
.contact-2column{
width:100%;
}

/* 問い合わせ 電話とメール 2カラム『電話』 */
.conB-contact-tel{
background-color:#f7f7f7;
border-radius:5px;
text-align:left;
margin:15px auto;
width:90%;
}
.conB-contact-tel .container{
display:flex;
align-items:center;
justify-content:center;
}
.tel_tel-icon{
flex:1;
text-align:center;
padding:0;
margin:10px 0px 10px 15px;
vertical-align: bottom;
line-height:1.0;
}

.tel_tel-text{
flex:14;
text-align:left;
padding:0px 0px 0px 0px;
margin:10px 10px 10px 15px;
}
.tel_tel-text h2{
text-align:left;
margin:0px;
font-size:16px;
margin:0;

}
.tel-nomber a{
font-size:28px;
line-height:1.0;
font-family: 'Roboto Condensed', sans-serif;
color:#005cac;
color:var(--main-color);
margin:0px 0px 0px 0px;
padding:5px 5px 5px 40px;
display:inline-block;
text-decoration:none;
background:url(img/freedial-icon.png) center left no-repeat;
}
.tel-nomber a:hover{
color:#000000;
color:var(--dark-main-color);
text-decoration:none;
}
.tel_tel-text p{
text-align:left;
font-size:15px;
margin:0px 0px 0px 0px;
line-height:1.5;
}

/* 問い合わせ 電話とメール 2カラム『メール』 */
.conB-contact-mail{
background-color:#f7f7f7;
border-radius:5px;
text-align:left;
margin:15px auto;
width:90%;
}
.conB-contact-mail .container{
display:flex;
align-items:center;
justify-content:center;
}
.mail_mail-icon{
flex:1;
text-align:center;
padding:0;
margin:10px 0px 10px 15px;
vertical-align: bottom;
line-height:1.0;
}

.mail_mail-text{
flex:14;
text-align:left;
padding:0px 0px 0px 15px;
margin:0;
}
.mail_mail-text h2{
text-align:left;
margin:0px;
font-size:16px;
margin:12px 0px 0px 0px;
}

.mail-address{
font-family: 'Roboto Condensed', sans-serif;
font-size:18px;
}
.mail-address a{
display:inline-block;
border-radius:3px;
margin:5px 0px 15px 0px;
padding:8px 30px 8px 45px;
line-height:100%;
background-color:#005cac;
background-color:var(--main-color);
color:#ffffff;
color:var(--text-bright-color);
font-size:18px;
text-decoration:none;
background:#005cac url(img/mailyajirusi-icon_off.png) center left no-repeat;
}
.mail-address a:hover{
color:#ffffff;
text-decoration:none;
background-color:#000000;
background-color:var(--dark-main-color);
color:#ffffff;
color:var(--text-bright-color);
background:#000000 url(img/mailyajirusi-icon_on.png) center left no-repeat;
}


/* 問い合わせ注意書き　下地ブラック */
.conC{
background:#000000 url(img/aten-icon.png) center left no-repeat;
border-radius:5px;
width:90%;
margin:0 auto;
padding:1px 0px 1px 0px;
color:#ffffff;
}
.conC p{
text-align:left;
margin:0px;
font-size:15px;
margin:5px 3px 5px 35px;
line-height:1.5;
}

/* 個人情報　窓口枠 */
.madoguchi-waku{
border:1px #dbdcdc solid;
padding:15px;
margin-top:40px;
border-radius:5px;
}
.madoguchi-waku h3{
font-size:15px;
line-height:1.0;
margin:2px 0px 10px 0px;
color:#005cac;
color:var(--main-color);
font-weight:normal;
}

table.law-table{
font-size:15px;
line-height:1.4;
margin:0;
padding:0;
border-top:#dbdcdc 1px solid;
}
table.law-table th{
margin:0;
padding:8px 5px 8px 8px;
border-bottom:#dbdcdc 1px solid;
border-left:#dbdcdc 1px solid;
border-right:#dbdcdc 1px solid;
background-color:#f7f7f7;
font-weight:normal;
width:100px;
}
table.law-table td{
margin:0;
padding:8px;
background-color:#f7f7f7;
border-bottom:#dbdcdc 1px solid;
border-right:#dbdcdc 1px solid;
background-color:#ffffff;
}




/* 青マル リスト */
ul.aomaru-list{
list-style-type:none;
margin:0px 0px 20px 0px;
padding:0px 15px 0px 35px;
font-size:15px;
line-height:1.8;
}

ul.aomaru-list li{
margin:0px;
padding:0px 0px 0px 0px;

}
ul.aomaru-list li:before {
 position: relative;        /* 位置調整 */
  top: -1px;                 /* 位置調整 */
  left: -15px;
  display: inline-block;     /* インラインブロックにする */
  width: 10px;               /* 幅指定 */
  height: 10px;              /* 高さ指定 */
  content: '';               /* 空の要素作成 */
  border-radius: 50%;        /* 要素を丸くする */
  background: #00a9ef;       /* 背景色指定 */
    margin-right: -10px;
}



/* 黒点 リスト */
ul.aten-list{
list-style-type:disc;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 15px;
font-size:15px;
line-height:1.5;
}
ul.aomaru-list li{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}






.bottom-info-con{
background-color:#005cac;
background-color:var(--main-color);
width:100%;
margin:50px 0px 0px 0px;
padding:15px 0px;
text-align:center;
font-family: "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	color:#ffffff;
}
.bottom-info-con h3{
margin:0px;
font-size:17px;
}
.bottom-info-con p{
margin:0px;
font-size:15px;
}

/* フッター */
footer{
color:#ffffff;
color:var(--text-bright-color);
background-color:#000000;
background-color:var(--dark-main-color);
text-align:center;
font-size:11px;
padding:15px 0px;
margin:0px;
}



footer a{
color:#ffffff;
color:var(--text-bright-color);
text-decoration:none;
margin:0px 10px 0px 10px;
display:inline-block;
}
footer a:hover{
color:#005cac;
color:var(--main-color);
}


/* 問い合わせ先 */
.contact{
margin-top:20px;
margin-bottom:20px;
padding:20px;
background-color:#ffffff;
text-align:center;
border-radius:5px;

}
.contact h2{
margin-top:0;
margin-bottom:0;
font-size:12px;
color:#000000;
}
.contact-wrap{
margin:0 auto;
text-align:center;
width:65%;

}

/* 電話とメール　googleフォント */
.contact-eng{
font-family: 'Roboto Condensed', sans-serif;
font-size:20px;
margin:0;
padding:0;
line-height:100%;
}
.contact-eng a{color:#000000;text-decoration:none;}
.contact-eng a:hover{color:#000000;text-decoration:none;}


/* 文字情報-一覧-表 */
table.text-data{
font-size:15px;
margin-bottom:20px;
}
table.text-data th{
text-align:left;
border-bottom:1px #b9baba solid;
padding:8px 0px 8px 0px;
font-weight:normal;
width:80px;
}
table.text-data td{
text-align:left;
border-bottom:1px #dbdcdc solid;
padding:8px 0px 8px 0px;
font-weight:normal;
}





/* 料金表-項目メニュー */
.pricelist-menu{
background-color:#f7f7f7;
border-radius:5px;
margin:15px auto -20px auto;
padding:1px 8px 8px 8px;
}
.pricelist-menu h3{
margin:10px 8px 0px 8px;
color:#005cac;
}
.pricelist-menu a{
text-decoration:underline;
color:#000000;
display: inline-block;
margin:0px 8px 0px 8px;
font-size:13px;
}
.pricelist-menu a:hover{
text-decoration:none;
color:#787878;
}
.pricelist-menu hr{
border-top: none;
border-left: none;
border-right: none;
border-bottom:1px solid #c3c3c3;
}

/* 手数料から元のメニューリストに戻る */
.back-listmenu{
margin:8px 0px;
}
.back-listmenu a{
text-decoration:underline;
color:#000000;
display: inline-block;
margin:0px 8px 0px 8px;
font-size:13px;
}
.back-listmenu a:hover{
text-decoration:none;
color:#787878;
}


/* 料金表-項目アンカー */
#zairyu-1,
#zairyu-2,
#zairyu-3,
#zairyu-4,
#zairyu-5,
#zairyu-6,
#zairyu-7,
#zairyu-8,
#zairyu-9,
#zairyu-10,
#zairyu-11,
#zairyu-12,
#zairyu-commission1,
#zairyu-commission2,
#kyoninka-1,
#kyoninka-2,
#kyoninka-3,
#kyoninka-4,
#kyoninka-5,
#kyoninka-6,
#kyoninka-7,
#kyoninka-8,
#kyoninka-9{
padding:105px 0px 0px 0px;
}

/* 料金表-大見出し */
.price-oomidashi h2{
font-size:17px;
font-weight:bold;
text-align:center;
line-height:100%;
padding:8px 15px;
border:2px #000000 solid;
background-color:#ffffff;
font-family: "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
margin:0px 0px 35px 0px;
}

/* 料金表-タイトル『在留』 */
.price_koumoku-title-1{
font-size:15px;
margin:0px 0px 0px 0px;
line-height:140%;
background-color:#c9e8ff;
color:#000000;
text-align:center;
padding:9px 3px 9px 3px;
font-weight:bold;
}
/* 料金表-タイトル『許可手数料』 */
.price_koumoku-title-1-2{
font-size:15px;
margin:0px 0px 0px 0px;
line-height:140%;
background-color:#c7d9f0;
color:#000000;
text-align:center;
padding:9px 3px 9px 3px;
font-weight:bold;
}
/* 料金表-タイトル『許認可』 */
.price_koumoku-title-2{
font-size:15px;
margin:0px 0px 0px 0px;
line-height:140%;
background-color:#a3d6fd;
color:#000000;
text-align:center;
padding:9px 3px 9px 3px;
font-weight:bold;
}
/* 料金表-表組み */
.price_koumoku-hyou{
}
/* 料金表-表テーブル『在留』『許認可』共通 */
table.table-price1,
table.table-price2,
table.table-price3{
font-size:15px;
margin:2px 0px 0px 0px;
line-height:130%;
border-spacing:0;
}

/* 料金表-表テーブル セルth左『在留』*/
table.table-price1 th.th-l{
text-align:center;
border-bottom:1px #e1e1e1 solid;
border-left:1px #e1e1e1 solid;
border-right:1px #ffffff solid;
padding:4px 5px 3px 5px;
margin:0px 0px 0px 0px;
font-weight:normal;
background-color:#e1e1e1;
color:#000000;
border-spacing:0;
}
/* 料金表-表テーブル セルth右『在留』 */
table.table-price1 th.th-r{
text-align:center;
border-bottom:1px #e1e1e1 solid;
border-right:1px #e1e1e1 solid;
padding:4px 5px 3px 5px;
margin:0px 0px 0px 0px;
font-weight:normal;
background-color:#e1e1e1;
color:#000000;
border-spacing:0;
}
/* 料金表-表テーブル セルtd左『在留』 */
table.table-price1 td.td-l{
text-align:left;
border-bottom:1px #dbdcdc solid;
border-left:1px #e1e1e1 solid;
border-right:1px #dbdcdc solid;
padding:8px 8px 8px 8px;
margin:0px 0px 0px 0px;
font-weight:normal;
background-color:#ffffff;
color:#000000;
border-spacing:0;
}
/* 料金表-表テーブル セルtd右『在留』 */
table.table-price1 td.td-r{
text-align:right;
border-bottom:1px #dbdcdc solid;
border-right:1px #dbdcdc solid;
padding:8px 8px 8px 8px;
margin:0px 0px 0px 0px;
font-weight:normal;
background-color:#ffffff;
color:#000000;
border-spacing:0;
width:30%;
white-space:nowrap；
}

	
/* 料金表-表テーブル セルth左『許認可』*/
table.table-price2 th.th-l{
text-align:center;
border-bottom:1px #e1e1e1 solid;
border-left:1px #e1e1e1 solid;
border-right:1px #ffffff solid;
padding:4px 5px 3px 5px;
margin:0px 0px 0px 0px;
font-weight:normal;
background-color:#e1e1e1;
color:#000000;
border-spacing:0;
}
/* 料金表-表テーブル セルth中『許認可』 */
table.table-price2 th.th-c{
text-align:center;
border-bottom:1px #e1e1e1 solid;
border-right:1px #ffffff solid;
padding:4px 5px 3px 5px;
margin:0px 0px 0px 0px;
font-weight:normal;
background-color:#e1e1e1;
color:#000000;
border-spacing:0;
padding:3px 5px 3px 5px;
}
/* 料金表-表テーブル セルth右『許認可』 */
table.table-price2 th.th-r{
text-align:center;
border-bottom:1px #e1e1e1 solid;
border-right:1px #e1e1e1 solid;
padding:4px 5px 3px 5px;
margin:0px 0px 0px 0px;
font-weight:normal;
background-color:#e1e1e1;
color:#000000;
border-spacing:0;
}
/* 料金表-表テーブル セルtd左『許認可』 */
table.table-price2 td.td-l{
text-align:left;
border-bottom:1px #dbdcdc solid;
border-left:1px #e1e1e1 solid;
border-right:1px #dbdcdc solid;
padding:8px 8px 8px 8px;
margin:0px 0px 0px 0px;
font-weight:normal;
background-color:#ffffff;
color:#000000;
border-spacing:0;
}
/* 料金表-表テーブル セルtd中『許認可』 */
table.table-price2 td.td-c{
text-align:right;
border-bottom:1px #dbdcdc solid;
border-right:1px #dbdcdc solid;
padding:8px 8px 8px 8px;
margin:0px 0px 0px 0px;
font-weight:normal;
background-color:#ffffff;
color:#000000;
width:20%;
border-spacing:0;
}
/* 料金表-表テーブル セルtd右『許認可』 */
table.table-price2 td.td-r{
text-align:right;
border-bottom:1px #dbdcdc solid;
border-right:1px #dbdcdc solid;
padding:8px 8px 8px 8px;
margin:0px 0px 0px 0px;
font-weight:normal;
background-color:#ffffff;
color:#000000;
border-spacing:0;
width:20%;
white-space:nowrap；
}



/* 料金表-表テーブル セルth左『許可手数料（在留内）』*/
table.table-price3 th.th-l{
text-align:center;
border-bottom:1px #e1e1e1 solid;
border-left:1px #e1e1e1 solid;
border-right:1px #ffffff solid;
padding:4px 5px 3px 5px;
margin:0px 0px 0px 0px;
font-weight:normal;
background-color:#e1e1e1;
color:#000000;
border-spacing:0;
}
/* 料金表-表テーブル セルth中『許可手数料（在留内）』 */
table.table-price3 th.th-c{
text-align:center;
border-bottom:1px #e1e1e1 solid;
border-right:1px #ffffff solid;
padding:4px 5px 3px 5px;
margin:0px 0px 0px 0px;
font-weight:normal;
background-color:#e1e1e1;
color:#000000;
border-spacing:0;
padding:3px 5px 3px 5px;
}
/* 料金表-表テーブル セルth右『許可手数料（在留内）』 */
table.table-price3 th.th-r{
text-align:center;
border-bottom:1px #e1e1e1 solid;
border-right:1px #e1e1e1 solid;
padding:4px 5px 3px 5px;
margin:0px 0px 0px 0px;
font-weight:normal;
background-color:#e1e1e1;
color:#000000;
border-spacing:0;
}
/* 料金表-表テーブル セルtd左『許可手数料（在留内）』 */
table.table-price3 td.td-l{
text-align:left;
border-bottom:1px #dbdcdc solid;
border-left:1px #e1e1e1 solid;
border-right:1px #dbdcdc solid;
padding:8px 8px 8px 8px;
margin:0px 0px 0px 0px;
font-weight:normal;
background-color:#ffffff;
color:#000000;
border-spacing:0;
}
/* 料金表-表テーブル セルtd中『許可手数料（在留内）』 */
table.table-price3 td.td-c{
text-align:center;
border-bottom:1px #dbdcdc solid;
border-right:1px #dbdcdc solid;
padding:8px 8px 8px 8px;
margin:0px 0px 0px 0px;
font-weight:normal;
background-color:#ffffff;
color:#000000;
width:30%;
border-spacing:0;
}
/* 料金表-表テーブル セルtd右『許可手数料（在留内）』 */
table.table-price3 td.td-r{
text-align:right;
border-bottom:1px #dbdcdc solid;
border-right:1px #dbdcdc solid;
padding:8px 8px 8px 8px;
margin:0px 0px 0px 0px;
font-weight:normal;
background-color:#ffffff;
color:#000000;
border-spacing:0;
width:30%;
white-space:nowrap；
}



		


/* 料金表-注意書き */
.text-atten{
margin:10px 0px 0px 0px;
line-height:1.4;
}
.text-atten p{
font-size: 95%;
}

/* BOX内2カラム 半分半分*/
.box-2culumn{
width:90%;
margin:0 auto;
}
.box-2culumn:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
.box-2culumn-l{

text-align:left;
margin-right:0px;
margin:0px 0px 0px 0px;

}
.box-2culumn-r{
text-align:left;
margin:0px 0px 0px 0px;

}




	
/* 理念 ※背景ロゴの大きさ他、レスポンシブ */
.conA .container .philosophy{
text-align:center;
margin:40px 0px 50px 0px;
padding:10px 3px 15px 3px;
background-color:#f5f5f5;
border-radius:15px;
background:#e5f2fc url(img/logo-white.png) no-repeat center center;
background-size: 100% auto ;
}
.conA .container .philosophy h3.philosophy-title{
text-align:center;
font-weight:bold;
font-size:18px;
margin:25px 0px 3px 0px;
}
.conA .container .philosophy .philosophy-text{
text-align:center;
font-weight:nomal;
font-size:15px;
margin:2px 0px 20px 0px;
}
		
		

.bottom0{margin-bottom:0;padding-bottom:0}
.bottom15{margin-bottom:15px;}
.bottom30{margin-bottom:30px;}
.bottom40{margin-bottom:40px;}
.bottom50{margin-bottom:50px;}
.bottom100{margin-bottom:100px;}
.ichi-center{text-align:center;}
.ichi-right{text-align:right;}
			
			
.text-s{font-size:12px;}
.text-hosoji{font-weight:normal;}






@media(max-width:767px){
/* トグルボタン小さい画面用の設定 */
header .container-small{
display:flex;
align-items:center;
justify-content:space-between;
}
.headC{
margin-right:20px;
padding:0px;
border:none;
outline:none;
background:none;
opacity:0.9;
cursor:pointer;
margin-top:10px;
}
.headC:hover{
opacity:0.5;
}
.headB{
display:none;
}
}





/* ↓↓↓レスポンシブ・ブレークポイント↓↓↓ */
	
@media(min-width:768px){


		
/* 基本設定　ページ全体 */
body {
font-family: "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
margin:0;
line-height: 1.9;
background-color:#ffffff;
font-size:15px;

}


		
header .container{
display:flex;
align-items:center;
justify-content:space-between;


font-size:13px;
font-family: "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
font-weight:bold;

}

.headA{
margin-left:30px;

}


.headB{
display:block !important;
margin-right:30px;

}
.headB ul{
display:flex;
list-style-type:none;
}
.headB ul li{
margin-left:8px;
}
.headC{
display:none;
}

.conX{
text-align:center;
margin:0px auto 40px auto;
max-width:1000px;
width:85%;

}



/* ページタイトル枠　写真背景版 『ご挨拶』 */
.page-title-waku-greeting{
border-radius:5px;
margin: 0px;
padding:0px;
height:275px;
background:url(img/pagetitle/page-title-bg_greeting-pc.png) #dddddd center center no-repeat;
background-size: cover;
}
/* ページタイトル枠　写真背景版 『事務所概要』 */
.page-title-waku-profile{
border-radius:5px;
margin: 0px;
padding:0px;
height:275px;
background:url(img/pagetitle/page-title-bg_profile-pc.png) #dddddd center center no-repeat;
background-size: cover;
}
/* ページタイトル枠　写真背景版 『業務内容』 */
.page-title-waku-services{
border-radius:5px;
margin: 0px;
padding:0px;
height:275px;
background:url(img/pagetitle/page-title-bg_services-pc.png) #dddddd center center no-repeat;
background-size: cover;
}
/* ページタイトル枠　写真背景版 『報酬額』 */
.page-title-waku-fees{
border-radius:5px;
margin: 0px;
padding:0px;
height:275px;
background:url(img/pagetitle/page-title-bg_fees-pc.png) #dddddd center center no-repeat;
background-size: cover;
}
/* ページタイトル枠　写真背景版 『お問い合わせ』と『その他』 */
.page-title-waku-contact{
border-radius:5px;
margin: 0px;
padding:0px;
height:275px;
background:url(img/pagetitle/page-title-bg_contact-pc.png) #dddddd center center no-repeat;
background-size: cover;
}



/* ページタイトル枠　アイコンなし */
.page-title-waku2{
border:#eaeaeb 1px solid;
border-radius:5px;
margin:130px 0px 25px 0px;
padding:15px 0px 8px 0px;
}

/* ページタイトル共通　飛行機雲アイコン */
.page-title-common{
height:250px;

margin:130px 0px 25px 0px;
padding:10px 0px 8px 20px;
background:url(img/pagetitle/page-title-icon_plane-pc.png) transparent top right no-repeat;
}

h1.page-title-moji{
color:#ffffff;
font-size:30px;
font-family: "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
margin:0px;
padding:0px;
text-align:left;
font-weight:normal;

}
h1.page-title-moji span.ptitle-english{
font-size:13px;
font-weight:normal;
}




.conA{
text-align:left;
margin:0 auto;
max-width:1000px;
width:85%;
		

}


/* ご挨拶　2段組み */
.A-greeting .container{
display:flex;

}
.greeting-text{
flex:3;
padding-right:30px;
padding-bottom:20px;
text-align:left;

}
.greeting-text p{font-size:15px;}
.greeting-photo{
flex:1;
text-align:right;
}

	
/* スタッフ写真 */
.staff-photo img{max-width:700px;width:80%;}


/* アクセス　2段組み */
.access .container{
display:flex;

}
.map-illust{
flex:3;
text-align:center;
border:1px solid #d3d3d4;
border-radius:3px;
padding:0;
margin:0 0 35px 0;
}
.map-illust img{
max-width:700px;
padding:0;
margin:0;
}
.map-text{
flex:2;
padding-left:20px;
text-align:left;
}




/* 基本　下地グレー */
.conB{
background-color:#f7f7f7;
border-radius:5px;
text-align:left;
margin:0 auto;
max-width:1000px;
width:85%;

}
.conB h1{
padding:50px 0px 30px 0px;
font-size:20px;
}

/* 業務内容　2段組み */
.conB-service{
background-color:#f7f7f7;
border-radius:5px;
text-align:left;
margin:15 auto;
max-width:1000px;
width:85%;

}

		
/*  問い合わせ 電話とメール 2カラム */
.contact-2column{
display:flex;
align-items:top;
justify-content:space-between;
margin:0px auto;
max-width:1000px;
width:85%;
}
/* 問い合わせ 電話とメール 2カラム『電話』 */
.conB-contact-tel{
background-color:#f7f7f7;
border-radius:5px;
width:50%;
margin-right:20px;
margin-bottom:40px;
}
/* 問い合わせ 電話とメール 2カラム『メール』 */
.conB-contact-mail{
width:50%;
margin-right:0px;
margin-bottom:40px;
}







/* 基本　下地ブラック */
.conC{
background-color:#000000;
border-radius:5px;
text-align:left;
margin:0 auto;
max-width:1000px;
width:85%;
color:#ffffff;
}




.bottom-info .container{

}

.contact-wrap{
display:flex;
margin:0 auto;
text-align:center;
width:470px;

}
.contact{
flex:1;
}
.contact:first-child{
margin-right:20px;
}

/* 文字情報-一覧-表 */
table.text-data{
}
table.text-data th{
width:170px;
}
table.text-data td{
}



/* BOX内2カラム 半分半分*/
.box-2culumn{
width:100%;
margin:0 auto;
}
.box-2culumn:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
.box-2culumn-l{
float:left;
width:47%;
text-align:left;
margin-right:0px;
margin:0px 0px 0px 0px;

}
.box-2culumn-r{
float:right;
width:47%;
text-align:left;
margin:0px 0px 0px 0px;

}


/* 理念 ※背景ロゴの大きさレスポンシブ */
.conA .container .philosophy{
text-align:center;
margin:50px auto 100px auto ;
padding:20px 5px 25px 5px;
background-color:#f5f5f5;
border-radius:15px;
background:#e5f2fc url(img/logo-white.png) no-repeat center center;
background-size: 58% auto ;
}
.conA .container .philosophy h3.philosophy-title{
text-align:center;
font-weight:bold;
font-size:20px;
margin:25px 0px 3px 0px;
}
.conA .container .philosophy .philosophy-text{
text-align:center;
font-weight:nomal;
font-size:16px;
margin:2px 0px 20px 0px;
}
		
		
		
		
		

}