@charset "utf-8";
@charset "utf-8";


@media print, screen and (min-width:751px){ body,html {
font-family: "游ゴシック","YuGothic", "游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
min-width:1000px;
height:auto;
background:#fff;
color:#000;
font-size: 14px;
line-height:1.8;
}
@media print, screen and (max-width: 1100px) {
body {
width: 1100px;
}
}
a {
text-decoration:none;
color:#5f5f5f;
}
a:hover {
color:#c82121;
}
.text-start {text-align: left!important;}
table {
width:100%;
table-layout: fixed;
}
.for_sp {
display:none;
}
.sheet_01 th,
.sheet_01 td,
.sheet_02 th,
.sheet_02 td{
border:solid 1px #4db0ce;
padding:10px;
text-align:center;
}
.sheet_01 th,
.sheet_02 th{
background:#eee;
}
.sheet_01 td,
.sheet_02 td{
background:#fff;
} #header {
width:100%;  padding:10px 0 0 0;
}
.hdr_inner {
width:1100px;
margin: 0 auto;
}
#hdr_left{
float:left;
width:548px;
margin-bottom: 13px;
}
#hdr_left a{
color: #3c3636;
}
#hdr_left a:hover{
opacity:0.9;
}
#hdr_left p{
font-size: 150%;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#hdr_left h1{
font-size:13.4px;
line-height:18px;
margin-bottom:5px;
}
#service #hdr_logo p {
text-indent: 0;
}
#hdr_right{
float:right;
width:480px;
margin-top: 10px;
}
#hdr_right #lang li{
float:left;
font-size:12px;
background:#b4d26b;
border-radius:5px;
width:90px;
text-align:center;
font-weight:bold;
margin-right:10px;
}
#hdr_right #lang{
margin-bottom:10px;
margin-left:auto;
width:290px; }
#hdr_right #lang li:last-child{
margin-right:0;
}
#hdr_right #hdr_tel{
float:left;	
margin-bottom: 10px;
}
#hdr_right #hdr_tel .phone_number{
color:#fda346;
font-size:26px;
font-weight:bold;
line-height:26px;
text-align:right;
}
.phone_number span{
background-color:#fda346;
color:#fff;
border-radius:5px;
display:inline-block;
font-size:12.5px;
line-height:1.0;
vertical-align:top;
padding:5px 10px;
margin-right:10px;
}
#hdr_right #hdr_tel .business_hour{
line-height:1.5;
color:#353637;
text-align:right;
font-size:14px;
font-weight:bold;
}
#hdr_right #hdr_tel .business_hour span{
display:block;
font-size:12px;
}
#hdr_right #hdr_mail{
float:right;
border-radius: 3px;
} #sp_nav{
display:none;
}
.menu-container {
width: 100%;
margin: 0 auto;
background: #55a786;
}
#gNavi li {
float:left; text-align: center;
font-size: 14px;
font-weight: bolder;
letter-spacing: .1px; line-height: 1.5;
background: #55a786;
}
#gNavi li a{
color: #fff;
}
#gNavi li span {
display: block;
font-size: 8px;
color: #ececec;
letter-spacing: 0px;
}
#gNavi li a:hover span {
color: #fff8a6;
}
.menu{
width:1100px;
margin:0 auto;
}
.menu-mobile {
display: none;
padding: 20px;
}
.menu-mobile:after {
content: "\f394";
font-family: "Ionicons";
font-size: 2.5rem;
padding: 0;
float: right;
position: relative;
top: 50%;
-webkit-transform: translateY(-25%);
transform: translateY(-25%);
}
.menu-dropdown-icon:before {
content: "\f489";
font-family: "Ionicons";
display: none;
cursor: pointer;
float: right;
padding: 1.5em 2em;
background: #fff;
color: #333;
}
.menu > ul {
margin: 0 auto;
width: 100%;
list-style: none;
padding: 0;
position: relative; box-sizing: border-box;
text-align: center;
}
.menu > ul:before,
.menu > ul:after {
content: "";
display: table;
}
.menu > ul:after {
clear: both;
}
.menu > ul > li {
float: left;
padding: 0;
margin: 0;
}
.menu > ul > li a {
text-decoration: none;
padding: 1em 20px;
display: block;
}
.menu > ul > li:first-child a {
padding: 1em 20px 1em 12px;
}
.menu > ul > li:last-child a {
padding: 1em 12px 1em 20px;
}
.menu > ul > li:hover {
background: rgba(255, 255, 255, 0.4);
}
.menu > ul > li > ul {
display: none;
position: absolute;
z-index: 99;
left: 0;
margin: 0;
list-style: none;
box-sizing: border-box;
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
content: "";
display: table;
}
.menu > ul > li > ul:after {
clear: both;
}
.menu > ul > li > ul > li {
margin: 0;
padding-bottom: 0;
list-style: none;
width: 20%;
background: none;
float: left;
background: #e2f7f9;
}
.menu > ul > li > ul > li a {
color: #777;
padding: .2em 0;
width:100%;
display: block;
border-bottom: 1px solid #ccc;
color: #4a4948;
}
.menu > ul > li > ul > li:hover{
opacity: .9;
}
.menu > ul > li > ul > li > ul {
display: block;
padding: 0;
margin: 10px 0 0;
list-style: none;
box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
content: "";
display: table;
}
.menu > ul > li > ul > li > ul:after {
clear: both;
}
.menu > ul > li > ul > li > ul > li {
float: left;
width: 100%;
padding: 10px 0;
margin: 0;
font-size: .8em;
}
.menu > ul > li > ul > li > ul > li a {
border: 0;
}
.menu > ul > li > ul.normal-sub {
width: 218px;
left: auto;
}
.menu > ul > li > ul.normal-sub.faq {
width:170px;
}
.menu > ul > li > ul.normal-sub > li {
width: 100%;
}
.menu > ul > li > ul.normal-sub > li a {
border: 0;
padding: 1em 0;
}
.menu > ul > li > ul.normal-sub > li:hover{
background:rgba(255, 255, 255, 0.88);
color: rgb(200, 33, 33);
} .guard {
display: block;
width: 100%;
height: 100%;
background: url(//office1017.com/images/common/guard.png);
z-index: 1000;
position: absolute;
}  .under #breadcrumb {
background:#4db0ce;
font-weight:bold;
}
.under #breadcrumb .breadcrumb_list {
width:1110px;
margin:0 auto;
font-size:12px;
overflow:hidden;
}
#breadcrumb li a {
color: #fff;
text-decoration: none; 
padding: 5px 0 5px 45px;
background: #4db0ce; position: relative; 
display: block;
float: left;
}
#breadcrumb li a::after { 
content: " "; 
display: block; 
width: 0; 
height: 0;
border-top: 50px solid transparent; border-bottom: 50px solid transparent;
border-left: 30px solid #4db0ce;
position: absolute;
top: 50%;
margin-top: -50px; 
left: 100%;
z-index: 2; 
}
#breadcrumb li a::before { 
content: " "; 
display: block; 
width: 0; 
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 30px solid white;
position: absolute;
top: 50%;
margin-top: -50px; 
margin-left: 1px;
left: 100%;
z-index: 1; 
}
#breadcrumb li:last-child a::before { 
display:none;
}
#breadcrumb li:first-child a {
padding-left: 15px;
}
#breadcrumb li:last-child a {
background: transparent !important;
pointer-events: none;
cursor: default;
color:#fff;
}
#breadcrumb li:last-child a::after { 
border: 0; 
}
#breadcrumb li a:hover { 
background: #039;
color:#fff;
}
#breadcrumb li a:hover:after { 
border-left-color: #039 !important; 
} #cts_inner {
width:1100px;
margin:0 auto;
padding:100px 0 110px;
}
.under #cts_inner{
padding:50px 0 80px;
}
#main_cts {
width:820px;
float:left;
}
#side_cts {
width:240px;
float:right;
} #contents{
background:#f8f8f8;
border-bottom:#58a685 solid 3px;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#contact_area a:hover{
opacity:0.7;	
}
#cts_inner{
position:relative;
}
#cts_inner #to_top{
position:absolute;
bottom:0;
right:0;
}
#cts_inner #to_top a{
background:url(//office1017.com/Image/common/arrow_03.png) no-repeat right 20px center #58a685;
color:#fff;
font-weight:bold;
padding:10px 50px;
font-size:18px;
line-height:1.0;
font-family: "游ゴシック","YuGothic", "游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
} #side_cts a{
color:#000;
}
#side_cts a:hover{
color:#c82121;
}
#side_cts #side_btn{
margin-bottom:65px;
}
#side_cts #side_btn a:hover{
opacity:0.7;
}
#side_cts #side_btn li{
margin-bottom:10px;
}
#side_cts #side_service{
margin-bottom:45px;
}
#side_cts #side_service .side_ttl{
text-align:center;
border-bottom:3px solid #f2f2f2;
padding-bottom:5px;
margin-bottom:10px;
}
#side_cts #side_service .side_ttl span{
background:url(//office1017.com/Image/common/service_icon.png) no-repeat;
display:inline-block;
line-height:24px;
background-size:auto 100%;
color:#000;
font-size:18px;
font-weight: 900;
padding-left:40px;
} #side_cts #side_service .accmenu {
max-width: 400px;
margin: 0 auto;
padding: 0;
}
#side_cts #side_service .accmenu a {
display: block;
padding: 10px 0 0px 20px;
text-decoration: none;
color: #000;
line-height: 1.3em; }
#side_cts #side_service label {
display: block;
margin: 0 0 2px 0;
padding :12px;
line-height: 1; background :#007bbb;
cursor :pointer;
}
#side_cts #side_service input {
display:none;
}
#side_cts #side_service .accmenu ul {
margin: 0;
padding: 0;
background :#f4f4f4;
list-style: none;
}
#side_cts #side_service .accmenu li {
max-height: 0;
overflow-y: hidden;
transition: all 0.5s;
}
#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li {
max-height: 70px;
opacity: 1;
} #side_cts #side_service ul.sub{}
#side_cts #side_service li label{
background: url(//office1017.com/Image/common/check_icon.png) no-repeat left top 11px;
padding-left: 25px;
margin-bottom: 4px;
margin-left: 50px;
font-weight: bold;
}
#side_cts #side_service .sub li{
position:relative;
font-size:12px;
line-height:1em;
margin-bottom: 0px;
}
#side_cts #side_service .sub li a{
font-size:14px;
}
#side_cts #side_service .sub li a:before{
content: "□";
position:absolute;
left: 0px; color:#a70000;
}
#side_cts #side_faq{
margin-bottom:35px;
}
#side_cts #side_faq .side_ttl{
text-align:center;
border-bottom:3px solid #f2f2f2;
padding-bottom:5px;
margin-bottom:10px;
}
#side_cts #side_faq .side_ttl span{
background:url(//office1017.com/Image/common/faq_icon.png) no-repeat top left;
display:inline-block;
line-height:28px;
background-size:auto 100%;
color:#000;
font-size:18px;
font-weight:bold;
padding-left:30px;
}
#side_cts #side_faq ul{
padding:0 55px;
}
#side_cts #side_faq li{
background:url(//office1017.com/Image/common/arrow_04.png) no-repeat left top 5px;
padding-left:12px;
margin-bottom:5px;
font-weight: bold;
}
#side_cts #side_nav li{
border:solid 1px #ccc;
padding:15px;
line-height:1.0;
margin-bottom:10px;
font-weight:bold;
background:url(//office1017.com/Image/common/arrow_05.png) no-repeat center right 15px #fff; 
}
#side_cts #side_nav a{
display:block;
}
#side_cts #side_nav{
margin-bottom:20px;
}
#side_cts #side_mail{
margin-bottom:20px;
}
#side_cts #side_mail a{
text-align:center;
}
#side_cts #side_mail a:hover{
opacity:0.7;
}
#side_cts #side_office{
margin-bottom:20px
}
#side_cts #side_blog{
background:#9ad8e5;
padding:10px 0;
}
#side_cts #side_blog .side_ttl{
text-align:center;
border-bottom:3px solid #f2f2f2;
padding-bottom: 5px;
margin-bottom:10px;
}
#side_cts #side_blog .side_ttl span{
background:url(//office1017.com/Image/common/blog_icon.png) no-repeat top right;
display:inline-block;
line-height:28px;
background-size:auto 100%;
color:#000;
font-size:18px;
font-weight:bold;
padding-right:30px;
}
#side_cts #side_blog ul{
padding:0 55px;
}
#side_cts #side_blog li{
list-style:disc;
margin-left:12px;
margin-bottom:5px;
font-weight: bold;
} #footer {
width:100%; background-size: cover;
padding: 50px 0 80px;
background: #d3e4bd;
}
#ftr_inner {
width:1100px;
margin: 0 auto;
}
#ftr_left{
float:left;
}
#ftr_left ul{
min-width: 240px;
float:left;
}
#ftr_left li{ padding-left:10px;
margin-bottom:5px;
position: relative;
}
#ftr_left li:before{
content: "\25B6";
position:absolute;
left:-2px;
top:4px;
font-size:8px;
color: #58a685;
}
#ftr_left li.ftr_li{
text-indent: 1em;
}
#ftr_left li.ftr_li:before{
content: "・";
left: -4px;
}
#ftr_left li a{
color:#58a685;
font-weight:bold;
}
#ftr_left li a:hover{
color:#c82121;
}
#ftr_right{
float:right;
}
#ftr_right #ftr_logo{
color:#353637;
font-weight:bold;
}
#ftr_right #ftr_logo li{
line-height:1.0;
text-align:right;
}
#ftr_right #ftr_logo li:nth-child(2){
font-size:30px;
vertical-align:middle;
line-height:1.5;
}
#ftr_right #ftr_logo li:nth-child(2) span{
display:inline-block;
background:url(//office1017.com/Image/common/ftr_logo_bg.png) no-repeat center left;
padding-left:30px;
}
#ftr_right #ftr_logo{
margin-bottom:15px;
}
#ftr_right #ftr_logo li{
margin-bottom:8px;
}
#ftr_right .phone_number{
margin-bottom:10px;
text-align:right;
}
#ftr_right .phone_number li{
display:inline-block;
font-size:26px;
line-height:1.0;
font-weight:bold;
color:#fba250;
margin-left:25px;
text-align:right;
}
#ftr_right #address{
font-weight:bold;
text-align:right;
color:#212122;
line-height:24px;
margin-bottom:10px;
}
#ftr_right .business_hour{
text-align:right;
font-weight:bold;
color:#212122;
line-height:1.1;
}
.ftr_mark {
padding:10px;
max-width:80px;
}
.ftr_mark img{
width:100%;
}
#footer p {
font-size:12px;
text-align:center;
color:#58a685;
font-weight:bold;
margin-bottom: 40px;
}
#ftr_contact{
display:none;
position:fixed;
bottom: 0px;
width:100%;
padding: 10px 0;
background: rgba(77, 176, 206, 0.8);
z-index: 9999;
}
#ftr_contact a:hover{
opacity:0.7;
}
#ftr_contact .inner{
width:1100px;
margin:0 auto;
text-align:center;
}
#ftr_contact li{
display:inline-block;
}
#ftr_contact .ftr_mail{
margin-left:70px;
}
#footer #ftr_contact li:last-child{
margin-right:0;
}
}

@media print, screen and (min-width:751px){ .under section{
margin-bottom:80px;	
}
.under #mainimage{
background:url(//office1017.com/Image/common/ttl_bg.jpg) no-repeat;
background-size: cover;
}
.under #mainimage .ttl_01{
width:1100px;
margin:0 auto;
}
.under #mainimage .ttl_01 h2{
font-size:30px;
color: #333;
text-align:center;
line-height:36px;
padding:60px 0;
}
.under #mainimage .ttl_01 h2 span{
font-size: 16px;
display:block;
color: #039;
} #top #mainimage{
background:url(//office1017.com/Image/top/mainimage_bg.jpg) repeat-x;
background-size:contain;
text-align:center;
}
#top .main_img_inner{
width:1100px;
margin:0 auto;}
#top #sec_01{
background:url(//office1017.com/Image/top/sec_01_bg.jpg);
padding:90px 0 100px;
}
#top #sec_01 .sec_inner{
width:1100px;
margin:0 auto;
}
#top #sec_01 h2{
color:#000;
text-align:center;
width:1000px;
margin:0 auto;
border-bottom:#b4b4b4 solid 3px;
margin-bottom:50px;
font-size:30px;
}
#top #sec_01 h2 span{
display:inline-block;
background:url(//office1017.com/Image/top/service_icon.png) no-repeat right center;
padding-right:50px;
}
#top #sec_01 li{
float:left;
margin-right: 59px;
margin-bottom: 30px;
}
#top #sec_01 li:nth-child(3n){
margin-right:0;
}
#top #sec_01 li:nth-last-child(-n+3){
margin-bottom:0;
}
#top #sec_01 li a img{
transition:.3s;
}
#top #sec_01 li a:hover img{
transform:scale(1.05,1.05);
}
#top #main_cts section{
margin-bottom:100px;	
}
#top #sec_02 .sec_box1{
width:400px;
float:left;
height:380px;
box-sizing:border-box;
border:solid 3px #4db0ce;
margin-right:20px;
margin-bottom:25px;
background-size: cover !important;
border-radius:5px;
}
#top #sec_02 .sec_box2{
width:820px;
float:left;
height:280px;
box-sizing:border-box;
border:solid 3px #4db0ce;
margin-right:20px;
margin-bottom:25px;
background-size:100% 100%;
border-radius:5px;
}
#top #sec_02 .sec_box:nth-child(2n){
margin-right:0;	
}
#top #sec_02 .sec_box:nth-last-child(-n+2){
margin-bottom: 25px;	
}
#top #sec_02 #sec_box01{
background:url(//office1017.com/Image/top/porpose_bg.jpg) no-repeat;
padding:15px 20px;
}
#top #sec_02 #sec_box02{
background:url(//office1017.com/Image/top/porpose_co_bg.jpg) no-repeat;
padding:15px 20px;
}
#top #sec_02 #sec_box03{
background:url(//office1017.com/Image/top/visa_bg.jpg);
padding:15px;
}
#top #sec_02 #sec_box04{
background:url(//office1017.com/Image/top/formalities_bg.jpg);
padding:15px;
height: 250px;
}
#top #sec_02 #sec_box05{
background:url(//office1017.com/Image/top/other_bg.jpg) no-repeat;
background-size: cover;
padding:15px;
height: 200px;
}
#top #sec_02 h2{
color:#28292a;
font-size:18px;
margin-bottom:10px;
}
#top #sec_02 h2 span{
font-size:14px;
}
#top #sec_02 #sec_box01 h2{
background:url(//office1017.com/Image/top/purpose_icon.png) no-repeat left center;
padding-left:30px;
}
#top #sec_02 #sec_box02 h2{
background:url(//office1017.com/Image/top/purpose_co_icon.png) no-repeat left center;
padding-left:25px;
}
#top #sec_02 #sec_box03 h2{
background:url(//office1017.com/Image/top/visa_icon.png) no-repeat left center;
padding-left:25px;
}
#top #sec_02 #sec_box04 h2{
background:url(//office1017.com/Image/top/formalities_icon.png) no-repeat left center;
padding-left:30px;
}
#top #sec_02 #sec_box05 h2{
background:url(//office1017.com/Image/top/formalities_icon.png) no-repeat left center;
padding-left:30px;
}
#top #sec_02 .menu_box li{
background: url(//office1017.com/Image/common/arrow_01.png) no-repeat 0 4px;
padding-left:15px;
margin-bottom: 10px;
letter-spacing: -1px;
line-height: 1.4;
}
#top #sec_02 .menu_box li a{
color:#09289b;
text-decoration:underline;
}
#top #sec_02 .menu_box li a:hover{
text-decoration:none;
color:#c82121;
}
#top #sec_02 .left_box{
width:25%;
float:left;
}
#top #sec_02 .right_box{
width:45%;
float:right
}
#top #sec_03,
#top #sec_04{
overflow:hidden;
}
#top #sec_03 a:hover,
#top #sec_04 a:hover{
opacity:0.7;		
}
#top #sec_03 a img,
#top #sec_04 a img{
transition:.3s;	
}
#top #sec_03 a:hover img,
#top #sec_04 a:hover img{
transform:scale(1.05,1.05)	
}
#top #sec_05 h2{
color:#000;
text-align:center;
margin:0 auto;
border-bottom:#b4b4b4 solid 3px;
margin-bottom:30px;
font-size:24px;
}
#top #sec_05 h2 span{
background:url(//office1017.com/Image/top/area_icon.png) no-repeat center right;
padding-right:30px;
background-size:auto 100%;
}
#top #sec_05 .txt_area{
font-size:18px;
margin-bottom:20px;
}
#top #sec_05 .txt_area .strong{
font-weight:bold;
line-height:24px;
}
#top #sec_05 #area_list{
margin-right:40px;
}
#top #sec_05 #area_list,
#top #sec_05 #area_img{
display:inline-block;
vertical-align: middle;
}
#top #sec_05 #area_list p{
margin-bottom: 15px;
}
#top #sec_05 #area_list dt{
font-weight:bold;
font-size:18px;
line-height:20px;
margin-bottom: 5px;
}
#top #sec_05 #area_list dd{
line-height:18px;
margin-bottom:15px;	
}
#top #sec_06 h2{
color:#000;
text-align:center;
margin:0 auto;
border-bottom:#f2f2f2 solid 3px;
margin-bottom:30px;
font-size:24px;
}
#top #sec_06 h2 span{
background:url(//office1017.com/Image/top/blog_icon.png) no-repeat center right;
padding-right:40px;
background-size:auto 100%;
}
#top #sec_06 li{
background:#fff;
margin-bottom:15px;
padding:10px 30px;
}
#top #sec_06 .blog_date{
color:#000;
font-weight:bold;
display:inline-block;
margin-right:30px;
}
#top #sec_06 .blog_ttl{
display:inline-block;
color:#1254c2;
font-weight: bold;
}
#top #sec_06 a:hover .blog_ttl{
color:#c82121;
} #top #sec_02 .sec_box1_km{
height:570px !important;
background-size: cover !important;
}
#top #sec_02 .sec_box2_km{
height:380px !important;
} #top #sec_02 .sec_box1_en{
height:420px !important;
background-size: cover !important;
}
#top #sec_02 .sec_box2_en{
height:340px !important;
} #blog #mainimage{
background:url(//office1017.com/Image/top/sec_01_bg.jpg);
}
#blog #mainimage h2{
padding:20px 0;	
}
#blog .img_box{
display:inline-block;
position:relative;
width:230px;
vertical-align:top;
margin-right:20px;
}
#blog .img_box a:hover{
opacity:0.7;	
}
#blog .img_box .category{
position:absolute;
top:10px;
left:0;
padding:0 10px;
text-align:center;
}
#blog #category_01{
background:#039;
color:#fff;
}
#blog #category_02{
background:#4da00b;
color:#fff;
}
#blog #category_03{
background:#4db0ce;
color:#fff;
}
#blog .txt_box{
display:inline-block;
height:173px;
width:560px;
position:relative;
font-size:16px;
}
#blog .ttl{
font-size:24px;
font-weight:bold;
}
#blog .ttl a{
color:#000;
}
#blog .ttl a:hover{
color:#c82121;
}
#blog .more{
position:absolute;
bottom:10px;
right:0;
}
#blog .more a{
text-align:center;
background-color:#4db0ce;
color:#fff;
padding: 5px 40px;
border-radius:30px;
font-size:13px;
font-weight:bold;
border:solid 2px #4db0ce;
transition:.5s;
font-family: "游ゴシック","YuGothic", "游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#blog .more a:hover{
background-color:#fff;
color:#4db0ce;
}
#blog #blog_item>li{
padding-bottom:40px;
margin-bottom:40px;
border-bottom:solid 1px #ccc;
}
#blog #blog_item li:last-child{
border:none;
margin:0;
}
#blog .blog_data{
margin-bottom:20px;
}
#blog .blog_data li{
display:inline-block;
margin-right:30px;
}
#blog .blog_data li:nth-child(1){
color:#555;
background:url(//office1017.com/Image/common/date_icon.png) no-repeat center left;;
padding-left:30px;
background-size:20px;
}
#blog .blog_data li:nth-child(2){
background:url(//office1017.com/Image/common/tag_icon.png) no-repeat center left;;
padding-left:30px;
background-size:20px;
}
#blog .blog_data li a{
display:inline;
}
#blog_side li{
list-style:disc;
margin-left:20px;
margin-bottom:15px;
line-height:1.6;
}
#blog_side h3{
text-align:left;
border-bottom:3px solid #f2f2f2;
padding-bottom:5px;
margin-bottom:10px;
font-size:24px;
}
#blog_side .side_box{
margin-bottom:30px;	
}
#blog .img_box img {
width: 100%;
height: auto;
}
#relation_page .thumb_box img{
width:100%;
height: auto;
} #blog_main h3{
font-size:24px;
}
#blog_main .category{
display:inline-block;
padding:0 10px;
margin-left:20px;
vertical-align:middle;
}
#blog_main .sns_list{
display:inline-block;
font-size: 0;
vertical-align: middle;
}
#blog_main .sns_list li{
display:inline-block;
vertical-align: top;
font-size: 0;
margin-right:5px;
}
#blog_main .blog_info{
padding-bottom:15px;
border-bottom:3px solid #ededed;
margin-bottom:15px;
position:relative
}
#blog_main .blog_data{
margin-bottom:10px;
}
#blog_main .imgArea{
text-align:center;
margin-bottom:50px;
}
#blog_main .imgArea img{
max-width:100%;
}
#blog_main h4{
font-size:20px;
border-bottom:solid 2px #4db0ce;
padding-bottom:5px;
margin-bottom:10px;
}
#blog_main .txtArea{
margin-bottom:50px;
}
#blog_main .txtArea p{
margin-bottom:15px;
}
#blog_main .back_btn{
width:200px;
margin:0 auto;
}
#blog_main .back_btn a{
text-align:center;
background-color:#4db0ce;
color:#fff;
padding: 5px 30px;
border-radius:30px;
font-size:16px;
border:solid 2px #4db0ce;
transition:.5s;
font-weight:bold;
font-family: "游ゴシック","YuGothic", "游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#blog_main .back_btn a:hover{
background-color:#fff;
color:#4db0ce;
}
#blog_main .sec_inner{
position:relative;
}
#blog_main .bottom_sns_list{
position:absolute;
right:0;
bottom:-30px;
}
#blog_main .bottom_sns_list li{
display:inline-block;
vertical-align: top;
font-size: 0;
}
#relation_page{
margin-bottom:50px;
}
#relation_page h3{
font-size:24px;
text-align:center;
padding-bottom:10px;
border-bottom:3px solid #ededed;
margin-bottom:25px;
}
#relation_page h3 span{
background:url(//office1017.com/Image/common/page_icon.png) no-repeat center right;
padding-right:30px
}
#relation_page li{
float:left;
width:250px;
margin-right:35px;
}
#relation_page li:last-child{
margin-right:0;
}
#relation_page .thumb_box{
position:relative;
margin-bottom:5px;
}
#blog .thumb_box .category{
position:absolute;
top:10px;
left:0;
padding:0 10px;
text-align:center;
}
#relation_page .thumb_ttl{
font-size:16px;
} #service #sec_01 ul{
text-align: center;
}
#service #sec_01 li{
display: inline-block;
width:327px;
margin:15px;
}
#service #sec_01 li a img{
transition:.3s;
}
#service #sec_01 li a:hover img{
transform:scale(1.05,1.05);
}
#service #sec_02 #sec_box01{
background-color:#dff8fd;
padding:15px 20px;
margin: 20px;
}
#service #sec_02 h2{
color:#28292a;
font-size:18px;
margin-bottom:10px;
}
#service #sec_02 h2 span{
font-size:14px;
}
#service #sec_02 #sec_box01 h2{
background:url(//office1017.com/Image/top/purpose_icon.png) no-repeat left center;
padding-left:30px;
}
#service #sec_02 #sec_box02 h2{
background:url(//office1017.com/Image/top/purpose_co_icon.png) no-repeat left center;
padding-left:25px;
}
#service #sec_02 #sec_box03 h2{
background:url(//office1017.com/Image/top/visa_icon.png) no-repeat left center;
padding-left:25px;
}
#service #sec_02 #sec_box04 h2{
background:url(//office1017.com/Image/top/formalities_icon.png) no-repeat left center;
padding-left:30px;
}
#service #sec_02 .menu_box {
width:50%;
float:left;
}
#service #sec_02 .menu_box li{
background:url(//office1017.com/Image/common/arrow_01.png) no-repeat left center;
padding-left: 30px;
margin-bottom: 5px;
margin-left:20px;
letter-spacing:-1px;
}
#service #sec_02 .menu_box li a{
color:#09289b;
text-decoration:underline;
}
#service #sec_02 .menu_box li a:hover{
text-decoration:none;
color:#c82121;
}
#service #sec_02 .left_box{
width:55%;
float:left;
}
#service #sec_02 .right_box{
width:45%;
float:right
} #service .cat_list{
margin-bottom:30px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
#service .cat_list li{
margin-bottom:12px;
height: 50px;
width: 31%;
}
#service .cat_list li a{
text-align:center;
background:url(//office1017.com/Image/common/arrow_08.png) no-repeat center bottom 5px #4db0ce;
border:solid 2px #4db0ce;
color:#fff;
padding:5px 15px 12px;
font-size:16px;
font-family: "游ゴシック","YuGothic", "游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
transition:.5s;
display: block;
font-weight: bold;
}
#service .cat_list li a:hover{
background:url(//office1017.com/Image/common/arrow_08_1.png) no-repeat center bottom 5px #fff;
color:#4db0ce;
}
#service h3{
font-size:24px;
text-align:center;
padding-bottom:10px;
border-bottom:3px solid #ededed;
margin-bottom:25px;
}
#service h4{
background-color:#e0f9fe;
color:#09289b;
font-size:18px;
padding-left:15px;
margin-bottom:15px;
border-radius:5px;
}
#service #intro .txt_box{
}
#service #intro .img_box{
float: right;
margin: 0 0 20px 20px;
}
#service #intro h6 {
margin-top: 20px;
margin-bottom: 15px;
font-size: 16px;
}
#service #intro dt {
font-weight:bold;
}
#service #intro dd {
padding-left: 20px;
margin-bottom: 15px;	
}
#service #intro dd li{
}
#service #intro ol {
margin-left: 18px
}
#service #intro .list_ttl {
list-style: none;
margin-left: -18px;
}
#service #intro ol li {
list-style:decimal;
line-height: 1.6;
margin-bottom: 8px;
}
#service #intro ul {
margin-left: 18px;
}
#service #intro ul li ,
#service .disc li{
list-style: disc;
}
#service #detail dt {
font-weight: bold;
}
#service #detail dd {
padding-left: 20px;
margin-bottom: 15px;
}
#service #detail ul{
margin-left:18px;
} 
#service #detail ol{
margin-left:18px;
} 
#service #detail ol li{
list-style:decimal;
}
#service #detail li{
list-style:disc;
}
#service #detail ol,
#service #detail ul,
#service p{
margin-bottom:15px;
text-indent: 1em;
}
#service td p{
margin:0;
}
#service .price_text{
margin-bottom: 15px;
padding-left: 2em;
text-indent: -1em;
}	
#service #detail .disallow li{
font-weight:bold;
}
#service #detail ul li.list_ttl,
#service .disc li.list_ttl{
margin-left:0;
list-style:none;
}
#service .sheet_01 th p{
font-size:12px; width:230px;
margin: 10px auto;
}
#service .sec_box{
margin-bottom:40px;
}
#service .disc li{
margin-left:1em;
}
#service #main_cts #detail li{
list-style: none;
text-indent: -0.1em;
}
#service #main_cts #detail .ex li{
list-style: disc;
text-indent: -0.1em;
}
#service #main_cts #detail .ex li.list_ttl{
list-style: none;
text-indent: -2em;
}
#service #main_cts #detail .procedure li{
list-style: disc;
text-indent: -0.1em;
line-height: 1.5;
margin-bottom: 10px;
}
#service #main_cts #detail .caution li{
list-style: disc;
text-indent: -0.1em;
line-height: 1.5;
margin-bottom: 10px;
}
#service #main_cts #detail .caution li.list_ttl{
list-style: none;
text-indent: -2em;
}
#service span.for_pc{
display: inline-block;
width: 2em;
}
#service h5{
margin-bottom:10px;
border-left:solid 5px #4db0ce;
padding:0 0 0 10px;
font-size:16px;
}
#service #price dt{
font-weight:bold;
}
#service #price dd{
padding-left:20px;
margin-bottom:15px;
}
#service #example ul{
padding:20px;
background:#fff;
border:solid 2px #4db0ce;
border-radius:10px;
}
.non-taxed {
color: #666;
}
.non-taxed::before {
content: "（税抜";
}
.non-taxed::after{
content: "円）";
}
.tax-included::after {
content: "円";
}
#service #intro .dl_table {
background-color: #FFF;
border-top: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
margin: 20px;
width: calc(100% - 40px);
display: flex;
flex-wrap: wrap;
font-size: .8rem;
}
#service #intro .dl_table dt,
#service #intro .dl_table .dl_table-title {
background-color: #FBFBFB;
font-weight: bold;
justify-content: center;
text-align: center;
}
#service #intro .dl_table dt {
max-width: 16em;
width: 25%;
}
#service #intro .dl_table dd {
width: 75%;
}
#service #intro .dl_table dt,
#service #intro .dl_table dd {
padding: 5px 16px;
box-sizing: border-box;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
display: flex;
align-items: center;
margin: 0;
} #flow h3{
font-size:24px;
text-align:center;
padding-bottom:10px;
border-bottom:3px solid #ededed;
margin-bottom:25px;
}
#flow #sec_01 li{
margin-bottom:30px;
padding:0 40px
}
#flow #sec_01 li::after{
content:"";
background:url(//office1017.com/Image/common/arrow_09.png) no-repeat center top 30px;
height:	80px;
}
#flow #sec_01 li:last-child::after{
content:"";
background:none;
height:0;
}
#flow #sec_01 li .img_box{
float:left;
width:350px;
}
#flow #sec_01 a{
display:inline;
text-decoration:underline;
}
#flow #sec_01 li .txt_box{
float:right;
width:350px;
}
#flow #sec_01 li h4{
border-bottom:#4db0ce solid 1px;
font-size:18px;
margin-bottom:15px;
}
#flow #sec_01 li h4 span{
background:#4db0ce;
display:inline-block;
padding:0 20px;
border-radius:7px 7px 0 0;
color:#fff;
margin-right:10px;
}
#flow #sec_02 h3{
border:none;	
}
#flow #sec_02 dt{
background:#fff;
font-size:18px;
font-weight:bold;
padding:5px 10px;
border-left:solid 5px #4db0ce;
margin-bottom: 20px;
}
#flow #sec_02 dd{
margin-bottom:30px;
}
#flow #sec_02 .img_box{
float:left;
width:150px;
text-align:center;
}
#flow #sec_02 .txt_box{
float:right;
width:645px;
padding-right:25px;
} #office h3{
font-size:24px;
text-align:center;
padding-bottom:10px;
border-bottom:3px solid #ededed;
margin-bottom:25px;
}
#office .left_box{
float:left;	
}
#office .right_box{
float:right;
}
#office .img_box{
width:300px;
}
#office .img_box img{
width:100%;
}
#office .txt_box{
width:480px;	
}
#office dt{
font-size:16px;
font-weight:bold;
padding-left:5px
}
#office dt:first-child{
margin-bottom:10px;
font-size:18px;
border-bottom:solid 1px #4db0ce;
padding-bottom:5px;
}
#office dd{
margin-bottom:20px;
padding-left:20px;
}
#office .sec_box{
padding:30px 30px 50px;
background:#fff;
margin:0;
position:relative;
}
#office h4{
border-top:#4db0ce solid 3px;
padding-top:20px;
font-size:18px;
margin-bottom:20px;
}
#office .sec_box p{
line-height:1.8;
margin-bottom:20px; text-indent: 1em;
}
#office .sec_box p:last-child{
margin-bottom:0;
} #voice #sec_01 li{
margin-bottom:50px;
border:solid #4db0ce;
padding:25px;
background:#fff;
display: flex;
}
#voice li .img_box{
width:40%;
text-align: center;
}
#voice li .txt_box{
width:60%;
}
#voice .txt_box dt{
font-weight:bold;
background:url(//office1017.com/Image/common/arrow_01.png) no-repeat left center;
padding-left:15px;	
}
#voice .txt_box .name{
border-bottom:solid 1px #4db0ce;
margin-bottom:10px;
padding-left:0;
background:none;
font-size:18px;
}
#voice .txt_box dd{
padding-left:15px;
margin-bottom:20px;
}
#voice .txt_box dd:last-child{
margin-bottom:0;
} #faq .faq_cat li{
float:left;
margin-right:20px;
}
#faq .faq_cat li:last-child{
margin-right:0;
}
#faq .faq_cat li a{
width:186px;
text-align:center;
background:url(//office1017.com/Image/common/arrow_08.png) no-repeat center bottom 5px #4db0ce;
border:solid 2px #4db0ce;
color:#fff;
padding:5px 10px 12px;
font-size:16px;
font-family: "游ゴシック","YuGothic", "游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
transition:.5s;
}
#faq .faq_cat li a:hover{
background:url(//office1017.com/Image/common/arrow_08_1.png) no-repeat center bottom 5px #fff;
color:#4db0ce;
}
#faq .faq_cat{
margin-bottom:20px;
}
#faq h3{
font-size:24px;
margin-bottom:10px;
text-align:center;
}
#faq .sec_inner{
background:#fff;
padding:30px 30px;
border:solid 3px #4db0ce;
border-radius:7px;
}
#faq dl span{
display:inline-block;
margin-right:10px;
text-align:center;
font-weight:bold;
border:solid 1px #4db0ce;
text-indent:0;
width:20px;
line-height:24px;
}
#faq dt span{
background:#4db0ce;
color:#fff;
}
#faq dd span{
background:#fff;
color:#4db0ce;
}
#faq dt{
text-indent: -1em;
padding-left: 1rem;
}
#faq dd{
text-indent: -1em;
padding-left: 2rem;
}
#faq dt{
font-weight:bold;
font-size:16px;
margin-bottom:10px;
}
#faq dd{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:dashed 1px #e0e0e0
}
#faq dd:last-child{
padding-bottom:0;
margin-bottom:0;
border:none;
} #privacy-policy #sec_01 p{
margin-bottom:20px;	
}
#privacy-policy dt{
font-size:20px;
font-weight:bold;
color:#282929;
padding-bottom:3px;
border:#4db0ce solid 2px;
margin-bottom:10px;
}
#privacy-policy dt span{
background:#4db0ce;
display:inline-block;
width:40px;
color:#f8f8f8;
text-align:center;
margin-right:15px;
}
#privacy-policy dd{
padding-left:20px;
margin-bottom:20px;
}
#privacy-policy dd li{
position:relative;
padding-left:1em;}
#privacy-policy dd li:before{
position:absolute;
content:"・";
left:0;
color:#4db0ce;
} #security h3{
font-size:24px;
text-align:center;
padding-bottom:10px;
border-bottom:3px solid #ededed;
margin-bottom:25px;
}
#security #sec_01 .txt_box{
padding-right:25px;
} #sitemap #sec_01 li{
float:left;
width:400px;
margin-bottom:20px;
border:solid 3px #4db0ce;
margin-right:20px;
box-sizing:border-box;
background:#e0f9ff;
}
#sitemap #sec_01 li a{
padding:10px 15px;
display:block;
color:#039;
font-weight:bold;
background:url(//office1017.com/Image/common/arrow_06.png) no-repeat right 25px center;
transition:.3s;
}
#sitemap #sec_01 li a:hover{
letter-spacing:1px;
background:url(//office1017.com/Image/common/arrow_04.png) no-repeat right 25px center;
color:#c82121
}
#sitemap #sec_01 li:nth-child(2n){
margin-right:0;
}
#sitemap #sec_01 li:nth-last-child(-n+2){
margin-bottom:0;
} .inner th,
.inner td{
text-align:left
}
#contact button[type="submit"]{
margin:20px auto 0;
display:block;
background: #4db0ce;
color:#fff;
font-size:16px;
border:solid 2px #12647c;
border-radius:5px;
padding:5px 20px; 
}
#thanks p{
text-align:center;
}
#thanks .back_btn{
width:300px;
margin:20px auto 0;
}
#thanks .back_btn a{
text-align:center;
background-color:#4db0ce;
color:#fff;
padding:5px;
border-radius:30px;
font-size:16px;
border:solid 2px #4db0ce;
transition:.5s;
font-weight:bold;
font-family: "游ゴシック","YuGothic", "游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#thanks .back_btn a:hover{
background-color:#fff;
color:#4db0ce;
}  .mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea {
box-shadow:none;
} div.mfp_err {
background:none;
padding-left:0;
color:#f26;
font-weight:bold;
} .problem {
background-color:#fdd;
} div.mfp_ok {
background-color:#ff7500;
border-color:#ff7500;
font-size:12px;
} form#mailformpro label.mfp_not_checked {
padding:0;
border:none;
}
form#mailformpro label.mfp_checked {
padding:0;
border:none;
background:none;
} .mfp_element_submit, .mfp_element_reset, .mfp_element_button{
font-size:16px;
text-shadow:none;
} #mfp_confirm_table{
width:100%;
} #mfp_confirm_table th,
#mfp_confirm_table td {
border:solid 1px #4db0ce;
border-top:solid 1px #4db0ce !important;
line-height:1.5 !important;
}
#mfp_confirm_table th {
padding:10px 10px !important;
background:#ffd393;
text-align:center !important;
}
#mfp_confirm_table td {
padding:15px 20px;
}
div#mfp_phase_confirm h4 {
font-size:0.9em;
margin-bottom:20px;
} .must-fill {
background:#e04;
padding:1px 3px;
color:#fff;
font-size:0.8em;
display:inline-block;
margin-left:10px;
border-radius:4px;
vertical-align: bottom;
}
.notmust-fill {
background:#535152;
padding:1px 3px;
color:#fff;
font-size:0.8em;
display:inline-block;
margin-left:10px;
border-radius:4px;
vertical-align: bottom;
}  .wp-pagenavi {
text-align:center;
} .wp-pagenavi a{
padding:0 8px;
background:#3a8ba6;
color:#fff;
margin-right:4px;
display:inline-block;
} .wp-pagenavi a:hover{
background:#ededed;
color:#333;
} .wp-pagenavi .current{
background:#ededed;
color:#333;
padding:0 8px;
margin-right:4px;
display:inline-block;
} .wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink{
color:#3a8ba6;
background:none;
font-size:0.9em;
font-weight:bold;
}  a[title*="page"]{
display: inline-block !important;
width: 30px;
height: 30px;
line-height: 30px;
border-right: 2px;
vertical-align: middle;
clear: both;
background: rgba(191, 191, 191, 0.1);
text-align: center;
border: 1px solid #ccc;
}
a[title*="previous"]{
margin-right: 5px;
}
b u{
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
border-right: 2px;
vertical-align: middle;
clear: both;
background: #2a72d1;
color: #fff;
text-align: center;
text-decoration: none !important;
} .m40b {
margin-bottom: 40px
}
#covid19 .sentence .sec_box {
padding: 30px 30px 50px;
background: #fff;
margin: 0;
position: relative;
}
#covid19 .sentence h4 {
border-top: #4db0ce solid 3px;
padding-top: 20px;
font-size: 18px;
margin-bottom: 20px;
}
#covid19 .sentence .sec_box p {
line-height: 1.8;
margin-bottom: 20px;
}
#covid19 .sentence .sec_box p:last-child {
margin-bottom: 0;
}
#covid19 .txt_box {
width: 600px;
}
#covid19 .policy h3 {
font-size: 24px;
margin-bottom: 10px;
text-align: center;
}
#covid19 .policy .sec_inner {
background: #fff;
padding: 30px 30px;
border: solid 3px #4db0ce;
border-radius: 7px;
}
#covid19 .policy dt {
text-indent: -34px;
padding-left: 30px;
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
}
#covid19 .policy dd {
text-indent: 0;
padding-left: 10px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: dashed 1px #e0e0e0
}
#covid19 .policy dd:last-child {
padding-bottom: 0;
margin-bottom: 0;
border: none;
}
#covid19 .left_box img {
text-align: center;
max-width: 180px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px
}
#covid19 .point h3 {
font-size: 24px;
text-align: center;
padding-bottom: 10px;
border-bottom: 3px solid #ededed;
margin-bottom: 25px;
}
#covid19 .point .left_box {
float: left;
text-align: center;
max-width: 180px;
margin-left: auto;
margin-right: auto;
}
#covid19 .point img {
text-align: center;
max-width: 180px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px
}
#covid19 .point .right_box {
float: right;
}
#covid19 .point .img_box {
width: 300px;
}
#covid19 .point .img_box img {
width: 100%;
}
#covid19 .point dt {
font-size: 16px;
font-weight: bold;
padding-left: 5px
}
#covid19 .point dt:first-child {
margin-bottom: 10px;
font-size: 18px;
border-bottom: solid 1px #4db0ce;
padding-bottom: 5px;
}
#covid19 .point dd {
margin-bottom: 20px;
padding-left: 40px;
}
#covid19 .point .sec_box {
padding: 30px 30px 50px;
background: #fff;
margin: 0;
position: relative;
}
#covid19 .point h4 {
border-top: #4db0ce solid 3px;
padding-top: 20px;
font-size: 18px;
margin-bottom: 20px;
}
#covid19 .point .sec_box p {
line-height: 1.8;
margin-bottom: 20px; text-indent: 1em;
}
#covid19 .point .sec_box p:last-child {
margin-bottom: 0;
}
#covid19 .point ul li {
list-style: disc;
}
.banner {
display: none;
}
.covid19-link {background:#4db0ce;color:#fff;margin:0 auto;padding:12px;text-align:center;text-decoration:underline;}
.covid19-link a {color:inherit;display:block}
.covid19-link a:hover{opacity:.8}
#top #sec_01 {
padding:50px 0 100px;
}
.covid19-link {font-size:18px;}
}