@charset "UTF-8";
@charset "UTF-8";

 @media only screen and (min-width: 1240px) {
.page-id-2209 .wrap,.page-id-2209 #inner-content {
width: 1000px;
}
}
.onPc{
display: block!important;
}
.onSmt{
display: none !important;
} .mt0{ margin-top:0;}
.mt05{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt70{ margin-top:70px;}
.mt80{ margin-top:80px;}
.mt90{ margin-top:90px;}
.mt100{ margin-top:100px;}
.mt110{ margin-top:110px;}
.mt120{ margin-top:120px;}
.mt130{ margin-top:130px;}
.mt140{ margin-top:140px;}
.mt150{ margin-top:150px;}
.mt160{ margin-top:160px;}
.mr0{ margin-right:0;}
.mr05{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr60{ margin-right:60px;}
.mb0{ margin-bottom:0;}
.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb70{ margin-bottom:70px;}
.mb80{ margin-bottom:80px;}
.mb90{ margin-bottom:90px;}
.mb100{ margin-bottom:100px;}
.mb110{ margin-bottom:110px;}
.mb120{ margin-bottom:120px;}
.mb130{ margin-bottom:130px;}
.mb140{ margin-bottom:140px;}
.mb150{ margin-bottom:150px;}
.mb160{ margin-bottom:160px;}
.mb170{ margin-bottom:170px;}
.mb180{ margin-bottom:180px;}
.ml0{ margin-left:0;}
.ml05{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml150{ margin-left:150px;}
.mW05{ margin:0 5px;}
.mW10{ margin:0 10px;}
.mW15{ margin:0 15px;}
.mW20{ margin:0 20px;}
.mW30{ margin:0 30px;}
.pt0{ padding-top:0;}
.pt02{ padding-top:2px;}
.pt03{ padding-top:3px;}
.pt04{ padding-top:4px;}
.pt05{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}
.pt70{ padding-top:70px;}
.pt80{ padding-top:80px;}
.pt90{ padding-top:90px;}
.pt100{ padding-top:100px;}
.pr0{ padding-right:0;}
.pr05{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr30{ padding-right:30px;}
.pr40{ padding-right:40px;}
.pr50{ padding-right:50px;}
.pr60{ padding-right:60px;}
.pr70{ padding-right:70px;}
.pr80{ padding-right:80px;}
.pr90{ padding-right:90px;}
.pr100{ padding-right:100px;}
.pr110{ padding-right:110px;}
.pr120{ padding-right:120px;}
.pb0{ padding-bottom:0;}
.pb03{ padding-bottom:3px;}
.pb04{ padding-bottom:4px;}
.pb05{ padding-bottom:5px;}
.pb07{ padding-bottom:7px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb40{ padding-bottom:40px;}
.pb50{ padding-bottom:50px;}
.pb60{ padding-bottom:60px;}
.pb70{ padding-bottom:70px;}
.pb80{ padding-bottom:80px;}
.pb90{ padding-bottom:90px;}
.pb100{ padding-bottom:100px;}
.pl0{ padding-left:0;}
.pl05{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}
.pl40{ padding-left:40px;}
.pl50{ padding-left:50px;}
.pl60{ padding-left:60px;}
.pl70{ padding-left:70px;}
.pl80{ padding-left:80px;}
.pl90{ padding-left:90px;}
.pl100{ padding-left:100px;}
.pl110{ padding-left:110px;}
.pl120{ padding-left:120px;}
.pW05{ padding:0 5px;}
.pW10{ padding:0 10px;}
.pW15{ padding:0 15px;}
.pW20{ padding:0 20px;}
.pW30{ padding:0 30px;}
.pd05{ padding: 5px;}
.pd10{ padding: 10px;}
.pd15{ padding: 15px;}
.pd20{ padding: 20px;} .heroPost{
width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
background-color: #FFF;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.22);
}
.heroPost dl{
width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin: 0;
}
.heroPost dl a.heroLink{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.heroPost dl dd .cat-name {
z-index: 2;
top: 44px;
left: inherit;
right: 40px;
font-size: 12px;
}
.heroPost dl dt{
width: 50%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.heroPost dl dt img{
width: 100%;
height: auto;
float: left;
}
.heroPost dl dd{
width: 50%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
padding: 40px;
}
.heroPost dl dd time {
display: block;
margin:0px 0px 8px;
color: #b5b5b5;
font-size: 16px;
font-weight: bold;
}
.heroPost dl dd time:before {
content: "\f017";
font-family: "Font Awesome 5 Free";
padding-right: 4px;
font-weight: normal;
}
.heroPost dl dd h2{
color: #555;
margin-bottom: 0;
}
.heroSlideBox{
width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-bottom: 60px;
}
.gMenu {
width: 100%;
height: auto;
margin: 0 auto;
max-width: 1000px;
}
.gMenu ul{
width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin: 20px 0px;
}
.gMenu ul li{
width: 20%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.gMenu ul li a{
width: 100%;
height: 28px;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
text-align: center;
text-decoration: none;
font-size: 14px;
color: #000;
font-weight: bold;
line-height: 2em;
}
.gMenu ul li a:hover{
color: #fff000;
}
.gMenu ul li.cat-item-24 a{
text-indent: -9999px;
}
.gMenu ul li.cat-item-24 a::after{
content: 'サービス';
content: 'FREENANCEの使い方';
width: 100%;
height: auto;
text-align: center;
position: absolute;
font-size: 14px;
color: #000;
font-weight: bold;
line-height: 2em;
top: 0;
left: 0;
text-indent: 0;
}
.gMenu ul li.cat-item-24 a:hover::after{
color: #fff000;
}
.gMenu ul li::before {
content: "";
width: 2px;
height: 16px;
background: 
#000;
display: block;
position: absolute;
top: 6px;
right: -2px;
}
.gMenu ul li:last-child::before {
display: none;
}
.header-search {
left: 0;
}
#menuButton {
display: none;
}
#overlay{
display: none;
}
.single .insidesp{
margin-top: 76px;
}
#inner-header {
}
.headFnBtn{
width: auto;
height: auto;
display: block;
position: relative;
top: 13px;
float: right; 
}
.headFnBtn a{
width: auto;
height: auto;
display: inline-block;
font-size: 16px;
line-height: 36px;
padding: 0 20px;
border-radius: 40px;
font-family: "Quicksand", "Avenir", "Arial", "BIZ UDGothic", "Hiragino Kaku Gothic ProN", YuGothic, "Yu Gothic", "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", Meiryo, sans-serif;
color: #000;
background-color: #fff000;
font-weight: bold;
box-shadow: 0 0 8px 0 rgba(0,0,0,.15);
}
.headFnBtn a:hover {
background: #fff666;
text-decoration: none;
}
.profileBox .box-content{
float: left;
}
#headSubPc.menu-headsubmenu-container {
width: 100%;
height: auto;
margin: 0 auto;
max-width: 1000px;
position: relative;
}
.single-post #headSubPc.menu-headsubmenu-container,.archive #headSubPc.menu-headsubmenu-container{
max-width: 1180px;
}
#headSubPc.menu-headsubmenu-container ul.menu{
width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin: 20px 0px;
}
#headSubPc.menu-headsubmenu-container ul.menu li{
width: 20%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
#headSubPc.menu-headsubmenu-container ul.menu li::after{
}
#headSubPc.menu-headsubmenu-container ul.menu li a{
width: 100%;
height: 28px;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
text-align: center;
text-decoration: none;
font-size: 14px;
color: #000;
font-weight: bold;
line-height: 2em;
}
#headSubPc.menu-headsubmenu-container ul.menu li.dropdown-menu a::after{
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 700;
position: absolute;
top: 5px;
right: 10px;
display: block;
width: 16px;
height: 16px;
font-size: 12px;
line-height: 16px;
}
#headSubPc.menu-headsubmenu-container ul.menu li.dropdown-menu.open::after{
content: '';
width: calc(100% + 2px);
height: 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: -10px;
left: 0;
border: #000 2px solid;
border-bottom-width: 0;
border-radius: 12px 12px 0 0;
}
#headSubPc.menu-headsubmenu-container ul.menu li a:hover{
color: #fff000;
color: #888;
}
#headSubPc.menu-headsubmenu-container ul.menu li::before {
content: "";
width: 2px;
height: 16px;
background: 
#000;
display: block;
position: absolute;
top: 6px;
right: -2px;
}
#headSubPc.menu-headsubmenu-container ul.menu li:last-child::before {
display: none;
}
#headSubPc.menu-headsubmenu-container ul.menu li ul.sub-menu{
width: calc(100% + 2px);
display: none;
position: absolute;
padding: 0;
background-color: #f3f3f3;
margin: 0;
top: 22px;
z-index: 10;
border: 2px solid #000;
border-top-width: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0 0 12px 12px;
padding-top: 6px;
}
#headSubPc.menu-headsubmenu-container ul.menu li ul.sub-menu::after{
content: '';
width: 100%;
height: 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
background-color: #FFF;
top: 0px;
left: 0px;
}
#headSubPc.menu-headsubmenu-container ul.menu li ul.sub-menu li{
width: 100%;
}
#headSubPc.menu-headsubmenu-container ul.menu li ul.sub-menu li::before{
display: none;
}
#headSubPc.menu-headsubmenu-container ul.menu li.dropdown-menu.open ul.sub-menu li a{
padding: 5px 0;
display: inline-block;
color: #000;
height: auto;
border-top-width: 0;
font-size: 13px;
}
#headSubPc.menu-headsubmenu-container ul.menu li.dropdown-menu.open ul.sub-menu li a:hover{
color: #fff000;
color: #777;
background-color: rgba(0,0,0,0.05);
}
#headSubPc.menu-headsubmenu-container ul.menu li.dropdown-menu ul.sub-menu li a::after{
display: none;
}
.Started {
padding: 60px 0;
background: #fff000;
width: 100%;
position: relative;
display: block;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.Started__inner{
height: 120px;
}
.Started__btn {
width: 480px;
margin: 0 auto;
opacity: 0;
visibility: hidden;
transition: opacity .5s ease-out,visibility .5s;
position: relative;
text-align: center;
}
.Started__btn.-floated {
position: fixed;
bottom: 30px;
left: 0;
right: 0;
z-index: 90;
}
.Started__btn.-shown {
opacity: 1;
visibility: visible;
}
.Started__btn > a:first-of-type {
display: block;
font-size: 1.875rem;
letter-spacing: .05em;
font-family: Yu Gothic,YuGothic,Hiragino Kaku Gothic ProN,Meiryo,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
font-weight: 700;
color: #000;
background: #fff000;
border-radius: 60px;
width: 480px;
height: 120px;
margin: 0 auto;
text-decoration: none;
text-align: center;
line-height: 120px;
box-shadow: 0 0 18px 0 rgba(0,0,0,.15);
transition: background .5s ease-out;
}
.Started__balloon {
position: absolute;
top: -44px;
right: -42px;
background: url(//freenance.net/media/wp-content/themes/sango-theme/library/images/bg_balloon.svg) no-repeat center center;
background-size: auto;
background-size: 122px auto;
width: 122px;
height: 121px;
color: #fff;
font-size: .625rem;
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.Started__balloonInner {
text-align: center;
padding-top: 8px;
font-weight: bold;
}
.Started__fontS {
font-size: 1rem;
}
.Started__fontL {
font-size: 3.75rem;
}
.Started__fontM {
font-size: 1.25rem;
}
.fixBtnClearfix{
clear: both;
width:100%;
height:1px;
display:block;
float:left;
margin-bottom:-1px;
position: relative;
bottom: 240px;
}
#headMainPc.menu-headsubmenu-container {
width: 100%;
height: auto;
margin: 0 auto;
max-width: 1000px;
position: relative;
}
.single-post #headMainPc.menu-headsubmenu-container,.archive #headMainPc.menu-headsubmenu-container {
max-width: 1180px;
}
#headMainPc.menu-headsubmenu-container ul.menu{
width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin: 5px 0px 10px;
}
#headMainPc.menu-headsubmenu-container ul.menu li{
width: 20%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
#headMainPc.menu-headsubmenu-container ul.menu li::after{
}
#headMainPc.menu-headsubmenu-container ul.menu li a,#headMainPc.menu-headsubmenu-container ul.menu li span{
width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
text-align: center;
text-decoration: none;
font-size: 14px;
color: #000;
font-weight: bold;
line-height: 2em;
padding-top: 3px;
}
#headMainPc.menu-headsubmenu-container ul.menu li.dropdown-menu a::after,#headMainPc.menu-headsubmenu-container ul.menu li.dropdown-menu span::after{
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 700;
position: absolute;
top: 7px;
right: 10px;
display: block;
width: 16px;
height: 16px;
font-size: 12px;
line-height: 16px;
}
#headMainPc.menu-headsubmenu-container ul.menu li:first-child.dropdown-menu span::after{
right: 50px;
}
#headMainPc.menu-headsubmenu-container ul.menu li.dropdown-menu.open{
color: #111;
background-color: #FFF;
}
#headMainPc.menu-headsubmenu-container ul.menu li.dropdown-menu.open::after{
content: '';
width: calc(100% + 2px);
height: 26px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: -4px;
left: 0;
border: #000 2px solid;
border-bottom-width: 0;
border-radius: 12px 12px 0 0;
}
#headMainPc.menu-headsubmenu-container ul.menu li a:hover{
color: #fff000;
color: #888;
}
#headMainPc.menu-headsubmenu-container ul.menu li span:hover{
color: #111;
background-color: #FFF;
}
#headMainPc.menu-headsubmenu-container ul.menu li::before {
content: "";
width: 2px;
height: 16px;
background: #000;
display: block;
position: absolute;
top: 6px;
right: -2px;
display: none;
}
#headMainPc.menu-headsubmenu-container ul.menu li:last-child::before {
display: none;
}
#headMainPc.menu-headsubmenu-container ul.menu li ul.sub-menu{
width: calc(100% + 2px);
display: none;
position: absolute;
padding: 0;
background-color: #f3f3f3;
margin: 0;
top: 22px;
z-index: 10;
border: 2px solid #000;
border-top-width: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0 0 12px 12px;
padding-top: 6px;
}
#headMainPc.menu-headsubmenu-container ul.menu li ul.sub-menu::after{
content: '';
width: 100%;
height: 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
background-color: #FFF;
top: 0px;
left: 0px;
}
#headMainPc.menu-headsubmenu-container ul.menu li ul.sub-menu li{
width: 100%;
}
#headMainPc.menu-headsubmenu-container ul.menu li ul.sub-menu li::before{
display: none;
}
#headMainPc.menu-headsubmenu-container ul.menu li.dropdown-menu.open ul.sub-menu li a{
padding: 5px 0;
display: inline-block;
color: #000;
height: auto;
border-top-width: 0;
font-size: 13px;
}
#headMainPc.menu-headsubmenu-container ul.menu li.dropdown-menu.open ul.sub-menu li a:hover{
color: #fff000;
color: #777;
background-color: rgba(0,0,0,0.05);
}
#headMainPc.menu-headsubmenu-container ul.menu li.dropdown-menu ul.sub-menu li a::after{
display: none;
}
.headExNav{
width: auto;
height: auto;
display: block;
position: relative;
float: right;
}
.headExNav ul{
width: auto;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-right: 20px;
}
.headExNav ul li{
width: auto;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.headExNav ul li a{
line-height: 36px;
font-size: .75rem;
text-decoration: none;
color: #000;
padding: 0 15px;
}
.headExNav ul li a:hover{
text-decoration: underline;
color: #333;
}
.headExNav ul li + li::before {
content: "";
display: block;
width: 1px;
height: 14px;
background: #ccc;
position: absolute;
top: 11px;
left: 0;
}
.headFnBtn.touroku a{
font-size: 14px;
}
.headLogoMag{
width: 100%;
height: auto;
margin: 0 auto;
max-width: 1000px;
position: relative;
text-align: center;
margin-top: 40px;
margin-bottom: 15px;
}
.headLogoMag a{
color: #3c3c3c;
font-size: 32px;
text-decoration: none;
font-weight: bold;
}
.headLogoFn{
width: auto;
float: left;
padding: 15px 0 0 0px;
margin: 0;
}
.headLogoFn img{
width: 215px;
height: 35px;
vertical-align: bottom;
}
.headLogoFn.free img{
width: auto;
height: 42px;
}
#logo.magLogoSp{
display: none;
}
.breadcrumb-area{
width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
font-size: 14px;
}
.breadcrumb-area i{
color: #d2d2d2;
margin-left: 8px;
margin-right: 8px;
font-size: 12px;
}
.breadcrumb-area span a.home{
position: relative;
}
.breadcrumb-area span a.home::before{
content: "\f0da";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 8px;
color: #d2d2d2;
}
.Started__btn > a:first-of-type{
padding-top: 11px;
}
.btn_top_txt{
width: 100%;
position: absolute;
font-size: 16px;
line-height: 1; top: 27px;
left: 0;
text-align: center;
letter-spacing: 0;
}
.btn_bottom_txt{
width: 100%;
position: absolute;
font-size: 11px;
line-height: 1;
bottom: 26px;
left: 0;
text-align: center;
letter-spacing: 0;
font-weight: normal;
}
.snsList {
width: 100%;
height: auto;
float: left;
display: inline-block;
box-sizing: border-box;
text-align: center;
margin-bottom: 20px;
margin-top: 20px;
position: relative;
z-index: 10;
}
.snsList a {
text-decoration: none;
margin-right: 7px;
margin-left: 7px;
}
.snsList img {
width: 30px;
height: 30px;
}
.twText{
width: 100%;
height: auto;
float: left;
display: block;
box-sizing: border-box;
text-align: center;
font-size: 16px;
font-weight: bold;
margin-bottom: 0;
margin-top: 0;
}
.twBtn{
width: 100%;
height: auto;
float: left;
display: block;
box-sizing: border-box;
text-align: center;
}
.twBtn a{
width: 100%;
height: 60px;
float: left;
display: flex;
box-sizing: border-box;
justify-content: center;
align-items: center;
background-color: #1d9bf0;
background-color: #000;
color: #FFF;
font-size: 16px;
line-height: 1.4;
font-weight: 600;
border-radius: 4px;
transition-property: all;
transition: 0.2s ease;
}
.twBtn a img{
width: 30px;
height: 30px;
margin-right: 5px;
}
.twBtn a:hover{
opacity: 0.8;
text-decoration: none;
}
.lineBtn{
width: 100%;
height: auto;
float: left;
display: block;
box-sizing: border-box;
margin-top: 10px;
}
.lineBtn{
width: 100%;
height: auto;
float: left;
display: block;
box-sizing: border-box;
text-align: center;
}
.lineBtn a{
width: 100%;
height: 60px;
float: left;
display: flex;
box-sizing: border-box;
justify-content: center;
align-items: center;
background-color: #4cc764;
color: #FFF;
font-size: 18px;
line-height: 1.4;
font-weight: 600;
border-radius: 4px;
transition-property: all;
transition: 0.2s ease;
}
.lineBtn a img{
width: 36px;
height: 36px;
margin-right: 5px;
}
.lineBtn a:hover{
opacity: 0.8;
text-decoration: none;
}
.Footer {
background: #000;
min-width: 1080px;
}
.Footer__inner {
width: 100%;
max-width: 1140px;
margin: 0 auto;
padding: 120px 60px 90px;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
}
.Footer__nav {
width: 74.3%;
display: flex;
}
.Footer__service {
width: 21.7%;
}
.Footer__copyright {
width: 100%;
color: #fff;
text-align: right;
margin: 52px 0 0;
margin-bottom: 0px;
font-size: .75rem;
font-family: Montserrat,sans-serif;
font-weight: 700;
}
.Footer__navList {
list-style: none;
margin: 0;
margin-top: 0px;
width: 247px;
padding: 0 30px 0 0;
}
.Footer__navList.-first {
margin-top: -32px;
}
.Footer__navList.-child {
width: auto;
padding: 0 0 0 18px;
}
.Footer__navList a {
font-size: 14px;
font-family: YuGothic, "Yu Gothic", "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", Meiryo, sans-serif;
font-weight: 700;
line-height: 2;
letter-spacing: .06em;
text-decoration: none;
color: #fff;
position: relative;
}
.Footer__navList a {
padding-left: 18px;
}
.Footer__navList a:hover {
text-decoration: underline;
}
.Footer__navList a:not([href]) {
cursor: default;
color: #fff;
-webkit-tap-highlight-color: transparent;
}
.Footer__navList a:not([href]):hover {
text-decoration: none;
}
.Footer__navList.-child a {
font-size: .75rem;
}
.Footer__navList a::before {
content: '';
width: 16px;
height: 14px;
background: url(https://freenance.net/assets/images/icon-arrowRight-white.svg) no-repeat center center;
background-size: auto;
background-size: 4.5px 7px;
position: absolute;
top: -1px;
left: 0;
}
.Footer__navList a:not([href])::before {
display: none;
}
.Footer__sns {
list-style: none;
display: flex;
justify-content: flex-end;
margin: 20px 0 0;
padding: 0;
}
.Footer__sns li{
margin-left: 3px;
margin-right: 3px;
}
.Footer__sns img {
width: 36px;
height: 36px;
}
.gsFlex {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.nowrap{
white-space: nowrap;
}
.Footer__navList a[target="_blank"]::after {
content: "";
display: inline-block;
background: url(https://freenance.net/assets/images/icon_window.svg) no-repeat;
background-size: auto;
background-size: 16px auto;
margin: 0 0 0 10px;
width: 16px;
height: 16px;
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.Footer__navList a.nowrap[target="_blank"]::after {
content: "";
display: none;
}
.Footer__logo {
text-align: right;
}
.Footer__logo img {
width: 210px;
height: 41px;
}
.Footer__navList li a.nowrap.ddAdjust{
white-space: normal;
display: inline-block;
line-height: 1.6em;
}
.Footer__navList li a.nowrap.ddAdjust::before{
top: 3px;
}
#ddMenuList{
display: none;
}
.Footer__navList span.nonLink{
font-size: 14px;
font-family: YuGothic, "Yu Gothic", "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", Meiryo, sans-serif;
font-weight: 700;
line-height: 2;
letter-spacing: .06em;
text-decoration: none;
color: #fff;
position: relative;
padding-left: 18px;
cursor: pointer;
}
.Footer__navList span.nonLink:hover{
text-decoration: underline;
}
.Footer__navList span.nonLink::before {
content: '';
width: 16px;
height: 14px;
background: url(https://freenance.net/assets/images/icon-arrowRight-white.svg) no-repeat center center;
background-size: auto;
background-size: 4.5px 7px;
position: absolute;
top: -1px;
left: 0;
transition-property: all;
transition: 0.2s ease;
}
.Footer__navList .menuOpen span.nonLink::before {
transform:rotate(90deg); 
}
.cateTitle{
width: 100%;
font-size: 20px;
line-height: 30px;
box-sizing: border-box;
padding-left: 28px;
border-bottom: #d2d2d2 1px solid;
margin-bottom: 20px;
font-weight: 600;
background-image: url(//freenance.net/media/wp-content/themes/sango-theme/library/images/icon_file.png);
background-size: 20px 20px;
background-position: left 3px;
background-repeat: no-repeat;
}
.moreBtn{
width: 100%;
height: auto;
float: left;
display: flex;
text-align: center;
position: relative;
justify-content: center;
box-sizing: border-box;
}
.moreBtn a{
width: 100%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
line-height: 20px;
font-size: 16px;
color: #bbb;
border: #bbb 3px solid;
text-decoration: none;
transition-property: all;
transition: 0.2s ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-weight: 600;
padding: 0px 0;
padding-top: 3px;
position: relative;
letter-spacing: 0em;
max-width: 260px;
border-radius: 40px;
}
.moreBtn a:hover{
background-color: #000;
border-color: #000;
color: #fff;
}
.headLogoMag.t-2024 {
display: flex;
align-items: center;
}
.headLogoMag.t-2024 a {
font-size: 46px;
line-height: 1.2;
}
.headLogoMag.t-2024 p{
font-size: 14px;
font-weight: bold;
margin-left: 10px;
margin-top: 20px;
margin-bottom: 0;
}
.cateFlex{
width: 100%;
display: flex;
box-sizing: border-box;
justify-content: space-between;
align-items: center;
padding: 13px 13px 8px;
flex-wrap: wrap;
}
.cardtype .cateFlex time {
margin: 0;
padding-right: 0;
}
.cateTag {
display: inline-block;
position: relative;
height: 22px;
margin: 0;
padding: 0 8px;
border-radius: 14px;
color: #000;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
line-height: 22px;
background-color: #fff000;
box-sizing: border-box;
padding-top: 2px;
}
.d-5of7 {
padding-right: 2em;
}
.follow_btn .Twitter::before {
background-color: transparent;
content: "";
background-image: url(//freenance.net/media/wp-content/themes/sango-theme/library/images/sns_x_logo_blk.png);
background-size: 50px 50px;
background-position: center center;
background-repeat: no-repeat;
}
.follow_btn a.Twitter{
color: #FFF;
position: relative;
}
.follow_btn .Twitter::after {
content: 'X';
width: 100%;
text-align: center;
font-size: 11px;
line-height: 1em;
position: absolute;
bottom: 3px;
left: 0;
color: #919191;
}
.sns-btn__item i.fa-twitter::before {
content: "";
background-image: url(//freenance.net/media/wp-content/themes/sango-theme/library/images/sns_x_logo.png);
background-size: 28px 28px;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 32px;
display: block;
}
.sns-btn__item i.fa-twitter::after {
content: 'ポスト';
width: 100%;
text-align: center;
font-size: 12px;
line-height: 1em;
position: absolute;
bottom: 6px;
left: 0;
color: #000;
}
.sns-btn__item.tw a {
color: #FFF;
}
.trueTop .pagination li:nth-last-child(2) {
display: none;
} @media only screen and (max-width: 960px) {
.heroPost dl dd{
padding: 20px 20px;
}
.heroPost dl dd h2{
font-size: 1.2em;
}
}
@media only screen and (max-width: 768px) {
#content.pageFront {
margin-top: 0 !important;
}
.onPc{
display: none !important;
}
.onSmt{
display: block!important;
}
.spMbNon{
margin-bottom: 0px !important;
}
.spMb05{
margin-bottom: 5px !important;
}
.spMb10{
margin-bottom: 10px !important;
}
.spMb20{
margin-bottom: 20px !important;
}
.spMb30{
margin-bottom: 30px !important;
}
.spMb40{
margin-bottom: 40px !important;
}
.spMb50{
margin-bottom: 50px !important;
}
.spMb60{
margin-bottom: 60px !important;
}
.spMb70{
margin-bottom: 70px !important;
}
.spMb80{
margin-bottom: 80px !important;
}
.spMb90{
margin-bottom: 90px !important;
}
.spMtNon{
margin-top: 0px !important;
}
.spMt05{
margin-top: 5px !important;
}
.spMt10{
margin-top: 10px !important;
}
.spMt20{
margin-top: 20px !important;
}
.spMt30{
margin-top: 30px !important;
}
.spMt40{
margin-top: 40px !important;
}
.spMt50{
margin-top: 50px !important;
}
.spMt60{
margin-top: 60px !important;
}
.spPl10{
padding-left: 10px !important;
}
.spPl15{
padding-left: 15px !important;
}
.spPl20{
padding-left: 20px !important;
}
.spPl25{
padding-left: 25px !important;
}
.spPl30{
padding-left: 30px !important;
}
.spPl40{
padding-left: 40px !important;
}
.spPlNon{
padding-left: 0px !important;
}
.spPr10{
padding-right: 10px !important;
}
.spPr15{
padding-right: 15px !important;
}
.spPr20{
padding-right: 20px !important;
}
.spPr25{
padding-right: 25px !important;
}
.spPr30{
padding-right: 30px !important;
}
.spPr40{
padding-right: 40px !important;
}
.spPr50{
padding-right: 50px !important;
}
.spPr60{
padding-right: 60px !important;
}
.spPrNon{
padding-right: 0px !important;
}
.spPb10{
padding-bottom: 10px !important;    
}
.spPb05{
padding-bottom: 5px !important;    
}
.spPb20{
padding-bottom: 20px !important;    
}
.spPb30{
padding-bottom: 30px !important;    
}
.spPb40{
padding-bottom: 40px !important;    
}
.spPb50{
padding-bottom: 50px !important;    
}
.spPb60{
padding-bottom: 60px !important;    
}
.spPb100{
padding-bottom: 100px !important;    
}
.spPt60{
padding-top: 60px !important;    
}
.spPtNon{
padding-top: 0px !important;    
}
.spPt10{
padding-top: 10px !important;    
}
.spPt20{
padding-top: 20px !important;    
}
.spPt30{
padding-top: 30px !important;    
}
.header {
position: fixed;
width: 100%;
top: 0;
}
.heroPost {
width: 96.4%;
margin: 0px 1.8% 0px;
}
.heroPost dl dt{
width: 100%;
}
.heroPost dl dd{
width: 100%;
padding: 13px;
}
.heroPost dl dd time {
margin:0px 0px 8px;
font-size: 13px;
}
.heroPost dl dd h2 {
margin: 0px 0px 0;
font-size: 17px;
}
.page-id-2209 .wrap {
width: 92%;
margin: 0 auto;
}
.page-id-2209 .cardtype {
width: 92%;
margin: 0 auto;
}
.pageFront .wrap {
}
.pageFront .cardtype {
}
.heroSlideBox{
margin-bottom: 40px;
margin-top: 62px;
width: 100vw;
left: -4vw;
}
.gMenu{
display: none;
}
#headSubPc.menu-headsubmenu-container {
display: none;	
}
#menuButton {
display: block;
height: 62px;
right: 0px;
position: fixed;
top: 0px;
width: 50px;
z-index: 1200;
cursor: pointer;
}
#menuButton.on {
}
#menuButton span {
display: block;
background-color: #000;
width: 24px;
height: 2px;
position: absolute;
left: 12px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
border-radius: 4px;
}
#menuButton span:first-child {
top: 22px;
}
#menuButton span:nth-child(2) {
margin-top: -1px;
top: 50%;
}
#menuButton span:last-child {
bottom: 22px;
}
#menuButton.active span:first-child {
-webkit-transform: translateY(8px) rotate(45deg);
-moz-transform: translateY(8px) rotate(45deg);
-ms-transform: translateY(8px) rotate(45deg);
transform: translateY(8px) rotate(45deg);
}
#menuButton.active span:nth-child(2) {
opacity: 0;
}
#menuButton.active span:last-child {
-webkit-transform: translateY(-8px) rotate(-45deg);
-moz-transform: translateY(-8px) rotate(-45deg);
-ms-transform: translateY(-8px) rotate(-45deg);
transform: translateY(-8px) rotate(-45deg);
}
#menuButton.active {
}
#overlay{
width: 100%;
height: auto;
position: fixed;
top: 62px;
z-index: 1100;
background-color: #f3f3f3;
overflow: scroll;
right: 0;
display: none;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.12);
max-height: calc(100% - 62px);
}
#overlay .box800 {
margin-top: 20px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
width: 100%;
margin-bottom: 18px;
max-width: 800px;
float: left;
}
ul.menuSp{
width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
background-color: #FFF;
margin: 0;
padding: 0 20px;
}
ul.menuSp.ylwBtn{
background-color: #fff000;
border-radius: 40px;
}
ul.menuSp li{
width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border-bottom: #f3f3f3 2px solid;
}
ul.menuSp li a{
width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
font-size: 14px;
font-weight: bold;
color: #000;
line-height: 52px;
}
ul.menuSp.ylwBtn a{
text-align: center;
}
ul.menuSp li a:hover{
text-decoration: none;
}
ul.menuSp li a:after {
content: "\f105";
font-family: "Font Awesome 5 Free";
position: absolute;
top: 0px;
right: 0;
display: block;
}
.heroPost dl dd .cat-name {
top: 14px;
right: 13px;
font-size: 11px;
}
.single #content, .page #content, .archive #content, .search #content {
margin-top: 62px;
}
.single .insidesp{
margin-top: 0px;
}
.headFnBtn{
display: none;
}
#headSubSp.menu-headsubmenu-container ul.menu{
width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
background-color: #FFF;
margin: 0;
padding: 0 20px;
}
#headSubSp.menu-headsubmenu-container ul.menu li{
width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border-bottom: #eee 2px solid;
}
#headSubSp.menu-headsubmenu-container ul.menu li:last-child{
border-bottom-width: 0;
}
#headSubSp.menu-headsubmenu-container ul.menu li a{
width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
font-size: 14px;
font-weight: bold;
color: #000;
line-height: 52px;
}
#headSubSp.menu-headsubmenu-container ul.menu li.dropdown-menu{
cursor: pointer;
}
#headSubSp.menu-headsubmenu-container ul.menu li.dropdown-menu a{
pointer-events: none;
}
#headSubSp.menu-headsubmenu-container ul a:hover{
text-decoration: none;
}
#headSubSp.menu-headsubmenu-container ul a:after {
content: "\f105";
font-family: "Font Awesome 5 Free";
position: absolute;
top: 0px;
right: 0;
display: block;
}
#headSubSp.menu-headsubmenu-container ul.menu li.dropdown-menu a:after{
content: "\f107";
}
#headSubSp.menu-headsubmenu-container ul.menu li ul.sub-menu{
margin: 0;
width: 100%;
height: auto;
float: left;
display: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
#headSubSp.menu-headsubmenu-container ul.menu li ul.sub-menu li{
border-bottom: #eee 0px solid;
border-top: #eee 2px dotted;
width: calc(100% - 13px);
margin-left: 13px;
}
#headSubSp.menu-headsubmenu-container ul.menu li ul.sub-menu li a{
line-height: 48px;
font-size: 13px;
pointer-events: auto;
}
#headSubSp.menu-headsubmenu-container ul.menu li.dropdown-menu ul.sub-menu li a:after{
content: "\f105";
}
.Started {
padding: 30px 25px;
}
.Started__inner {
height: 60px;
}
.Started__btn {
font-size: .875rem;
max-width: 280px;
width: auto;
}
.Started__btn > a:first-of-type {
width: 280px;
height: 60px;
line-height: 60px;
border-radius: 40px;
font-size: .875rem;
}
.Started__balloon {
top: -15px;
right: -28px;
width: 60px;
height: 60px;
background-size: 60px auto;
letter-spacing: -.08em;
}
.Started__balloonInner {
padding-top: 4px;
}
.Started__fontS {
font-size: .5625rem;
}
.Started__fontL {
font-size: 1.875rem;
}
.Started__fontM {
font-size: .75rem;
}
.headExNav{
display: none;
}
#headMainPc{
display: none;
}
#logo.magLogoSp{
display: table;
}
.headLogoMag{
display: none;
}
#headMainSp.menu-headsubmenu-container ul.menu{
width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
background-color: #FFF;
margin: 0;
padding: 0 20px;
}
#headMainSp.menu-headsubmenu-container ul.menu li{
width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border-bottom: #eee 2px solid;
}
#headMainSp.menu-headsubmenu-container ul.menu li:last-child{
border-bottom-width: 0;
}
#headMainSp.menu-headsubmenu-container ul.menu li a,#headMainSp.menu-headsubmenu-container ul.menu li span{
width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
font-size: 14px;
font-weight: bold;
color: #000;
line-height: 52px;
}
#headMainSp.menu-headsubmenu-container ul.menu li.dropdown-menu{
cursor: pointer;
}
#headMainSp.menu-headsubmenu-container ul.menu li.dropdown-menu a{
pointer-events: none;
}
#headMainSp.menu-headsubmenu-container ul a:hover{
text-decoration: none;
}
#headMainSp.menu-headsubmenu-container ul a:after,#headMainSp.menu-headsubmenu-container ul span:after {
content: "\f105";
font-family: "Font Awesome 5 Free";
position: absolute;
top: 0px;
right: 0;
display: block;
}
#headMainSp.menu-headsubmenu-container ul.menu li.dropdown-menu a:after,#headMainSp.menu-headsubmenu-container ul.menu li.dropdown-menu span:after{
content: "\f107";
}
#headMainSp.menu-headsubmenu-container ul.menu li ul.sub-menu{
margin: 0;
width: 100%;
height: auto;
float: left;
display: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
#headMainSp.menu-headsubmenu-container ul.menu li ul.sub-menu li{
border-bottom: #eee 0px solid;
border-top: #eee 2px dotted;
width: calc(100% - 13px);
margin-left: 13px;
}
#headMainSp.menu-headsubmenu-container ul.menu li ul.sub-menu li a{
line-height: 48px;
font-size: 13px;
pointer-events: auto;
}
#headMainSp.menu-headsubmenu-container ul.menu li.dropdown-menu ul.sub-menu li a:after{
content: "\f105";
}
.borderSection{
width: 100%;
height: 1px;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;	
border-bottom:#d2d2d2 1px solid;
margin-top: 30px;
margin-bottom: 30px;
}
.breadcrumb-area{
padding: 13px 15px;
background: #f4f4f4;
}
.btn_top_txt{
font-size: 11px;
top: 14px;
letter-spacing: -0.03em;
}
.btn_bottom_txt{
font-size: 10px;
bottom: 6px;
left: 0;
letter-spacing: -0.03em;
}
.Started__btn > a.btn2022:first-of-type {
font-size: 20px;
height: 70px;
line-height: 60px;
padding-top: 11px;
}
.Footer {
width: 100%;
min-width: 100%;
}
.Footer__inner {
width: auto;
padding: 72px 25px 60px;
}
.Footer__nav {
width: 100%;
display: block;
}
.Footer__service {
width: 100%;
margin: 60px 0 0;
}
.Footer__navList {
width: 100%;
padding: 0;
}
.Footer__navList li {
border-bottom: 1px solid #333;
}
.Footer__navList a {
display: block;
line-height: 1;
padding: 15px 0;
}
.Footer__navList a::before {
width: 5px;
height: 5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 50%;
right: 0;
margin-top: -3.5px;
left: inherit;
background-image: none;
}
.Footer__navList.-child {
border-top: 1px solid #333;
}
.Footer__logo {
text-align: center;
}
.Footer__logo img {
width: 210px;
height: 41px;
}
.Footer__sns {
justify-content: center;
}
.Footer__copyright {
padding: 0;
text-align: center;
margin: 34px 0 0;
margin-bottom: 0px;
}
.Footer__navList a[target="_blank"]::before {
display: none;
}
.Footer__navList a[target="_blank"]::after {
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
}
.Footer__navList li a.nowrap{
white-space: normal;
line-height: 1.2;
padding-right: 20px;
}
.Footer__navList li a.nowrap::before {
content: "";
display: block;
width: 5px;
height: 5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 50%;
right: 0;
margin-top: -3.5px;
}
.Footer__navList span.nonLink {
display: block;
line-height: 1;
padding: 15px 0;
}
.Footer__navList span.nonLink::before {
width: 5px;
height: 5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 50%;
right: 0;
margin-top: -3.5px;
left: inherit;
background-image: none;
}
.Footer__navList li a.nowrap.ddAdjust {
white-space: normal;
display: block;
line-height: 1.2em;
}
.Footer__navList li a.nowrap.ddAdjust::before {
top: 50%;
}
.Footer__navList .menuOpen span.nonLink::before {
transform: rotate(135deg);
}
.cateTitle{
width: 100%;
font-size: 18px;
margin-left: 0%;
margin-right: 0%;
}
.headLogoMag.t-2024 {
display: none;
}
.cateTag {
height: 20px;
font-size: 10px;
line-height: 20px;
padding-top: 1px;
}
.d-5of7 {
padding-right: 0em;
}
} @media only screen and (max-width: 480px) {
.profileBox .box-content img{
width: 100%;
margin-right: 0 !important;
margin-bottom: 10px;
}
}
 .cFootWrapper{
width:100%;
height:auto;
margin: 0 auto;
max-width: 1060px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
padding-top: 20px;
padding-bottom: 40px;
}
.cFooterLogo{
width:100%;
height:auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
}
.cFooterLogo img{
width: auto;
height: 18px;
}
.gsFlex2025 {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 40px;
}
.gsMr{
margin-right: 10px;
}
@media screen and (max-width:767px){
.cFootWrapper{
}
.cFooterLogo{
text-align: center;
padding-left: 0px;
padding-right: 0px;
}
.gsFlex2025 {
margin-bottom: 0;
margin-top: 40px;
}	
}.bx-wrapper {
position: relative;
margin: 0 auto ;
padding: 0;
*zoom: 1;
z-index: 1;
}
.bx-wrapper img {
display: block;
} .bx-wrapper .bx-viewport {
width: 100% !important;
margin: 0 auto !important;
overflow: visible !important;
min-width: 100%;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -40px;
width: 100%;
z-index:1000;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//freenance.net/media/wp-content/themes/sango-theme/css/images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
text-indent: -9999px;
display: block;
width: 8px;
height: 8px;
margin: 5px 8px;
outline: 0;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border:#FFF 0px solid;
background: #ccc;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #fff000;
border:#FFF 0px solid;
} .bx-wrapper .bx-prev {
left: 10px;
background: url(//freenance.net/media/wp-content/themes/sango-theme/css/images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(//freenance.net/media/wp-content/themes/sango-theme/css/slider-btn-next.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 10;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(//freenance.net/media/wp-content/themes/sango-theme/css/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//freenance.net/media/wp-content/themes/sango-theme/css/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}   #heroSlider {
float: left;
width: 100%;
height:auto;
position:relative;
}
@media screen and (max-width:736px){
}@font-face{font-family:"sgb-icon";src:url(//freenance.net/media/wp-content/plugins/sango-theme-gutenberg/dist/fonts/sgb-icon.eot?u6haf4);src:url(//freenance.net/media/wp-content/plugins/sango-theme-gutenberg/dist/fonts/sgb-icon.eot?u6haf4#iefix) format("embedded-opentype"),url(//freenance.net/media/wp-content/plugins/sango-theme-gutenberg/dist/fonts/sgb-icon.ttf?u6haf4) format("truetype"),url(//freenance.net/media/wp-content/plugins/sango-theme-gutenberg/dist/fonts/sgb-icon.woff?u6haf4) format("woff"),url(//freenance.net/media/wp-content/plugins/sango-theme-gutenberg/dist/fonts/sgb-icon.svg?u6haf4#sgb-icon) format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=sgb-icon-],[class*=" sgb-icon-"]{font-family:"sgb-icon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sgb-icon-cross:before{content:""}.sgb-icon-triangle:before{content:""}.sgb-icon-circle:before{content:""}.sgb-icon-double-circle:before{content:""}.sgb-icon-check:before{content:""}.sgb-table-icon{display:flex;justify-content:center;align-items:center;position:relative;z-index:1;font-family:"sgb-icon";speak:never;min-height:40px;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sgb-table-icon:before{font-size:2em;font-weight:bold;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1}.sgb-table-icon[data-type=triangle]:before{content:"";color:rgba(255,179,107,.5)}.sgb-table-icon[data-type=cross]:before{content:"";color:rgba(248,128,128,.5)}.sgb-table-icon[data-type=circle]:before{content:"";color:rgba(91,169,247,.5)}.sgb-table-icon[data-type=double-circle]:before{content:"";color:rgba(144,213,129,.5)}.sgb-table-icon[data-type=check]:before{content:"";color:rgba(144,213,129,.5)}