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


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
max-height:100%;
}
body {
line-height:1;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
img {
vertical-align: top;
}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
ul li,
ol li {
list-style-type: none;
}
address{font-style:normal}.fontSS{font-size:.8em}.fontS{font-size:.9em}.fontH{font-size:.95em}.fontHB{font-size:1.05em}.fontB{font-size:1.1em}.fontBB{font-size:1.2em}.font10{font-size:10px}.font11{font-size:11px}.font12{font-size:12px}.font13{font-size:13px}.font14{font-size:14px}.font15{font-size:15px}.font16{font-size:16px}.font17{font-size:17px}.font18{font-size:18px}.font19{font-size:19px}.font20{font-size:20px}.bold{font-weight:700}.normal{font-weight:400}.uLine{text-decoration:underline}.lineTh{text-decoration:line-through}.white{color:#fff}.blue{color:#3356b8}.ultramarine{color:#3750b4}.mossgreen{color:#2b711b}.navy{color:#039}.red{color:#c11}.red01{color:#b91c1d}.scarlet{color:#fe3a3b}.pink{color:#f26}.gray01{color:#666}.gray02{color:#333}.green{color:#1d7a10}.orange01{color:#ff9600}.orange02{color:#ff7500}.brown01{color:#5e321b}.serif{font-family:"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif}.line01{line-height:1.25}.line02{line-height:1.5}.line03{line-height:1.75}.line04{line-height:2}.block{display:block}.inline{display:inline}.inlineBlock{display:inline-block}.none{display:none}.txIndent{text-indent:-9999em}.relative{position:relative}.fLeft{float:left}.fRight{float:right}.clear{clear:both}.cf:after{content:"";clear:both;display:block;height:0}.ov{overflow:hidden}.tCenter{text-align:center}.tLeft{text-align:left}.tRight{text-align:right}.vcB{vertical-align:bottom}.vcM{vertical-align:middle}.vcT{vertical-align:top}.bgNone{background-image:none!important}.mgb0{margin-bottom:0!important}.mgb5{margin-bottom:5px}.mgb10{margin-bottom:10px}.mgb15{margin-bottom:15px}.mgb20{margin-bottom:20px}.mgb25{margin-bottom:25px}.mgb30{margin-bottom:30px}.mgb35{margin-bottom:35px}.mgb40{margin-bottom:40px}.mgb45{margin-bottom:45px}.mgb50{margin-bottom:50px}.mgb55{margin-bottom:55px}.mgb60{margin-bottom:60px}.mgt0{margin-top:0!important}.mgt5{margin-top:5px}.mgt10{margin-top:10px}.mgt15{margin-top:15px}.mgt20{margin-top:20px}.mgt30{margin-top:30px}.mgr0{margin-right:0!important}.mgr5{margin-right:5px}.mgr10{margin-right:10px}.mgr15{margin-right:15px}.mgr20{margin-right:20px}.mgr25{margin-right:25px}.mgr30{margin-right:30px}.mgr35{margin-right:35px}.mgr40{margin-right:40px}.mgr45{margin-right:45px}.mgr50{margin-right:50px}.mgr60{margin-right:60px}.mgr70{margin-right:70px}.mgl0{margin-left:0!important}.mgl5{margin-left:5px}.mgl10{margin-left:10px}.mgl15{margin-left:15px}.mgl20{margin-left:20px}.mgl25{margin-left:25px}.mgl30{margin-left:30px}.mgl35{margin-left:35px}.mgl40{margin-left:40px}.mgl45{margin-left:45px}.mgl50{margin-left:50px}.mgl60{margin-left:60px}.mgl70{margin-left:70px}.pdg5{padding:5px}.pdg10{padding:10px}.pdg15{padding:15px}.pdg20{padding:20px}.pdg25{padding:25px}.pdg30{padding:30px}.pdg35{padding:35px}.pdg40{padding:40px}.pdg50{padding:50px}.pdg60{padding:60px}.pdg70{padding:70px}.pdg80{padding:80px}.pdg90{padding:90px}.pdb0{padding-bottom:0!important}.pdb5{padding-bottom:5px}.pdb10{padding-bottom:10px}.pdb15{padding-bottom:15px}.pdb20{padding-bottom:20px}.pdb25{padding-bottom:25px}.pdb30{padding-bottom:30px}.pdb40{padding-bottom:40px}.pdb50{padding-bottom:50px}.pdb60{padding-bottom:60px}.pdt0{padding-top:0!important}.pdt5{padding-top:5px}.pdt10{padding-top:10px}.pdt15{padding-top:15px}.pdt20{padding-top:20px}.pdt25{padding-top:25px}.pdt30{padding-top:30px}.pdt40{padding-top:40px}.pdt45{padding-top:45px}.pdt50{padding-top:50px}.pdt55{padding-top:55px}.pdt60{padding-top:60px}.pdt80{padding-top:80px}.pdr0{padding-right:0!important}.pdr5{padding-right:5px}.pdr10{padding-right:10px}.pdr15{padding-right:15px}.pdr20{padding-right:20px}.pdr25{padding-right:25px}.pdr30{padding-right:30px}.pdl0{padding-left:0!important}.pdl5{padding-left:5px}.pdl10{padding-left:10px}.pdl15{padding-left:15px}.pdl20{padding-left:20px}.pdl25{padding-left:25px}.pdl30{padding-left:30px}.width01{width:100px}.width02{width:200px}.width03{width:300px}.width04{width:400px}.width100{width:100%}.center{margin-left:auto;margin-right:auto}.over{transition:.3s}.ios .over:hover{opacity:1}.ios .over:active{opacity:1}.ios .over:link{opacity:1}.ios .over:visited{opacity:1}.ios .over:focus{opacity:1}img.alignright{display:block;margin:0 0 0 auto}img.alignleft{display:block;margin:0 auto 0 0}img.aligncenter{display:block;margin:0 auto}*{word-wrap:break-word}

@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;}
}

@media screen and (max-width:750px){ body,html {
font-family: "游ゴシック","YuGothic", "游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
width:100%;
height:auto;
color:#333;
font-size: 14px;
line-height:1.8;
-webkit-text-size-adjust: 100%;
}
a {
text-decoration:none;
color:#5f5f5f;
display:block;
}
.text-start {text-align: left!important;}
table {
width: 96%;
margin: 0 2%;
}
.sheet_01 th,
.sheet_01 td,
.sheet_02 th,
.sheet_02 td{
border:solid 1px #4db0ce;
padding:5px;
text-align:center;
max-width: 13em;
}
.sheet_01 th,
.sheet_02 th{
background:#eee;
}
.sheet_01 td,
.sheet_02 td{
background:#fff;
}
img {
width:100%;
height:auto;
}
.for_pc {
display:none;
} #header {
width:100%;
background:url(//office1017.com/Image/common/hdr_bg.jpg) no-repeat;
background-size:cover;
}
.hdr_inner {
width:100%;
margin: 0 auto;
}
.hdr_sp #lang{
background:#fff;
padding:5px 0;
}
.hdr_sp #lang li{
width:33%;
float:left;
text-align:center;
border-left:1px #ccc solid;
font-size:12px;
}
.hdr_sp #lang li:first-child{
border-left:none;
}
.hdr_sp #hdr_logo{
padding:10px 0;
margin:0 auto;
max-width:310px;
} #gNavi {
display:none;
}
.menu_open{
background-color:#4db0ce;
color:#fff;
font-weight:bold;
text-align:center;
padding:5px 0;
}
.menu_open:before {
content:url(//office1017.com/Image/common/menu_sp.png);
margin-right:5px;
}
#header #sp_nav {
width: 94%;
background-color: #4db0ce;
position: absolute;
top: 134px;
z-index: 10;
padding: 3% 3%;
display: none;
}
#header #sp_nav li {
margin-bottom:1%;
}
#header #sp_nav li:last-child {
margin-bottom:0;
}
#header #sp_nav li a {
width: 90%;
color: #039;
font-weight: bold;
background-color: #fff;
padding: 8px 5%;
}
#header #sp_nav li a span {
font-size:10px;
font-weight:normal;
display:inline-block;
margin-left:10px;
} .guard {
display: block;
width: 100%;
height: 100%;
background: url(//office1017.com/images/common/guard.png);
z-index: 1000;
position: absolute;
} #mainimage{
width:100%;
} #breadcrumb{
display:none;
} #cts_inner {
margin:0 auto;
padding: 40px 0 50px;
}
.under #cts_inner{
padding:30px 0 50px;
}
#main_cts {
}
#side_cts {
} #contents{
background:#f8f8f8;
border-bottom:#58a685 solid 3px;
font-family:MS PGothic,Arial,Hiragino Kaku Gothic ProN,Osaka,sans-serif;
}
#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 10px center #58a685;
color:#fff;
font-weight:bold;
padding: 10px 30px 10px 16px;
font-size:18px;
line-height:1.0;
font-family: "游ゴシック","YuGothic", "游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
} #side_cts{
display:none;
} #footer {
width:100%; background-size: cover;
padding: 20px 0 60px;
background: #d3e4bd;
}
#ftr_inner {
width:94%;
margin: 0 auto;
}
#ftr_left{
display: none;
}
#ftr_right{
}
#ftr_right #ftr_logo{
color:#353637;
font-weight:bold;
}
#ftr_right #ftr_logo li:first-child{
display:none;
}
#ftr_right #ftr_logo{
margin-bottom:15px;
}
#ftr_right .phone_number li{
text-align:right;
font-size:18px;
line-height:1.0;
font-weight:bold;
color:#fda346;
margin-bottom:5px;
vertical-align:bottom;
}
.phone_number span{
background-color:#fda346;
color:#fff;
border-radius:5px;
display:inline-block;
font-size:12.5px;
line-height:1.0;
padding:5px 10px;
margin-right:10px;
vertical-align:middle;
}
#ftr_right #address{
font-weight:bold;
text-align:right;
color:#212122;
line-height:1.4;
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;
float:left;
}
.ftr_mark img{
width:100%;
}
#footer p {
font-size:12px;
text-align:center;
color:#58a685;
font-weight:bold;
margin-bottom: 20px;
}
#ftr_contact{
position:fixed;
bottom: 0px;
width:100%;
padding: 10px 0;
background: rgba(77, 176, 206, 0.8);
}
#ftr_contact .inner{
width:calc(94% - 70px);
margin:0 80px 0 auto;
text-align:center;
}
#ftr_contact .tel_link,
#ftr_contact .ftr_mail{
width: 48%;
}
#ftr_contact .tel_link{
float:left;
}
#ftr_contact .ftr_mail{
float:right
}
}

@media screen and (max-width:750px) { .under section {
margin-bottom:40px;
}
.under #mainimage {
background:url(//office1017.com/Image/common/ttl_bg) no-repeat;
}
.under #mainimage .ttl_01 {
margin:0 auto;
}
.under #mainimage .ttl_01 h2 {
font-size:30px;
color: #333;
text-align:center;
line-height:36px;
padding:40px 0;
}
.under #mainimage .ttl_01 h2 span {
font-size: 16px;
display:block;
color: #039;
} #top #mainimage { text-align:center;
}
#top #sec_01 {
background:url(//office1017.com/Image/top/sec_01_bg.jpg);
padding:30px 0 40px;
}
#top .sec_inner {
width:94%;
margin:0 auto;
}
#top #sec_01 h2 {
color:#000;
text-align:center;
margin:0 auto;
border-bottom:#b4b4b4 solid 3px;
margin-bottom: 15px;
font-size:24px;
}
#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;
width:49%;
margin-right:2%;
margin-bottom:2%;
}
#top #sec_01 li:nth-child(2n) {
margin-right:0;
}
#top #sec_01 li:nth-last-child(-n+2) {
margin-bottom:0;
}
#top #sec_01 li:last-child {
width:100%;
}
#top #main_cts section {
margin-bottom:50px;
}
#top #sec_02 .sec_box {
width: 100%;
box-sizing:border-box;
border:solid 3px #58a685;
margin-bottom:20px;
border-radius:5px;
background:#fbfff6;
}
#top #sec_02 h2 {
color:#28292a;
font-size:16px;
padding:10px 0;
}
#top #sec_02 h2 span {
font-size:12px;
}
#top #sec_02 #sec_box01 h2 {
background:url(//office1017.com/Image/top/purpose_icon.png) no-repeat left 5px center,url(//office1017.com/Image/common/arrow_07.png) no-repeat right 10px center;;
padding-left:35px;
}
#top #sec_02 #sec_box02 h2 {
background:url(//office1017.com/Image/top/purpose_co_icon.png) no-repeat left 5px center,url(//office1017.com/Image/common/arrow_07.png) no-repeat right 10px center;;
padding-left:35px;
}
#top #sec_02 #sec_box03 h2 {
background:url(//office1017.com/Image/top/visa_icon.png) no-repeat left 5px center,url(//office1017.com/Image/common/arrow_07.png) no-repeat right 10px center;;
padding-left:35px;
}
#top #sec_02 #sec_box04 h2 {
background:url(//office1017.com/Image/top/formalities_icon.png) no-repeat left 5px center,url(//office1017.com/Image/common/arrow_07.png) no-repeat right 10px center;;
padding-left:35px;
}
#top #sec_02 #sec_box05 h2 {
background:url(//office1017.com/Image/top/formalities_icon.png) no-repeat left 5px center,url(//office1017.com/Image/common/arrow_07.png) no-repeat right 10px center;;
padding-left:35px;
}
#top #sec_02 .menu_box{
display:none;
padding:10px;
border-top:1px #ccc solid;
}
#top #sec_02 .menu_box li {
background:url(//office1017.com/Image/common/arrow_01.png) no-repeat left center;
padding-left:15px;
font-size:12.5px;
margin-bottom: 5px;
}
#top #sec_02 .menu_box li a {
color:#09289b;
text-decoration:underline;
}
#top #sec_05 h2 {
color:#000;
text-align:center;
margin:0 auto;
border-bottom:#b4b4b4 solid 3px;
margin-bottom: 15px;
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:16px;
margin-bottom:20px;
line-height:24px;
}
#top #sec_05 .txt_area .strong {
font-weight:bold;
margin-bottom:10px;
}
#top #sec_05 #area_list {
}
#top #sec_05 #area_list, #top #sec_05 #area_img {
}
#top #sec_05 #area_list dt {
font-weight:bold;
font-size: 16px;
line-height:20px;
margin-bottom: 5px;
}
#top #sec_05 #area_list dd {
line-height:18px;
margin-bottom:15px;
font-size: 13px;
}
#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;
}
#top #sec_06 .blog_ttl {
color:#1254c2;
font-weight: bold;
} #service #sec_01 ul{
text-align: center;
}
#service #sec_01 li{
display: inline-block;
width:48%;
margin:1%;
float:left;
}
#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:15px;
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: 260px;
margin-right: 2%;
}
#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{
padding: 2%;
}
#service #detail ol,
#service #detail ul,
#service p{
margin-bottom:1em;
text-indent: 1em;
padding: 0.5% 2%;
}
#service .price_text{
margin-bottom: 15px;
padding-left: 2em;
text-indent: -1em;
line-height: 1.6;
}
#service #intro .img_box{
}
#service #intro h6 {
margin-top: 20px;
margin-bottom: 15px;
font-size: 16px;
}
#service #intro dt {
font-weight:bold;
margin-left: 2%;
}
#service #intro dd {
padding-left: 20px;
margin-bottom: 15px;	
}
#service #intro dd li{
font-size: 13px;
margin-bottom: 7px;
line-height: 1.5;
}
#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 {
list-style: disc;
}
#service #detail dt {
font-weight: bold;
margin-left: 2%;
}
#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: none;
text-indent: -0.1em;
margin-bottom: 7px;
font-size: 13px;
line-height: 1.5;
}
#service #detail ul li.list_ttl{
margin-left:0;
list-style:none;
}
#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 .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 #main_cts #detail .procedure li{
list-style: disc;
text-indent: -0.1em;
line-height: 1.5;
margin-bottom: 10px;
}
#service .sheet_01 th p{
font-size:12px;
text-align:left; }
#service .sec_box{
margin-bottom:40px;
}
#service h5{
margin-bottom:10px;
margin-left: 2%;
border-left:solid 5px #4db0ce;
padding:0 0 0 10px;
font-size:16px;
}
#service #price dt{
margin-left: 2%;
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 10px;
box-sizing: border-box;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
display: flex;
align-items: center;
margin: 0;
} #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) { } #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;
}
#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{}
#flow #sec_01 a{
display:inline;
text-decoration:underline;
}
#flow #sec_01 li .txt_box{
width:350px;
margin: 0 auto;
margin-top: 20px;
}
#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: right;
width: 25%;
text-align:center;
margin-right: 2%;
}
#flow #sec_02 .txt_box{
width: 70%;
float: left;
margin-bottom: 20px;
margin-left: 2%;
} #office h3{
font-size:24px;
text-align:center;
padding-bottom:10px;
border-bottom:3px solid #ededed;
margin-bottom:25px;
}
#office section img{
max-width:80%;
text-align:center;
}
#office .left_box{
}
#office .right_box{
}
#office .img_box{text-align: center;margin: 20px 0;}
#office .txt_box{
padding-right:20px;
padding-left:20px;
}
#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;
text-align: center;
}
#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: 16px;
margin-bottom:20px;
}
#office .sec_box p{
line-height:1.8;
margin-bottom:20px;
}
#office .sec_box p:last-child{
margin-bottom:0;
} #voice .sec_inner{
padding:0 2%
}
#voice #sec_01 li{
margin-bottom:50px;
border:solid #4db0ce;
padding: 12px;
background:#fff;
}
#voice li .img_box{margin-top: 5px;}
#voice li .txt_box{margin-top: 20px;}
#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{ margin-bottom:20px;
}
#voice .txt_box dd:last-child{
margin-bottom:0;
}
.voice_img img{
width: 48%;
margin-right:auto;
margin-left:auto;
} #faq section{
margin-bottom:40px;
}
#faq .faq_cat li{
width: 46%;
float: left;
margin: 2%;
}
#faq .faq_cat li:last-child{
margin-right:0;
}
#faq .faq_cat 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 0 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;
margin: 2%;
padding: 15px;
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;
line-height: 1.4;
}
#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;
} #contact #main_cts p{
margin:0 2%;
}
.inner tr{
border-bottom:1px solid #ddd;
}
.inner th{
text-align:left;
width: 35%;
padding: 10px;
font-size: 12px;
}
.inner td {
text-align:left;
padding: 10px;
}  .mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea {
box-shadow:none;
width:75% !important;
}
.mfp_element_textarea {
box-shadow:none;
height:125px !important;
} 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:0.8em;
text-shadow:none;
} #mfp_confirm_table {
width:100%;
} #mfp_confirm_table th, #mfp_confirm_table td {
border:1px solid #666;
border-top:1px solid #666 !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;
border-radius:4px;
}  .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;
} #privacy-policy #sec_01 p{
margin: 0 3% 20px;
}
#privacy-policy dt{
font-size:15px;
font-weight:bold;
color:#282929;
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;
} #blog .sec_inner {
width: 94%;
margin: 0 auto;
}
#blog #mainimage h2{
padding:0;
}
#blog #mainimage .ttl_01 {
width: auto;
height: auto;
}
#blog .img_box{
margin-bottom:10px;
}
#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{
line-height: 1.6;
}
#blog .txt_box p{
margin-bottom: 5px;
}
#blog .ttl{
font-size:20px;
font-weight:bold;
margin-bottom: 5px;
line-height: 1.4;
}
#blog .ttl a{
color:#000;
}
#blog .more a{
text-align:center;
background-color:#4db0ce;
color:#fff;
width:200px;
border-radius:30px;
font-size:16px;
font-weight:bold;
border:solid 2px #4db0ce;
transition:.5s;
font-family: "游ゴシック","YuGothic", "游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0 auto;
}
#blog #blog_item{
margin-bottom: 30px;
}
#blog #blog_item>li{
padding-bottom:20px;
margin-bottom:20px;
border-bottom:solid 1px #ccc;
}
#blog #blog_item li:last-child{
border:none;
padding-bottom: 0;
margin:0;
}
#blog .blog_data{
margin-bottom:10px;
}
#blog .blog_data li{
display:block;
margin-bottom: 5px;
}
#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 #main_cts {
margin-bottom: 40px;
}
#blog #side_cts {
display: block;
}
#blog #blog_side {
width: 94%;
margin: 0 auto;
}
#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:14px;
}
#blog_side .side_box{
margin-bottom:30px;
}
#blog_side #contact_area .sec_inner{
width: auto;
} #blog_main h3{
font-size:20px;
line-height: 1.4;
}
#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:15px;
}
#blog_main .imgArea img{
max-width:100%;
}
#blog_main h4{
font-size:16px;
border-bottom:solid 2px #4db0ce;
padding-bottom:5px;
margin-bottom:10px;
}
#blog_main .txtArea{
margin-bottom:15px;
}
#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;
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 .sec_inner{
position:relative;
}
#blog_main .bottom_sns_list{
text-align: right;
margin-bottom: 40px;
}
#blog_main .bottom_sns_list li{
display:inline-block;
vertical-align: top;
font-size: 0;
}
#relation_page h3{
font-size:20px;
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{
margin-bottom: 20px;
}
#relation_page li:last-child{
margin-bottom: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;
}  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: 16px;
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 .policy h3 {
font-size: 20px;
margin-bottom: 10px;
text-align: center;
}
#covid19 .policy .sec_inner {
background: #fff;
margin: 2%;
padding: 15px;
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;
line-height: 1.4;
}
#covid19 .policy dd {
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 .point h3{
font-size:20px;
text-align:center;
padding-bottom:10px;
border-bottom:3px solid #ededed;
margin-bottom:25px;
}
#covid19 .point .left_box {
text-align: center;
}
#covid19 .point .left_box img {
max-width: 160px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px
}
#covid19 .point .txt_box {
padding-right: 20px;
padding-left: 20px;
}
#covid19 .point dt {
text-indent: -34px;
padding-left: 30px;
}
#covid19 .point dd {
padding-left: 20px;
}
#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;
text-align: center;
}
#covid19 .point dd {
margin-bottom: 20px;
padding-left: 20px;
}
#covid19 .point ul li {
list-style: disc;
}
.banner {
display:flex;
margin:60px auto 40px;
max-width: 510px;
justify-content: center;
flex-wrap: wrap;
}
.banner img {
width: 234px;
margin: 10px
}
.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}
.covid19-link {font-size:14px;}
}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{ }
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block; }
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-slider {
overflow: hidden;
}
.slick-slide{
height:;
text-align: center;
overflow: hidden; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; margin-right: 3px;
}
.slick-slide img{
}