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


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