@charset "UTF-8";
@charset 'UTF-8';
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
[class*='col-'] {
float: left;
padding-right: 20px; line-height:0;
}
.grid {
width: 100%;
max-width: 1200px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
position:relative;
}
.grid-1100 {
width: 100%;
max-width: 1200px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
position:relative;
}
.grid:after {
content: "";
display: table;
clear: both;
}
.gridi-1100:after {
content: "";
display: table;
clear: both;
} .col-1-1	{width: 100%;}
.col-2-3,
.col-8-12	{width: 66.66%;}
.col-1-2, 
.col-6-12	{width: 50%;}
.col-6-13       {width: 46.15%;}
.col-2-5	{width: 40%;}
.col-3-5	{width: 60%;}
.col-1-3,
.col-4-12	{width: 33.33%;}
.col-1-4, 
.col-3-12	{width: 24%;}
.col-1-5	{width: 20%;}
.col-4-5	{width: 80%;}
.col-1-6, 
.col-2-12	{width: 16.667%;}
.col-1-7	{width: 14.28%;}
.col-1-8	{width: 12.5%;}
.col-1-9	{width: 11.1%;}
.col-1-10	{width: 10%;}
.col-1-11	{width: 9.09%;}
.col-1-12	{width: 8.33%} .col-5-12	{width: 41.66%;}
.col-5-11       {width: 45.45%;}
.col-7-12	{width: 58.33%}
.col-9-12	{width: 75%;}
.col-10-12	{width: 83.333%;}
.col-11-12	{width: 91.66%} .push-2-3, .push-8-12 {
margin-left: 66.66%;
}
.push-1-2, .push-6-12 {
margin-left: 50%;
}
.push-1-3, .push-4-12 {
margin-left: 33.33%;
}
.push-1-4, .push-3-12 {
margin-left: 25%;
}
.push-1-5 {
margin-left: 20%;
}
.push-1-6, .push-2-12 {
margin-left: 16.667%;
}
.push-1-7 {
margin-left: 14.28%;
}
.push-1-8 {
margin-left: 12.5%;
}
.push-1-9 {
margin-left: 11.1%;
}
.push-1-10 {
margin-left: 10%;
}
.push-1-11 {
margin-left: 9.09%;
}
.push-1-12 {
margin-left: 8.33%
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.grid {
width: 100%;
min-width: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 10px;
padding-right: 10px;
}
}
@media handheld, only screen and (max-width: 767px) {
.grid {
width: 100%;
min-width: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 10px; padding-right: 10px; }
[class*='col-'] {
width: 100%;
float: none;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
padding-right: 0px; } [class*='mobile-col-'] {
float: left;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
padding-right: 0px; padding-bottom: 0px;
}
.mobile-col-1-1		{width: 100%;}
.mobile-col-2-3,
.mobile-col-8-12	{width: 66.66%;}
.mobile-col-1-2, 
.mobile-col-6-12	{width: 50%;}
.mobile-col-1-3,
.mobile-col-4-12	{width: 33.33%;}
.mobile-col-1-4,
.mobile-col-3-12	{width: 25%;}
.mobile-col-1-5		{width: 20%;}
.mobile-col-1-6, 
.mobile-col-2-12	{width: 16.667%;}
.mobile-col-1-7		{width: 14.28%;}
.mobile-col-1-8		{width: 12.5%;}
.mobile-col-1-9		{width: 11.1%;}
.mobile-col-1-10	{width: 10%;}
.mobile-col-1-11	{width: 9.09%;}
.mobile-col-1-12	{width: 8.33%} .mobile-col-5-12	{width: 41.66%;}
.mobile-col-7-12	{width: 58.33%;}
.mobile-col-9-12	{width: 75%;}
.mobile-col-10-12	{width: 83.333%;}
.mobile-col-11-12	{width: 91.66%}
.hide-on-mobile {
display: none !important;
width: 0;
height: 0;
}
}.slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
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
{
display: block;
}
.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-loading .slick-list{background: #fff url(//gaiax-socialmedialab.jp/wp-content/themes/original/images/ajax-loader.gif) center center no-repeat;} @font-face{
font-family: 'slick';
font-weight: normal;
font-style: normal;  } .slick-prev,
.slick-next{
font-size: 0;
line-height: 0;
position: absolute;
top: 48%;
display: block;
width: 40px;
height: 40px;
padding: 0;
margin-top: -10px\9; -webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index:100;
-moz-transform:    scale( 1.2, 2 );
-webkit-transform: scale( 1.2, 2 );
transform:         scale( 1.2, 2 );
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
opacity: .25;
}
.slick-prev:before,
.slick-next:before{
font-family: 'slick';
font-size: 40px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev{left: 280px;}
[dir='rtl'] .slick-prev{right: 280px;left: auto;}
.slick-prev:before{content: '<';}
[dir='rtl'] .slick-prev:before{content: '>';}
.slick-next{right: 280px;}
[dir='rtl'] .slick-next{right: auto;left: 280px;}
.slick-next:before{content: '>';}
[dir='rtl'] .slick-next:before{content: '<';} .slick-slider{margin-bottom: 30px;}
.slick-dots{
position: absolute;
bottom: -45px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
opacity: 1;
}
.slick-dots li button:before{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
opacity: .75;
color: black;
}
  * {	font-size: 100%; 
margin: 0px;
padding: 0px;
outline:none;
}
body,h1, h2, h3, h4, h5,p,
ul, ol, li, dl, dt, dd,
table,
form, input {
margin: 0;
padding: 0;
}
img ,
a img {
border: none;
vertical-align: bottom;
}
img:focus{
outline: none;
}
th {
font-weight: lighter;
}
ul, ol {
list-style: none;
} body{
color: #555;
font-size: 14px; 
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
line-height: 150%;
margin: 0;
padding: 0;
}
hr	{border: none;
border-top:1px solid #e8e8e8;
}
p	{font-size: 14px;
color: #555;
line-height: 150%;
word-wrap:break-word;
}
big		{font-size:150%;}
small	{font-size:60%;}
b		{font-weight:bold;}
em		{font-weight:bold;font-style:normal;}
strong	{font-weight:bold;}
del		{display:block;}
code	{display:block;}
ins		{background:#e8f5fa; text-decoration: none;}
i		{font-style:italic;}
form input[type="text"]	{ color:#333333;}
form input[type="text"]:focus{color:#222;} a {
color: #199ece;
transition: 0.4s;
-webkit-transition: 0.4s;
text-decoration: none;
outline:none;
}
a:hover {
cursor: pointer;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
opacity: 0.7;
text-decoration: none;
}
div > a:hover {
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
opacity: 1;
}  h1 , .h1 {font-size: 40px;}
h2 , .h2 { font-size: 20px;}
h3 , .h3 {font-size: 24px;}
h4 , .h4 {font-size: 20px;}
h5 , .h5 {font-size: 18px;}
h6 , .h6 {font-size: 16px;} .b-radius		{border-radius: 8px;}
.b-radius-top	{border-radius: 8px 8px 0px 0px;}
.b-radius-right {border-radius: 0px 8px 8px 0px;}
.b-radius-left	{border-radius: 8px 0px 0px 8px;}
.b-radius-bottom{border-radius: 0px 0px 8px 8px;} .b-gray		{border: 1px solid #e8e8e8;}
.b-lightblue{border: 1px solid #e8f5fa;}
.b-white	{border: 1px solid #fff;} .al-center	{text-align: center;}
.al-left	{text-align: left;}
.al-right	{text-align: right;} .fl-left	{float: left !important;}
.fl-right	{float: right !important;} .clearfix {
display: inline-block;
line-height:0;
}
.clearfix:after {
clear:both;
content: ".";
display:block;
font-size:0.1em;
height:0;
line-height:0;
overflow:hidden;
visibility:hidden;
} .clearfix.block {
display:block;
}/*\*/* html .clearfix {
height: 1%;
}/**/.clear{
clear:both;
} * html .clearfix {
zoom: 1;
} *:first-child+html .clearfix {
zoom: 1;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} a.btn {
background-color: #0070A7;
border-radius: 5px;
color: #ffffff;
font-weight: bold;
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
padding: 20px;
margin:0 0 5px;
line-height:100%;
width:auto;
min-width:32.9%;
height:auto;
text-align:center;
}
a.btn.w50	{width: 50%;} .bread-crumb {
clear: both;
color: #222;
display:block;
font-size:12px;
margin: 0 auto;
overflow:hidden;
padding:5px 10px;
margin: 0 auto;
width: 100%;
background:#fff;
margin-top:10px;
margin-bottom:10px;
float:left;
}
.bread-crumb p{
font-size:12px;
margin: 0;
}
.bread-crumb span {
margin-left: 5px;
margin-right: 5px;
} .pc-only{display:block;}
.sp-only{display:none;} .header {
width: 100%;
}
.header .logo{ padding-top: 12px;
padding-bottom: 12px;
height:100px;
padding-right: 24px;
}
.header .logo a{
width:100%;
height:auto;
display: block;
margin:0;
padding:0;
position:relative;
}
.header .logo img {
display: block;
width:100%;
height:auto;
margin-top: 10px;
}
.head-sns {
float: right; margin: 0 0 6px;
}
.head-sns-nav {
padding: 0;
margin: 0;
}
.head-sns-nav li{
float: left; margin-left:6px;
text-align:center;
}
.head-sns-nav li a{
display:block; width:34px;
height:34px;
}
a.bg-line { position:relative; }
.icon-line {
position: absolute;
top: 20%;
left: 22%;
} .gnav-wrap {
width:100%;
height: auto;
margin:0;
padding:0;
position: relative;
clear:both;
}
.gnav-wrap-tablet {
width:80%;
height: auto;
margin:0;
padding:0;
position: relative;
}
.gnav-wrap-left {
width:100%;
height: auto;
margin:0;
padding:0;
position: relative;
clear:both;
float:left;
}
#nav-toggle {
display: none;
} #pc-menu{
margin: 0;
width: 100%;
}
#pc-menu.gnav-30{
margin-top: 30px;        
width: 100%;
}
#pc-menu.gnav-35{
margin-top: 35px;
}
#pc-menu li{
display: block;
float:left;
width: 16%;
line-height: 150%; }
#pc-menu li.gnav-btn{
display: block;
float:left;
width: 50%;
text-align: right;
line-height: 150%;
}
#pc-menu li.gnav-btn-top{
width:100%;
font-size: 12px;
text-align:center;
font-weight: bold;
border-left: 1px solid #333;
}
#pc-menu li.gnav-btn-top img {
height:7%;
width:7%;
margin-bottom:3px
}
#pc-menu li.head-search {
width: 20%;
}
#pc-menu li.head-search span {
display: block;
margin-left: 0px;
}
.gnav-wrap li a{
color: #222;
display: block;
font-size: 14px;
font-weight: bold; padding: 10px 0 6px;
text-align: center;
text-decoration: none;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif, cursive;
}
.gnav-wrap li a small{font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;color: #666;}
.gnav-wrap li a:hover { background: #222;
color: #fff;
opacity: 1;
}
.gnav-wrap-tablet li a{
color: #222;
display: block;
font-size: 14px;
font-weight: bold; padding: 10px 0 6px;
text-align: center;
text-decoration: none;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif, cursive;
}
.gnav-wrap-tablet li a small{font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;color: #666;}
.gnav-wrap-tablet li a:hover { background: #222;
color: #fff;
opacity: 1;
}
.gnav-20 {
margin-top: 20px;
}
.gnav-btn {
width: 50%;
}
.gnav-btn img {
width: 90%; 
height:90%;
}
.post-type-archive-fbcase .gnav-wrap li a:hover,
.post-type-archive-service .gnav-wrap li a:hover,
.tax-fbcasecat .gnav-wrap li a:hover,
.single-fbcase .gnav-wrap li a:hover,
.single-service .gnav-wrap li a:hover {
background: #0070A7;
}
.gnav-wrap li a:hover small {color: #fff;}
.gnav-wrap li.current{background-color: #f0f0f0;} .gnav-wrap-tablet li a:hover small {color: #fff;}
.gnav-wrap-tablet li.current{background-color: #f0f0f0;} .post-type-archive-fbcase .gnav-wrap li.current,
.post-type-archive-service .gnav-wrap li.current,
.tax-fbcasecat .gnav-wrap li.current,
.single-fbcase .gnav-wrap li.current,
.single-service .gnav-wrap li.current {
background: #e8f5fa;
}
.gnav-wrap li.current a{ color:#222;}
.gnav-wrap li small{font-size: 10px;}
.gnav-wrap li.current a small{ color:#222;}
.gnav-wrap li.current a:hover,
.gnav-wrap-tablet li.current a{ color:#222;}
.gnav-wrap-tablet li small{font-size: 10px;}
.gnav-wrap-tablet li.current a small{ color:#222;}
.gnav-wrap-tablet li.current a:hover,
#pc-menu li.current a:hover small { background-color:#222;
color: #fff;
}
.post-type-archive-fbcase .gnav-wrap li.current a:hover,
.post-type-archive-service .gnav-wrap li.current a:hover,
.tax-fbcasecat .gnav-wrap li.current a:hover,
.single-fbcase .gnav-wrap li.current a:hover,
.single-service .gnav-wrap li.current a:hover {
background-color:#0070A7;
}
.post-type-archive-fbcase #pc-menu li.current a:hover small,
.post-type-archive-service #pc-menu li.current a:hover small,
.tax-fbcasecat #pc-menu li.current a:hover small,
.single-fbcase #pc-menu li.current a:hover small,
.single-service #pc-menu li.current a:hover small {
background-color:transparent;
} .megamenu {
position: relative;
z-index: 1;
width:100%;
}
#pc-menu .megamenu li , 
#tablet-menu .megamenu li {
width:100%;
text-align:left;
margin-bottom:1px;
}
#pc-menu .megamenu li a , 
#tablet-menu .megamenu li a{
text-align:left;
font-size:10px;
line-height:120%;
padding:10px;
background:#fff;
}
#pc-menu .megamenu li a:hover , 
#tablet-menu .megamenu li a:hover{
color:#0070A7;
}
ul.megamenu a.mm-item-link:link, 
ul.megamenu a.mm-item-link:visited {
position: relative;
z-index: 10;
}
.mm-item-link-hover{background-color: #e8f5fa;}
li.current .mm-item-link-hover:link{background-color: #f0f0f0;}
.mm-item-content{
position: fixed;
width: 1200px;
z-index: 100;
} .headline-box{
line-height: 150%;
padding: 10px 0px;
text-align: center;
width: 100%;
position:relative;
}
.headline-box h1 { font-size: 16px;
text-align:left;
font-family: 'Open Sans', cursive;
}
.headline-box h1 small{font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;}
.headline-box p {
text-align:right; padding-top:6px;
font-size: 11px;
} .main-col {
float: left;
line-height:0;
}  .no-list{
padding-left:0!important;
margin:0;
list-style:none!important;
} .cat-nav{
position:absolute;
top:0;
left:0;
line-height:150%;
}
.cat-nav li{
display:inline-block; font-size:10px;
width:auto;
margin:0 1px 1px 0;
padding:0;
}
.cat-nav li a{
display:inline-block;
background:#222;
width:auto;
height:auto; padding:3px 5px;
color:#fff;
}
.cat-nav li a:hover{color:#fff;} .tag-nav{
padding:0;
margin:0;
}
.slider-child .tag-nav{
margin-top:1px;
}
.tag-nav li{
display:inline; font-size:11px;
width:auto; margin:0 6px 3px 0 !important;
padding:0;
float: left;
}
.tag-nav li a{
display:inline-block;
background:#fff;
width:auto;
height:auto;
padding:5px;
color:#222;
}
.tag-nav li a:hover{
color:#199ece;
} .accordion-nav{
padding:0;
margin:0;
width:100%;
font-size:12px;
}
.accordion-nav li{
height: auto;
line-height:150%;
margin:0 0 1px 0;
width:100%;
height:auto;
padding:0;
position: relative;
float:none;
}
.accordion-nav li a{
margin:0;
padding:10px;
background:#e8f5fa;
width:100%;
height:auto;
font-weight: bold;
}
.accordion-nav li a:hover{
color:#555;
}
.accordion-nav li:first-child a{
background:#0070A7;
color:#fff;
font-size:18px;
}
.accordion-nav li:first-child a:hover{
background:#0070A7;
color:#fff;
}
.accordion-nav li li:first-child a{
background:#e8f5fa;
color:#555; font-size:12px;
}
.accordion-nav li li:first-child a:hover , 
.accordion-nav li:first-child a:hover{
background:#e8f5fa;
color:#555;
}
.accordion-nav li li li:nth-child(n) a:hover {
background:#fff;
color:#199ece;
}
.accordion-nav .child {
display: none;
margin: 0 0 -1px;
padding: 0;
background: #fff;
}
.accordion-nav .child .menu {
background: #f0f0f0;
color: #5e5e5e;
border-bottom: 1px solid #ddd;
}
.accordion-nav .child .menu:hover {
background: #f0f0f0;
}
.accordion-nav .child > li {
margin: 0;
padding: 0;
}
.accordion-nav .child:last-child ,
.accordion-nav .child > li:last-child {
border-bottom: 0;
}
.accordion-nav .child.child02 > li a {
background: #fff;
}
.child01 {
border: 1px solid #e8e8e8;
}
.child02 {
color: #222;
} .entry {
line-height:150%;
background: #fff;
padding:10px;
}
.entry:after {
content: "";
display: table;
clear: both;
}
.entry h1 , .entry h2 , .entry h3 , .entry h4 , .entry h5 , .entry h6{
width:100%;
padding:10px;
background:#293248;
color:#fff;
margin-top:30px;
clear:both;
display: inline-block;
line-height:150%;
}
.entry h1{background:#0070A7;}
.entry h2{background:#293248;}
.entry h3{background:#3e465a;}
.entry h4{background:#545b6d;}
.entry h5{background:#696f7f;}
.entry h6{background:#7f8491;}
.single .entry h1{ background:transparent;color:#222;font-size:30px;line-height:135%;}
.single .entry h2{background:#222;font-size:24px;line-height:135%;}
.single .entry h3{ background:#999;font-size:20px;}
.single .entry h4{ background:#fff;color:#222;font-size:18px;border-bottom:solid 2px #222;}
.single .entry h5{background:#888;}
.single .entry h6{background:#999;}
.page .entry h1{background:transparent;color:#222;font-size:30px;line-height:135%;}
.page .entry h2{background:#222;font-size:24px;line-height:135%;}
.page .entry h3{background:#999;font-size:20px;}
.page .entry h4{background:#fff;color:#222;font-size:18px;border-bottom:solid 2px #222;}
.post-type-archive-qa .entry h1{background:transparent;color:#222;font-size:30px;line-height:135%;}
.post-type-archive-case .entry h1{background:transparent;color:#222;font-size:30px;line-height:135%;}
.post-type-archive-fbcase .entry h1{background:transparent;color:#222;font-size:30px;line-height:135%;}
.post-type-archive-service .entry h1{background:transparent;color:#222;font-size:30px;line-height:135%;}
.tax-fbcasecat .entry h1{background:transparent;color:#222;font-size:30px;line-height:135%;}
.single-service .entry h1{background: #0070A7;color:#fff;font-size:30px;line-height:135%;}
.single .entry h2,
.page .entry h2 {
position: relative;
display: inline-block;
width: 100%;
color: #fff;
text-align: left;
background: #222;
z-index: 0;
margin-bottom: 15px;
}
.single .entry h2:after,
.page .entry h2:after {
content: "";
position: absolute;
bottom: -12px; left: 0;
margin-left: 0;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 12px 12px 0;
border-color: transparent #222 transparent transparent;
z-index: -1;
}
.home.page .entry h2 { margin-bottom: 0px; }
.home.page .entry h2:after { display: none;}
.home .entry h1 , .home .entry h2 , .home .entry h3 , .home .entry h4 , .home .entry h5 , .home .entry h6{
background:#222;
margin-top:0;
}
.entry h2:first-child , .entry h3.mt0{margin-top:0;}
.entry h2 img.logom {
width: 52px;
height: auto;
padding: 0;
float: left;
margin-right: 10px;
margin-left: -10px;
margin-top: -10px;
margin-bottom: -10px;
}
.entry img{
padding:10px;
display: block;
max-width:640px;
width:auto;
height:auto;
}
.entry img.avatar{
padding:10px;
display: block;
width:96px;
height:96px;
}
.entry img.alignleft{float:left;}
.entry img.aligncenter{float:none; margin:0 auto;}
.entry img.alignright{float:right;}
.entry img.size-full {
box-sizing:content-box;
padding:0;
float:none;
margin:0 auto; max-width:100%;
height:auto;
}
.entry p{
width:100%;
padding:10px ;
}
.entry blockquote{
width:100%;
margin: 10px;
padding: 0 20px 0 10px;
border-left: 1px solid #888;
color:#888;
}
.entry ul , .entry ol{ list-style-type:disc; padding:20px;
margin-left: 10px;
margin-right: 10px;
background: #f0f0f0;
}
.single .entry ul li, .single .entry ol li{
margin-left: 20px;
}
.entry ol{list-style-type:decimal;}
.entry ul ul{list-style-type:circle;padding:10px 0 0;}
.entry ul ul ul{list-style-type:square;}
.entry ul ul , .entry ol ol , .entry ol ul , .entry ul ol {margin-left: 40px;}
.entry span	{font-weight:bold;}
.entry small{font-size: 80%;}  .home-content-nav{
padding:0;
margin:0 0 20px 0;
width:100%;
}
.home-content-nav li{
height: auto;
margin:0 0 1px 0;
width:100%;
height:auto;
padding:0;
}
.home-content-nav li a{
margin:0;
display:inline-block; padding:8px 10px;
background:#fff;
width:100%;
height:auto;
font-weight: bold;
color:#555; line-height:140%;
}
.home-content-nav li:first-child a{
background:#222;
color:#fff; font-size:16px;
}
.home-content-nav li > ul > li{
width:50%;
margin-bottom:0;
}
.home-content-nav li > ul > li:first-child a{
background:#fff;
color:#555;
font-size:inherit;
}
[class*='icon-'].fa-4x{
font-size:3.4em;
}
.icon-nav{
margin:20px 0;
}
.icon-nav a{
margin:0 10px;
}
.smscompany-list { padding: 5px 10px 20px;
}
.smscompany-list img {
width: 100%;
height: auto;
}
.smscompany-list p {
background-color: #fff;
padding: 5px;
font-size: 12px;
font-weight: bold;
text-align: center;
height: 45px;
}
.case-lead img {
width: 100%;
}
.case-box .post-box.post2{ height:140px;}
.case-box .post-box.post2 .post-title {font-size: 14px;}
.graphTable th, .graphTable td {
padding: 3px;
text-align: center;
font-size: 10px;
line-height: 1.35;
letter-spacing: 0;
}
.graphTable th, .graphTable td p {
font-size: 10px;
}
.graphTable td img {
width: 50px;
height: auto;
padding: 3px;
}
.graphTable td img.viewTooltip {
width: 20px;
}
.graphTable .w32 { width: 32px; }
.graphTable .w80 { width: 50px; }
.graphTable .w110 { width: 70px; }
.graphTable .date { width: 78px; }
.graphTable .w70 { width: 45px; }
.graphTable .w100 { width: 65px !important; }
.graphTable .w120 { width: 100px; }
.entry .footer-nav ul {
padding: 10px;
background: transparent;
}
.entry .footer-nav li:first-child {
font-weight: bold;
padding-bottom: 5px;
} .page-template-page-form .post-box.post5 {
float: left;
width: 50%;
background-color: #fff;
margin-top: 1.5%;
margin-bottom: 5%;
}
.page-template-page-form .entry h4 {
margin-top: 10px;
margin-bottom: 10px;
}
.page-template-page-form a:hover img {
opacity: 0.7;
}
.page-template-page-form-nonheader .post-box.post5 {
float: left;
width: 50%;
background-color: #fff;
margin-top: 1.5%;
margin-bottom: 5%;
}
.page-template-page-form-nonheader .entry h4 {
margin-top: 10px;
margin-bottom: 10px;
}
.page-template-page-form-nonheader a:hover img {
opacity: 0.7;
}  ul.pages li,.nav-previous,.nav-next {
background-color: #0070A7;
color: #ffffff;
float: left;
font-size: 17px;
font-weight: bold;
margin: 0px 10px 10px 0px;
padding: 5px 10px;	
}
ul.pages li a,.nav-previous a,.nav-next a{
color: #ffffff;
display: block; 
}
ul.pages li span.current {
color: #ff9900;
}
.pagination {
clear:both;
padding:0;
position:relative;
font-size:12px;
line-height:150%;
} .wp-pagenavi a, .wp-pagenavi span {
display:block;
float:left;
margin: 0 10px 0px 0;
padding:5px 10px 4px 10px !important;
text-decoration:none;
min-width:30px;
height:30px;
color:#222;
background: #f0f0f0 !important;
text-align:center;
overflow:hidden;
}
.wp-pagenavi a, .wp-pagenavi span {
border: none !important;
margin: 2px;
}
.pagination a:hover{
color:#fff !important;
background: #222 !important;
}
.pagination .current{
padding:5px 10px 4px 10px;
background: #222 !important;
color:#fff;
} .blog .entry,
.tax-comtag .entry,
.search .entry,
.error404 .entry,
.post-type-archive-seminar .entry {
padding: 0 0 10px 0;
background-color: transparent;
}
.blog .post-box,
.tax-comtag .post-box,
.search .post-box,
.error404 .post-box {
margin-top: 20px;
}
.blog .post-box.post1,
.tax-comtag .post-box.post1 {
margin-top: 0;
}
.blog .post-box.post5,
.home .post-box.post5,
.tax-comtag .post-box.post5,
.search .post-box.post5,
.error404 .post-box.post5 {
height: 365px;
background: transparent;
}
.page.home .post-box.post5 {
height: auto; height: auto;
float: left;
width: 23.5%;
background-color: #fff;
margin-right: 2%;
margin-bottom: 20px;
}
.page.home .post-box.post5.no-pad {
margin-right: 0%;
}
.page.home .post-box.post5 .post-img a img {
display: block;
width: 100%;
height: auto;
min-height: 100%;
object-fit: cover;
}
.blog .post-box.post5 .post-text,
.single .post-box.post5 .post-text,
.tax-comtag .post-box.post5 .post-text,
.search .post-box.post5 .post-text,
.error404 .post-box.post5 .post-text {
height: 225px;
}
.single .post-box.post5 .post-text {
height: 285px;
}
.post-type-archive-seminar .post-box.post5 .post-text {
height: 450px;
}
.taxtitle {
background-color: #f0f0f0;
border: solid 10px #fff;
line-height: 1;
font-size: 22px;
font-weight: bold;
padding: 20px;
text-align:center;
position: relative;
}
.taxtitle:after {
content: "";
position: absolute;
bottom: -20px; left: 50%;
margin-left: -10px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 20px 20px 0 20px;
border-color: #fff transparent transparent transparent;
}
.taxtitle-logo {
margin-bottom: 20px;
}
.taxtitle-logo img {
width: 60px;
height: auto;
}
.home .social-area,
.blog .social-area,
.post-type-archive-seminar .social-area {
float: left;
}
.entry ul.qacts,
.entry ul.servicects {
list-style-type: none;
padding: 0;
margin-left: 10px;
margin-right: 10px;
background: transparent;
}
.entry ul.qacts li ul,
.entry ul.servicects li ul {
margin-left: 60px;
background-color: transparent;
padding: 0px 0 0;
}
.entry ul.qacts > li,
.entry ul.servicects > li {
border-bottom: solid 1px #ddd;
width: 100%;
padding-bottom: 10px;
margin-bottom: 10px;
margin-left: 0px;
}
.entry ul.qacts li a {
line-height: 135%;
}
.entry ul.qacts li span {
position: relative;
display: inline-block;
padding: 0 15px;
width: auto;
height: 40px;
color: #fff;
line-height: 40px;
text-align: center;
background: #445;
border-radius: 5px;
font-size: 18px;
z-index: 0;
margin-right: 15px;
float: left;
}
.entry ul.qacts li span:after {
content: "";
position: absolute;
top: 60%; right: -6px;
margin-top: -10px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 6px 0 6px 6px;
border-color: transparent transparent transparent #445;
}
.entry-nopad {
padding: 0px !important;
}
.entry.entry-qa {
background-color: #fff;
padding: 10px 0;
}
.entry ul.servicects li img {
width:40px;
padding: 0;
float: left;
margin-right: 20px;
}
.entry ul.servicects li.clearfix > a {
display: inline-block;
line-height: 40px;
}
.tax-comtag .entry.entry-svc {
background-color: #fff;
}
.tax-comtag .entry.entry-svc .footer-nav {
padding-right: 5px;
}
.tax-comtag .entry.entry-svc .footer-nav ul {
margin-left: 0px;
}
.pagenation-wrap {
width: 100%;
}
.social-bt {
float: left;
margin-bottom: 5px;
margin-right: 5px;
}
.social-pk {
width: 90px;
}
.social-gp {
width: 60px;
}
.social-li img {
padding: 0;
width: 21px;
height: 21px;
}
.downloadbnr { margin-top: 20px; }
.downloadbnr img { width:100%;height:auto; }
.single-seminar .entry .eyecatch img {
max-width: 100%;
padding: 0;
margin-bottom: 10px;
}
.moreread {
background-color: #fff;
margin-top: 10px;
padding: 10px;
text-align: right;
}
.entry.entry-404msg {
background-color: #fff;
line-height: 150%;
background: #fff;
padding: 10px;
}
.entry.entry-404msg h1{
background: transparent;
color: #222;
font-size: 30px;
line-height: 135%;
} .service-mv img {
max-width: 100%;
padding: 0;
}
.service-nav {
margin-top: 20px;
}
.service-nav a {
display: inline-block;
padding: 15px 15px;
width: 100%;
background: #f5f5f5;
line-height: 1;
border-right: solid 1px #fff;
border-bottom: solid 1px #fff;
}
.fbcase-capture {
max-height: 220px;
overflow: hidden;
}
.fbcase-capture img {
width: 100%;
}
.post-type-archive-fbcase .fbcase-head,
.tax-fbcasecat .fbcase-head,
.single-fbcase .fbcase-head {
margin-top: 15px;
width: 100%;
}
.fbcase-menu {
padding: 0px !important;
background: transparent !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
.fbcase-menu li {
list-style: none;
padding-right: 0;
}
.fbcase-menu li a {
background-color: #f0f0f0;
padding: 15px;
display: inline-block;
width: 96%;
margin: 0 2%;
}
.fbcase-menu li a.active {
background-color: #E8F5FA
}
.post-type-archive-service .img-box {
margin-top:0px;
height: 220px;
}
.contactbnr img {
width: 100%;
height: auto;
max-width: 100%;
padding: 0;
margin: 30px 0;
}
.contactbnr-side {
margin-bottom: 20px;
}
.contactbnr-side img {
width: 100%;
margin-top: -8px;
}
div.layout3col {
width: 100%;
}
div.layout3col_leftarea {
float: left;
width: 100%;
overflow: hidden;
margin-right: 0px;
}
div.layout3col_rightarea {
float: left;
width: 270px;
overflow: hidden;
margin: 0;
padding: 0;
}
div#main div.text_flush {
clear: both;
text-align: right;
margin-right: 10px;
padding-top: 10px;
}
div.layout3col div.layout3col_leftarea ul {
float: left;
width: 50%;
margin: 10px 0 6px;
}
div#main div.layout3col div.layout3col_leftarea ul li.icon01 {
background-image: url(//gaiax-socialmedialab.jp/wp-content/themes/original/images/service/app_prize_icon01.gif);
background-position: 0 2px;
background-repeat: no-repeat;
list-style-type: none;
padding-left: 18px;
}
div#main div.layout3col div.layout3col_leftarea ul li.icon02 {
background-image: url(//gaiax-socialmedialab.jp/wp-content/themes/original/images/service/app_prize_icon02.gif);
background-position: 0 2px;
background-repeat: no-repeat;
list-style-type: none;
padding-left: 18px;
}
div#main div.layout3col div.layout3col_leftarea ul li.icon03 {
background-image: url(//gaiax-socialmedialab.jp/wp-content/themes/original/images/service/app_contest_icon01.gif);
background-position: 0 4px;
background-repeat: no-repeat;
list-style-type: none;
padding-left: 18px;
}
div#main div.layout3col div.layout3col_leftarea ul li.icon04 {
background-image: url(//gaiax-socialmedialab.jp/wp-content/themes/original/images/service/app_contest_icon02.gif);
background-position: 0 4px;
background-repeat: no-repeat;
list-style-type: none;
padding-left: 18px;
}
div#main div.layout3col div.layout3col_leftarea ul li.icon05 {
background-image: url(//gaiax-socialmedialab.jp/wp-content/themes/original/images/service/app_kentei_icon01.gif);
background-position: 0 2px;
background-repeat: no-repeat;
list-style-type: none;
padding-left: 18px;
}
div#main div.layout3col div.layout3col_leftarea ul li.icon06 {
background-image: url(//gaiax-socialmedialab.jp/wp-content/themes/original/images/service/app_kentei_icon02.gif);
background-position: 0 2px;
background-repeat: no-repeat;
list-style-type: none;
padding-left: 18px;
}
div#main div.layout3col div.layout3col_rightarea li {
float: left;
background-image: none;
padding: 0;
margin: 0 7px;
}
div#main div.text_flush a, div#main div.text_flush02 a {
background-image: url(//gaiax-socialmedialab.jp/wp-content/themes/original/images/service/setup_arrow.gif);
background-repeat: no-repeat;
padding-left: 21px;
padding-top: 5px;
background-size: 23px;
}
div.layout3col div.document02 {
display: inline;
float: left;
margin: 0 1.5%;
width: 30%;
}
div.layout3col div.document02 p.thumb {
width: 100%;
text-align: center;
}
.thumb a img {
display: inline;
}
div.layout3col div.document02 div.text {
font-size: 0.8em;
width: 100%;
}
.document p.thumb {
display: inline;
float: left;
width: 50%;
}
.document div.text {
width: 100%;
padding: 20px 0;
}   .img-box {
padding: 0;
margin:10px 0 0;
width:100%;
height:200px;
overflow:hidden;
clear:both;
}
.img-box img{
width:100%;
height:auto;
padding:0;
max-width: 100%;
} .lead-box {
padding: 10px;
background-color: #0070A7;
margin:10px 0 0;
}
.lead-box p{
font-weight:bold;
color:#fff;
padding: 0;
} .entry ul.sns-box{
list-style:none;
padding:0;
margin:10px 0 0;
}
.sns-box{
font-weight:bold;
color:#fff;
margin-top:10px;
}
.single-service .entry ul.sns-box{
margin-top:20px;
}
.sns-box li{
float:left;
box-sizing:border-box;
padding:0;
margin:0; width:33.3%; height: 100px;
}
.sns-box li a{
display:block;
text-align:center;
padding:10px;
}
.single ul.sns-box, .page ul.sns-box	{margin-top:1px;} .single .sns-box li, .page .sns-box li	{height: auto;}
.single .sns-box li a, .page .sns-box li a{padding:6px 10px;} .keyword-box {
padding:10px;
width:100%;
clear:both;
} .flow-box{
background-color: #0070A7;
position:relative;
padding:20px 10px 10px;
}
.flow-box:first-child{
padding:10px;
}
.flow-box p{
color: #fff;
padding:10px 0 0;
}
.flow-box .flow-title{
border-bottom:1px solid #fff;
padding:0 0 10px 0;
margin:0;
font-weight:bold;
font-size:16px;
}
.flow-box:after{
content:"";
z-index:2;
position: absolute;
left:0;
right:0;
bottom:-17px;
display: block;
margin: 0 auto;
width: 16px;
height: 8px;
border-left: 8px solid transparent;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-top: 18px solid #0070A7;
}
.flow-box-wrap .flow-box:nth-child(1){background-color: #0070A7;margin-top:10px;}
.flow-box-wrap .flow-box:nth-child(2){background-color: #30a8d3;}
.flow-box-wrap .flow-box:nth-child(3){background-color: #47b1d8;}
.flow-box-wrap .flow-box:nth-child(4){background-color: #5ebbdd;}
.flow-box-wrap .flow-box:nth-child(5){background-color: #75c5e2;}
.flow-box-wrap .flow-box:nth-child(6){background-color: #0070A7;}
.flow-box-wrap .flow-box:nth-child(7){background-color: #30a8d3;}
.flow-box-wrap .flow-box:nth-child(8){background-color: #47b1d8;}
.flow-box-wrap .flow-box:nth-child(9){background-color: #5ebbdd;}
.flow-box-wrap .flow-box:nth-child(10){background-color: #75c5e2;}
.flow-box-wrap .flow-box:nth-child(1):after{border-top: 18px solid #0070A7;}
.flow-box-wrap .flow-box:nth-child(2):after{border-top: 18px solid #30a8d3;}
.flow-box-wrap .flow-box:nth-child(3):after{border-top: 18px solid #47b1d8;}
.flow-box-wrap .flow-box:nth-child(4):after{border-top: 18px solid #5ebbdd;}
.flow-box-wrap .flow-box:nth-child(5):after{border-top: 18px solid #75c5e2;}
.flow-box-wrap .flow-box:nth-child(6):after{border-top: 18px solid #0070A7;}
.flow-box-wrap .flow-box:nth-child(7):after{border-top: 18px solid #30a8d3;}
.flow-box-wrap .flow-box:nth-child(8):after{border-top: 18px solid #47b1d8;}
.flow-box-wrap .flow-box:nth-child(9):after{border-top: 18px solid #5ebbdd;}
.flow-box-wrap .flow-box:nth-child(10):after{border-top: 18px solid #75c5e2;}
.flow-box:last-child:after{display: none;} .entry .post-box ul {
list-style:none;
padding:0;
margin:0;
}
.entry .post-box img{padding:0;}
.post-box{
background-color: #e8f5fa;
position:relative;
line-height: 100%;
height: 190px;
overflow:hidden;
}
.post-box .post-img{
width:100%;
height: 190px;
position:relative;
overflow:hidden;
}
.post-box .post-img a img {
display:block;
width: auto;
min-width:100%;
height: 100%;
min-height: 100%;
object-fit: cover;  }
.entry .post-box.post1 img{
max-width:100%;
}
.post-box.post1	{height: auto;}
.post-box.post1 .post-img { height:340px;}
.post-box.post1 .post-title{font-size:24px;line-height:135%;}
.post-box.post2	{ height:330px;}
.post-box.post2 .post-img { height:330px;}
.post-box.post2 .post-title{font-size:20px;line-height:135%;}
.post-box.post3 {height:auto;}
.post-box.post3 .post-img {height: auto;}
.post-box.post3 .post-title{font-size:18px;}
.post-box.post4 {height:auto;}
.post-box.post4 .post-img {height: auto;}
.post-box.post4 .post-title{font-size:18px;}
.post-box.post5	{height:auto;}
.post-box.post5 .post-img {height: 140px;}
.post-box.post5 .post-title{ font-size:13px;line-height:135%;}
.post-box.post6 { height: 604px;}
.post-box.post6 .post-img { height: 320px;}
.post-box.post6 .post-title{font-size:24px;line-height:135%;margin-bottom:10px;}
.post-box.post7 { height: 188px;margin-bottom:20px;}
.post-box.post7 .post-title{ font-size:14px;line-height:130%;}
.post-box .post-text{ padding:8px; position:relative;}
.post-box .post-title a{color:#222;}
.post-box .post-title a:hover {color:#199ece;}
.post-box .post-text p{padding:0;}
.entry .post-box ul.tag-nav ,
.post-box ul.tag-nav { margin:6px 0 0;}
.single .post-box  {margin-top:10px;background: transparent;}
.archive .post-box {margin-top:20px;background: transparent;}
.error404 .post-box  {margin-top:10px;background: transparent;}
.archive .post-box:first-child { }
.post-type-archive-case .post-box:first-child {margin-top:0;}
.post-type-archive-seminar .post-box:first-child {margin-top:0;}
.single .post-text,
.blog .post-text,
.home .post-text,
.archive .post-text,
.search .post-text,
.error404 .post-text {background: #fff;}
.single .calendar-comment-box , 
.archive .calendar-comment-box , 
.single .tag-nav li a , 
.archive .tag-nav li a {background: #f0f0f0;}
.post-box.post5 .social-area { margin-top:5px;}
.blog .post-box.post5:nth-child(1),
.blog .post-box.post5:nth-child(2),
.blog .post-box.post5:nth-child(3) {margin-top:0;} .calendar-comment-box{
background:#fff;
width:100%;
height:auto;
display:inline-block; padding:3px 5px;
margin: 0;
}
.calendar-comment-box .fl-left , .calendar-comment-box .fl-right{
width:50%;
font-size:12px;
}
.calendar-comment-box .fl-left {
width:100%;
}
.single .calendar-comment-box, .page .calendar-comment-box {margin-top:1px;padding:5px;}
.single .calendar-comment-box.single-top p,
.page .calendar-comment-box.single-top p {padding:6px 10px;}
.single .post-box .calendar-comment-box {
margin-top:0;
height:auto;
}
.single .entry .post-box .calendar-comment-box p {padding:0;}
.home .tag-nav li a ,
.home .calendar-comment-box,
.search .tag-nav li a ,
.search .calendar-comment-box,
.error404 .tag-nav li a ,
.error404 .calendar-comment-box{background:#f0f0f0;}
.single-tag-nav {
margin-bottom: 20px;
}
.single-tag-nav-title {
background-color: #999;
color: #fff;
font-weight: bold;
padding: 5px 10px;
margin-bottom: 10px;
}
.single-tag-nav ul {
background: transparent;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
}
.single-tag-nav ul li {
margin: 0 10px 10px 0 !important;
}
.post-tag-new{
position:absolute;
bottom:0;
right:0;
color:#fff;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 40px 40px;
border-color: transparent transparent #c90813 transparent;
font-size:10px;
font-weight:bold;
line-height:0;
z-index:5;
}
.post-tag-new:before{
content:"NEW";
display:block;
position:absolute;
bottom:-26px;
right:0;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
} .socialbt-archive {
margin-top: 5px;
display: inline-block;
}
.slider-child .socialbt-archive {
margin-top: 2px;
}
.socialbt-archive .social-tw {
display: inline-block;
vertical-align: top;
width: 80px;
margin-bottom: 6px;
}
.socialbt-archive .social-fb {
display: inline-block;
vertical-align: top;
}
.socialbt-archive .social-hb {
display: inline-block;
vertical-align: top; }
.socialbt-archive .social-pk {
display: inline-block;
vertical-align: top;
width: 90px;
}
.socialbt-archive .social-gp {
display: inline-block;
vertical-align: top;
width: 60px;
}
.socialbt-archive .social-li {
display: inline-block;
vertical-align: top;
}
.socialbt-archive .social-li img {
height: 21px;
width: 21px;
min-height: 21px;
} .single-socialbt-wrap {
text-align: center;
}
.single-socialbt {
margin: 40px auto;
display: inline-block;
}
.single-socialbt .socialbt {
float: left;
margin:0 3px;
}
.socialbt.bt-line img {
padding:0;
width:60px;
height:60px;
}
.single-socialbt.upper {
margin: 10px auto;
} .home .wsbl_line img,
.archive .wsbl_line img,
.blog .wsbl_line img,
.search .wsbl_line img {
width: 20px;
height: auto;
} table {
border-collapse: collapse;
border-spacing: 0;
border-top: 1px solid #fff;
box-sizing:content-box;
font-size: 14px;
letter-spacing: 1px;
line-height: 150%;
margin: 10px -1px 0px 0px;
text-align: left;
width: 100%;
}
table tr th {
border: 1px solid #fff;
font-weight: bold;
padding: 15px 20px 15px 20px;
text-align: left;
background:#0070A7;
color:#fff;
}
table td {
border: 1px solid #fff;
padding: 15px 20px 15px 20px;
text-align: left;
word-break: break-all;
background:#e8f5fa;
}
.single table tr th,
.page table tr th	{background:#888;}
.single table td,
.page table td	{background:#f0f0f0;} .slider , 
.sp-slider {
width: 100%;
margin: 0 auto;
overflow: hidden;
position:relative;
background:#000;
}
.slider:after , 
.sp-slider:after {
content: "";
display: table;
clear: both;
}
.slider-child {
width: 100%; height:460px;
overflow:hidden;
position:relative;
border-left:5px solid #222;
border-right:5px solid #222;
border-bottom:10px solid #222;
margin: 0;
padding:0;
}
.slider-child .post-text {
position:absolute;
bottom:0;
left:0;
right:0;
background-color: rgba(0, 0, 0, 0.65);
}
.slider-child .post-title	{margin-bottom:10px; font-size:20px;}
.slider-child .post-title a	{color:#fff;}
.slider-child .calendar-comment-box {padding:2px 10px; margin-right:10px; width:110px;}
.slider-child img{  display: block;
width: 100%;
height: auto;
min-height: 100%;
object-fit: cover;
}
.sp-slider .slider-child {
border-left:none;
border-right:none;
border-bottom:none;
}
.slick-slide	{opacity:0.4;}
.slick-current	{opacity:1;}
.slick-prev, .slick-next  {top: 42%;} .wpcf7 {
margin: 96px 0;
}
.asterisk {
background-color: #f15c5c;
color: #ffffff;
display: inline;
font-size: 13px;
margin-top: -3px;
padding: 2px 10px 0px 10px;
vertical-align: top;
}
.wpcf7 span.wpcf7-not-valid-tip {
font-size: 80%;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
select[name="subject"],
select[name="type"],
select[name="what_day"],
select[name="archive-dropdown"],
textarea {
background-color: #ffffff;
border: none;
color: #333333;
font-size: 100%;
padding: 0.5em;
width: 95%;
}
input[type="confirm"],input[type="submit"],input[type="button"]{
background: #0070A7;
border: none;
color: #ffffff;
cursor: pointer;
font-size: 18px;
font-weight: bold;
padding: 20px 60px;
-webkit-appearance: none;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
transition: all .4s ease-out;
border-radius: 5px;
font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif !important;
}
input[type="confirm"]:hover,input[type="submit"]:hover,input[type="button"]:hover {
opacity: 0.7;
color: #ffffff;
text-shadow: none;
}
.hissu {
background-color: #d00;
font-size: 10px;
padding: 4px 6px;
border-radius: 5px;
white-space: nowrap;
color: #fff;
}
.contact-policy {
margin: 20px 0;
border: solid 1px #ccc;
padding: 15px;
}
.mw_wp_form_confirm .contact-msg { display:none; }
.contactbt {
margin: 30px 0;
text-align: center;
}
.form-tel {
float:right;
padding:20px;
}
div.wpcf7-validation-errors {
border: none !important;
}
.form-submit {
margin-top: 20px;
}
table.contact {
border-collapse: collapse;
border-spacing: 0;
border-top: 1px solid #e8e8e8;
letter-spacing: 1px;
margin: 0px -1px 20px 0;
text-align: left;
width: 100%;
}
table.contact tr th {
background-color: #e8f5fa;
border: 1px solid #e8f5fa;
font-size: 18px;
font-weight: bold;
padding: 10px 10px;
vertical-align: middle;
width: 25%;
border-bottom: 1px solid #fff;
}
table.contact tr th.last-th {
border-bottom: 1px solid #e8e8e8;
}
table.contact tr td {
background-color: #f0f5f8;
border: 1px solid #e8e8e8;
padding: 10px 10px;
}
.wpcf7c-conf {
background-color: rgb(250, 255, 189)!important;
border: none !important;
}
.wpcf7-mail-sent-ok {
border: none !important;
} .side-col {
float: right;
padding:10px;
line-height:0;
}
.side-col:after {
content: "";
display: table;
clear: both;
}
.side-col .widget {
margin-bottom: 40px;
line-height:150%;
} h2.widgettitle,h2.sidebartitle {
background-color: #0070A7;
color:#fff;
font-size:18px;
height:40px;
line-height: 40px;
margin:0;
padding:0 10px;
}
.widget_recent_entries h2.widgettitle ,
.widget_categories h2.widgettitle {
background-color: #888;
} .side-col .widget li {
height: auto;
width:100%;
}
.side-col .widget li a {
color: #555;
display: block;
margin:0;
} .side-col .accordion-nav li:first-child a{color:#fff;}
.side-col .accordion-nav li li:first-child a{color: #555;}
.side-col .accordion-nav li a:hover , 
.side-col .accordion-nav li:first-child a:hover{color:#199ece;} .side-newpost-nav {
position:relative;
line-height: 100%;
height: auto;
overflow:hidden;
}
.side-newpost-nav li{
margin:10px 0 0;
padding:0 0 10px 0;
float:left;
clear:both;
border-bottom:1px solid #e8e8e8;
line-height: 150%;
}
.side-newpost-nav li a{
display:block;
}
.side-newpost-nav .post-img{
width:50%; height: 70px;
position:relative;
float:left;
overflow:hidden;
}
.side-newpost-nav .post-img img{
width:100%;
height:auto;
min-height: 100%;
object-fit: cover;
}
.side-newpost-nav .post-text{
width:50%;
padding:0 0 10px 10px;
display:block;
float:left;
font-size: 12px;
line-height: 135%;
} .side-ranking-nav {
position:relative;
line-height: 150%;
height: auto;
overflow:hidden;
}
.side-ranking-nav li{
margin:10px 0 0;
padding:0;
}
.side-ranking-nav li a{
display:block;
}
.side-ranking-nav .post-img{
height: 130px;
position: relative;
overflow: hidden;
}
.side-ranking-nav .post-img img{
width:100%;
height:auto;
min-height: 100%;
object-fit: cover;
}
.side-ranking-nav .post-img .wpp-thumbnail {
float: none;
margin: 0 0px 0 0;
}
.side-ranking-nav span.rank{
position:absolute;
top:0;
left:0;
font-size:12px;
width:30px;
text-align:center;
margin: 0;
padding:0;
display:inline-block;
background:#222;
padding:5px;
color:#fff;
}
.side-ranking-nav li:first-child span.rank:before {
content: "1";
}
.side-ranking-nav li:nth-child(2) span.rank:before {
content: "2";
}
.side-ranking-nav li:nth-child(3) span.rank:before {
content: "3";
}
.side-ranking-nav li:nth-child(4) span.rank:before { content: "4"; }
.side-ranking-nav li:nth-child(5) span.rank:before { content: "5"; }
.side-ranking-nav li:nth-child(6) span.rank:before { content: "6"; }
.side-ranking-nav li:nth-child(7) span.rank:before { content: "7"; }
.side-ranking-nav li:nth-child(8) span.rank:before { content: "8"; }
.side-ranking-nav li:nth-child(9) span.rank:before { content: "9"; }
.side-ranking-nav li:nth-child(10) span.rank:before { content: "10"; }
.side-ranking-nav .post-text{
padding: 3px 0;
display: block;
font-size: 12px;
line-height: 135%;
}
.side-ranking-nav .rank-spec{
font-size: 12px;
line-height: 1;
color: #666;
font-weight: bold;
} .side-col .widget_categories li {
height: auto;
line-height:150%;
margin:0 0 1px 0;
width:100%;
height:auto;
display:block;
padding:0;
}
.side-col .widget_categories li a {
color: #555;
display: block;
margin:0;
display:inline-block;
padding:10px;
background:#f0f0f0;
width:100%;
height:40px;
font-weight: bold;
} .widget_text .banner-box{
height: 80px;
width:100%;
line-height:80px;
padding:0 10px;
margin:0 0 20px 0;
color:#ccc;
font-size:18px;
display:block;
background: #222;
} .widget_search{ background-color: #ffffff;
padding:10px ;
padding-top: 0px;
position: relative;
}
.search-no-results .screen-reader-text ,
.widget_search .screen-reader-text{
display:none;
}
.search-no-results input[type="text"] ,
.widget_search input[type="text"]{
margin:0 auto;
float:none;
text-align: left;
display: block;
width:100%;
}
.search-no-results input[type="submit"] ,
.widget_search input[type="submit"]{
padding:5px 20px ;
margin:10px auto 0;
float:none;
text-align: center;
display: block;
background-color: #222;
border-radius:0;
color:#fff;
}
.search-no-results input[type="submit"] {
padding:10px 60px;
}
.searchform input {
background-color:#f5f6f7;
}
.search-button img {
width: 60%;
height: 60%;
}
.searchform .search-button {
border: 0; background-color:#f5f6f7;
position: absolute;
right: 10px;
top: 10px; width: 31px;
height: 31px;
}
.searchform .search-button:hover {
cursor:pointer;
}
.archive .search-no-results input[type="submit"] ,
.archive .widget_search input[type="submit"]
.single .search-no-results input[type="submit"] ,
.single .widget_search input[type="submit"]{
background-color: #555;
}
.archive .searchform .search-button ,
.single .searchform .search-button {
background-color: #f5f6f7;
}
.post-type-archive-fbcase .searchform .search-button,
.tax-fbcasecat .searchform .search-button,
.single-fbcase .searchform .search-button,
.single-service .searchform .search-button ,
.post-type-archive-service .searchform .search-button {
background-color: #103381;
}
.archive .widget_search ,
.single .widget_search{
background-color: #ffffff;
}
.post-type-archive-fbcase .widget_search,
.tax-fbcasecat .widget_search,
.single-fbcase .widget_search,
.post-type-archive-service .widget_search,
.single-service .widget_search{ background-color: #ffffff;
} .widget_mailmagazine{
background-color: #ccc;
padding:0;
}
.widget_mailmagazine .widgettitle {
border-bottom:1px solid #fff;
background-color: #ccc;
color: #222;
}
.mailmagazine-box{
padding:20px 10px;
}
.widget_mailmagazine .screen-reader-text{
display:none;
}
.widget_mailmagazine input[type="text"]{
margin:0 auto;
float:none;
text-align: left;
display: block;
width:100%;
}
.widget_mailmagazine input[type="submit"]{
padding:5px 20px ;
margin:10px auto 0;
float:none;
text-align: center;
display: block;
background-color: #222;
border-radius:0;
color:#fff;
font-size:14px;
} #wp-calendar {
border-collapse: collapse;
border-spacing: 0;
border-top: 1px solid #fff;
letter-spacing: 1px;
margin: 0px -1px 20px 0;
text-align: center;
width: 100%;
}
#wp-calendar caption {
background-color: #888;
font-size: 18px;
font-weight: bold;
padding: 5px 0px 5px 0px;
text-align: center;
color:#fff;
line-height:150%;
}
#wp-calendar thead tr th {
border: 1px solid #fff;
font-weight: bold;
padding: 5px 5px;
text-align: center;
background-color: #222;
}
#wp-calendar td {
border: 1px solid #fff;
padding: 5px 5px;
text-align: center;
background-color: #f0f0f0;
}
#wp-calendar tbody tr #today {background-color: #ddd;}
.page #wp-calendar caption			{background-color: #0070A7;}
.page #wp-calendar thead tr th		{background-color: #293248;}
.page #wp-calendar td				{background-color: #e8f5fa;}
.page #wp-calendar tbody tr #today	{background-color: #75c5e2;}
.sidebnr { margin-bottom: 20px; }
.sidebnr img { width: 100%; } .footer {
width: 100%;
background:#fff;
}
.foot-title{
width: 100%;
}
.foot-title h3{
font-family: 'Open Sans', cursive;
}
.foot-title h3 img{
height: 24px;
width: auto;
}
.foot-title h3 img.new-logo{
height: 33.4px;
width: auto;
}
.footer-nav , .footer-nav-horizontal {
float: left;
}
.footer-nav ul {
width:100%;
}
.footer-nav li {
display: block;
line-height: 120%; margin: 0px 0px 8px 0px;
padding: 5px 10px 0px 30px;
vertical-align: text-top;	 
}
.footer-nav a , .footer-nav-horizontal li a{
color: #222;
}
.footer-nav li a:hover , .footer-nav-horizontal li a:hover {
color: #199ece;
}
.footer-nav li li,.footer-nav li ul{
float: none;
margin-top: 5px;
padding:0;
background: none;
}
.footer-nav li li a,.footer-nav li ul a{
}
.footer-nav { }
.footer-nav:first-child {
border-left:none;
}
.footer-nav li:first-child {
padding-left:10px;
}
.footer-nav-horizontal {
border-top:1px solid #e8e8e8;
margin-top: 10px;
clear:both;
}
.footer-nav-horizontal ul{
width:auto;
margin:20px auto;
text-align: center;
}
.footer-nav-horizontal li{
display: inline-block;
/display: inline;
/zoom: 1;
margin-right:10px;
margin-left:10px;
position: relative;
}
.footer-nav-horizontal li:after{
content: "｜";
position:absolute;
right:-20px;
top:0;
display:block;
color:#ccc;
}
.footer-nav-horizontal li:last-child:after{
display:none;
}
.footer-nav-horizontal li a{
display:block;
}
.copyright {
font-size: 14px;
padding: 10px;
text-align: center;
width: 100%;
border-top:1px solid #e8e8e8;
}
.footer #twitter-widget-0 {
border: solid 1px #ddd !important;
height: 450px !important;
}
.footer-nav-tw,
.footer-nav-fb {overflow-y: hidden;} #back-top {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 200%;
}
#back-top a {
background: #222;
text-decoration: none;
color: #fff;
width: 50px;
height:50px;
padding:0;
text-align: center;
display: block;
border-radius: 50%;
}
#back-top a:hover {
text-decoration: none;
background: #888;
} @media (min-width: 1200px) {
#tablet-menu {display: none!important;}
}
@media handheld {
a:hover {
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
opacity: 1;
}
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
.grid {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 0px) and (max-width: 1200px) {
.image.fit.sp {
padding: 0px 10px 0px 10px;
}
.single .sns-box li {width:25%;}
.service-nav a {
padding: 13px 15px;
height: 54px;
}
a.bg-line { position:relative; }
.icon-line {
position: static;
}
}
@media screen and (min-width: 768px) and (max-width: 1199px) { .slider-child {
height:440px;
}
#main-contents {
padding-top: 10px;
padding-bottom: 10px;
} #pc-menu{display:none!important;}
#tablet-menu{
line-height: 140%;
width: 100%;
min-width: 768px;
margin-top: 25px;
}
#tablet-menu li{
border-right: none;
display: block;
float: left;
width: 16.667%;
}
.mm-item-content{
width: 98%;
left:10px!important;
} .headline-box .col-4-12 ,
.headline-box .col-8-12 {
width: 40%;
float: right;
}
.headline-box p {
text-align:left;
padding-top:0;
} .sns-box li{
float:left;
width:50%;
border-bottom:1px solid #fff;
}
.post-box.post6 .post-title{font-size:20px;}
.post-box.post7 .post-title{font-size:14px;}
.widget_mailmagazine input[type="text"] ,
.widget_mailmagazine input[type="submit"]{padding:5px 10px; width:100%;} a.btn {width:49.5%;} .side-ranking-nav .post-img {height: 100px;}
} @media screen and (min-width: 768px) and (max-width: 960px) { .slider-child {height:320px;}
.slider-child .post-title {font-size:18px;} .gnav-wrap li a{font-size:12px;}
.gnav-wrap li small{font-size:8px;}
.gnav-wrap-tablet li a{font-size:12px;}
.gnav-wrap-tablet li small{font-size:8px;}
#wp-calendar caption {font-size: 12px;}
#wp-calendar th {padding: 0;font-size: 11px;}
#wp-calendar td {padding: 0;font-size:10px;}
.widget_mailmagazine input[type="text"] ,
.widget_mailmagazine input[type="submit"]{font-size:10px;}
.side-newpost-nav .post-text{font-size:12px;line-height:120%;}
.side-newpost-nav .post-img {height: 60px;}
.side-ranking-nav .post-img {height: 80px;} .post-box .post-img{height: 360px;}
.post-box .post-text{padding-top: 10px;}
.blog .post-box.post1 .post-text,
.post-type-archive-seminar .post-box.post1 .post-text {
height: auto;
height:240px;
clear:both;
overflow: hidden;
}
.blog .post-box.post2 .post-text,
.post-type-archive-seminar .post-box.post2 .post-text {
height: auto;
max-height:230px;
}
.blog .post-box.post5 .post-text,
.single .post-box.post5 .post-text,
.tax-comtag .post-box.post5 .post-text,
.search .post-box.post5 .post-text {
height: auto;
max-height:140px;
}
.tax-comtag .post-box.post5 .post-text {
height: auto;
max-height:160px;
}
.post-type-archive-seminar .post-box.post5 .post-text {
height: auto;
max-height:155px;
}
.post-box.post6 { height:550px;overflow:hidden;} 
.post-box.post7 { height:180px;overflow:hidden; margin-bottom:5px;}
.post-box.post6 .post-img ,
.post-box.post7 .post-img {
width:auto;
position: relative;
height: auto;
}
.post-box.post6 .post-img { height:270px;} .post-box.post7 .post-text{width: 66.66%;padding-top: 10px;}
.post-box.post7 .post-img { height:180px;}
.post-box.post7 .post-img img{height:100%;} 
}
@media screen and (min-width: 0px) and (max-width: 960px) { .keyword-box [class*='col-']{width:100%;}
.keyword-box .tag-nav{margin-top:10px;} .post-box{
width:100%;
max-width:100%;
height: auto;
padding-right:0;
}
.post-box.post2 {height: auto;}
.blog .post-box.post5,
.tax-comtag .post-box.post5,
.search .post-box.post5 {height: auto;}
.post-box .post-img ,
.post-box.post1 .post-img ,
.post-box.post2 .post-img ,
.post-box.post3 .post-img ,
.post-box.post4 .post-img ,
.post-box.post5 .post-img {
width:auto;
position: relative;
height: 360px;
}
.post-box.post4 .post-img {
width:100%;
position: absolute;
height: 360px;
top:0;
left:0;
}
.post-box.post4 .post-text {
padding-top:370px;
}
.post-box .post-img a img{
width:100%;
max-width:100%;
}
.page-template-page-form .post-box.post5 .post-img,
.page-template-page-form-nonheader .post-box.post5 .post-img,
.page.home .post-box.post5 .post-img {
height: 130px;
}
.page-template-page-form .post-box.post5 .post-title,
.page-template-page-form-nonheader .post-box.post5 .post-title,
.page.home .post-box.post5 .post-title {
font-size: 14px;
}
.post-box .col-1-2 , 
.post-box .col-1-3{
width:100%;
padding-right:0;
}
.post-box.post2 .post-text.col-1-2{padding-right:10px;}
.post-box.post7 .col-1-3{width: 33.33%;}
.post-box .post-img{
width:100%;
height:auto;
position: absolute;
top: 0;
left: 0;
}
.post-box .post-text{width:100%;}
.post-box .post-title{font-size:18px;}
.post-box.post1 .post-title{font-size:18px;}
.post-box.post2 .post-title{font-size:18px;}
.post-box.post3 .post-title{font-size:18px;}
.post-box.post5 .post-title{font-size:18px;}
.entry img.alignleft,
.entry img.aligncenter,
.entry img.alignright {
box-sizing:content-box;
padding:0;
float:none;
margin:0 auto;
width:100%;
max-width:100%;
height:auto;
}
.entry ul , 
.entry p {padding:10px 0;}
.entry ol {
padding: 15px;
margin-left: 0;
margin-right: 0;
}
.entry blockquote {margin:5px;}
.widget_mailmagazine input[type="submit"]{
padding:5px 10px ;
width:100%;
}
}
@media screen and (min-width: 0px) and (max-width: 767px) { #pc-menu , #tablet-menu , .bread-crumb , .headline-box h1 small , .headline-box .col-8-12
{display: none!important;}
.pc-only{display:none;}
.sp-only{display:block;} .entry img {
width: 100%;
height:auto;
} header {float: left;}
.header .logo {
float: none;
width: auto;
max-width:200px;
height: auto;
border-radius: 0;
margin-top: 40px;
}
.headline-box .col-4-12{margin-top:0;margin-bottom:0;} .header.fixed {
position: fixed;
left: 10px;
top: 0;
z-index:10;
border-bottom:1px solid #e8e8e8;
}
#sp-menu {width: 100%;}
.sp{
height: 60px;
position: relative; }
.sp a img {
width:35%;
margin-top:4%;
}
.sp-new-logo {
width:67.5%;
height:80%;
}
.head-sns-box div.new-head {
width: 80%;
float: right;
}
.new-head ul li.new-head-tel {
width:100%;
font-size: 12px;
text-align:center;
font-weight: bold;
}
.new-head a {
width
margin-left: 10px;
display: block;
float: left;
}
.new-head-tel img {
height:7%;
width:7%;
margin-bottom:5px;
}
.new-head ul li.new-head-btn1 a {
text-align:right; 
width: 40%;
}
.new-head-btn1 a img {
width: 100%;
}
.new-head ul li.new-head-btn2 a {
width: 40%;
}
.new-head-btn2 a img {
width: 100%;
} 
.head-sns-box{
display: block;
position: absolute;
top:10px;
right:50px;
}
.head-sns-box a{
height: 40px;
width: 40px;
margin-left:10px;
display:block;
float:left;
}
.sp-only .logo{
height: 40px;
width: 80px;
margin:0;
padding:0;
display:block;
float:none;
color:#222;
position: absolute;
top:10px;
left:0;
}
#toggle{
display: block;
position: relative;
width: 100%;
background: #222;
}
#toggle a{
display: block;
position: relative;
padding: 12px 0 10px;
border-bottom: 1px solid #444;
color: #fff;
text-align: center;
text-decoration: none;
}
#toggle:before{
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 20px;
height: 20px;
margin-top: -10px;
background: #fff;
}
#toggle a:before, #toggle a:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 20px;
height: 4px;
background: #222;
}
#toggle a:before , #toggle a:after{margin-top:0;}
#nav-toggle {
cursor: pointer;
height: 40px;
width: 50px;
z-index: 101;
margin: 0;
padding:0 10px 0px;
background:#ffffff;
float:right;
position: absolute;
top:10px;
right:0;
display: block;
}
#nav-toggle a {
position: relative;
display: block;
}
#nav-toggle p {
position: absolute;
top: 30px;
font-size: 10px;
font-weight: bold;
}
#nav-toggle span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #000;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 10px;
}
#nav-toggle span:nth-child(2) {
top: 18px;
}
#nav-toggle span:nth-child(3) {
top: 26px;
}
.open #nav-toggle span:nth-child(1) {
top: 18px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
}
#sp-menu {
clear:both;
float:left;
margin-top:0;
}
#sp-menu li{
background-color: #fff;
width: 100%;
border-bottom: 1px solid #e8e8e8;
}
#sp-menu li a{
color: #222;
display: block;
font-size: 14px;
font-weight: bold;
padding: 16px 10px;
text-align: left;
text-decoration: none;
}
#sp-menu li a:hover{
background: #0070A7;
color: #fff;
opacity: 1;
} .slider-child {height:320px;}
.slider-child .post-title {font-size:18px;}
.slick-arrow{display: none!important;}
.case-box .post-box .col-1-2 { width:50%; }
.case-table table{
width:200%;
}
.case-table{
overflow: auto; }
.case-table::-webkit-scrollbar{ height: 5px; }
.case-table::-webkit-scrollbar-track{ background: #F1F1F1; }
.case-table::-webkit-scrollbar-thumb { background: #BCBCBC; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) { #pc-menu , #tablet-menu , .bread-crumb , .headline-box h1 small , .headline-box .col-8-12
{display: none!important;}
.pc-only{display:none;}
.sp-only{display:block;} .entry img {
width: 100%;
height:auto;
} header {float: left;}
.header .logo {
float: none;
width: auto;
max-width:200px;
height: auto;
border-radius: 0;
margin-top: 40px;
}
.headline-box .col-4-12{margin-top:0;margin-bottom:0;} .header.fixed {
position: fixed;
left: 10px;
top: 0;
z-index:10;
border-bottom:1px solid #e8e8e8;
}
#sp-menu {width: 100%;}
.sp{
height: 60px;
position: relative;
margin-bottom: 5px;
}
.sp a img {
width:23%; }
.sp-new-logo {
width:100%;
height:100%;
}
.head-sns-box div.new-head {
width: 80%;
float: right;
}
.new-head ul li.new-head-tel {
width:85%;
font-size: 12px;
text-align:center;
font-weight: bold;
}
.new-head a {
width
margin-left: 10px;
display: block;
float: left;
}
.new-head-tel img {
height:3%;
width:3%;
margin-bottom:5px;
}
.new-head ul li.new-head-btn1 a {
text-align:right; 
width: 40%;
}
.new-head-btn1 a img {
width: 45%;
}
.new-head ul li.new-head-btn2 a {
width: 40%;
}
.new-head-btn2 a img {
width: 45%;
} 
.head-sns-box{
display: block;
position: absolute;
top:10px;
right:50px;
}
.head-sns-box a{
height: 40px;
width: 40px;
margin-left:10px;
display:block;
float:left;
}
.sp-only .logo{
height: 40px;
width: 80px;
margin:0;
padding:0;
display:block;
float:none;
color:#222;
position: absolute;
top:10px;
left:0;
}
#toggle{
display: block;
position: relative;
width: 100%;
background: #222;
}
#toggle a{
display: block;
position: relative;
padding: 12px 0 10px;
border-bottom: 1px solid #444;
color: #fff;
text-align: center;
text-decoration: none;
}
#toggle:before{
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 20px;
height: 20px;
margin-top: -10px;
background: #fff;
}
#toggle a:before, #toggle a:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 20px;
height: 4px;
background: #222;
}
#toggle a:before , #toggle a:after{margin-top:0;}
#nav-toggle {
cursor: pointer;
height: 40px;
width: 50px;
z-index: 101;
margin: 0;
padding:0 10px 0px;
background:#ffffff;
float:right;
position: absolute;
top:10px;
right:0;
display: block;
}
#nav-toggle a {
position: relative;
display: block;
}
#nav-toggle p {
position: absolute;
top: 30px;
font-size: 10px;
font-weight: bold;
}
#nav-toggle span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #000;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 10px;
}
#nav-toggle span:nth-child(2) {
top: 18px;
}
#nav-toggle span:nth-child(3) {
top: 26px;
}
.open #nav-toggle span:nth-child(1) {
top: 18px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
}
#sp-menu {
clear:both;
float:left;
margin-top:0;
}
#sp-menu li{
background-color: #fff;
width: 100%;
border-bottom: 1px solid #e8e8e8;
}
#sp-menu li a{
color: #222;
display: block;
font-size: 14px;
font-weight: bold;
padding: 16px 10px;
text-align: left;
text-decoration: none;
}
#sp-menu li a:hover{
background: #0070A7;
color: #fff;
opacity: 1;
} .slider-child {height:320px;}
.slider-child .post-title {font-size:18px;}
.slick-arrow{display: none!important;}
.case-box .post-box .col-1-2 { width:50%; }
.case-table table{
width:200%;
}
.case-table{
overflow: auto; }
.case-table::-webkit-scrollbar{ height: 5px; }
.case-table::-webkit-scrollbar-track{ background: #F1F1F1; }
.case-table::-webkit-scrollbar-thumb { background: #BCBCBC; }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
.pctab-only {display:none;} #main-contents{margin-top:10px;}
.single .entry h1, .page .entry h1,
.tax-fbcasecat .entry h1, .post-type-archive-fbcase .entry h1 { font-size: 20px; padding: 0; }
.single-service .entry h1 { padding: 5px; }
.single .entry h2, .page .entry h2 { font-size: 18px; padding: 8px; }
.single .entry h3, .page .entry h3 { font-size: 16px; padding: 6px; }
.single .entry h4, .page .entry h4 { font-size: 16px; padding: 4px; }
.sns-box li{
float:left;
width:100%;
border-bottom:1px solid #fff;
}
.entry ul , .entry ol {font-size:12px;}
.entry ul ul , .entry ol ol , .entry ol ul , .entry ul ol {margin-left: 20px;}
.img-box {
height: 120px;
} .post-box.post1 .post-img , 
.post-box.post2 .post-img , 
.post-box.post3 .post-img , 
.post-box.post5 .post-img , 
.post-box.post6 .post-img , 
.post-box.post7 .post-img , 
.post-box .post-img{
position:relative;
height: 240px;
}
.post-box.post4 .post-img {height: 240px;}
.post-box.post4 .post-text {padding-top:250px;}
.post-box .post-title{
font-size:18px!important;
}
.post-box.post6 , 
.post-box.post7 {
height: auto;
}
.post-box.post6 {
margin-bottom:20px;
}
.post-box.post6 .post-text ,
.post-box.post7 .post-text{
padding-top: 10px;
}
.post-box.post7 .col-1-3{width: 100%;}
.page.home .post-box.post5 {
height: auto !important;
float: none;
width: 100%;
margin-right: 0;
}
.post-box .social-area{margin-top:10px;} a.btn.w50, 
a.btn {width:100%;} .side-col {width: 100%; margin-top:20px;} .footer {margin-top: 10px;}
.pt20.foot-sp {padding:0;}
.footer-nav {border-left:none;}
.footer-nav li {
line-height: 100%;
margin: 0;
padding: 0;
vertical-align: middle;
border-bottom:1px solid #fff;
}
.footer-nav li:first-child {padding-left:0;}
.footer-nav li a{
line-height: 150%;
margin: 0;
padding: 10px;
display:block;
background:#f0f0f0;
}
.footer-nav li:first-child a { background:#888;color:#fff;}
.footer-nav-horizontal , .footer-nav-horizontal ul{border-top:none;margin-top: 0;}
.footer-nav-horizontal ul {
width:100%;
margin: 0;
text-align:left;
}
.footer-nav-horizontal li {
width:100%;
line-height: 100%;
margin: 0;
padding: 0;
vertical-align: middle;
border-bottom:1px solid #e8e8e8;
}
.footer-nav-horizontal li a{
line-height: 150%;
margin: 0;
padding: 10px;
display:block;
}
.footer-nav-horizontal li:after{display:none;}
.copyright {
border-top:none;
background:#f0f0f0;
}
.post-type-archive-service .footer-nav li a,
.post-type-archive-fbcase .footer-nav li a,
.tax-fbcasecat .footer-nav li a,
.single-fbcase .footer-nav li a,
.single-service .footer-nav li a {background:#e8f5fa;}
.post-type-archive-service .footer-nav li:first-child a, 
.post-type-archive-fbcase .footer-nav li:first-child a,
.tax-fbcasecat .footer-nav li:first-child a,
.single-fbcase .footer-nav li:first-child a,
.single-service .footer-nav li:first-child a {background:#75c5e2;color:#fff;}
.post-type-archive-service .copyright,
.post-type-archive-fbcase .copyright,
.tax-fbcasecat .copyright,
.single-fbcase .copyright,
.single-service .copyright {background:#e8f5fa;} table tr th ,
table tr td{
font-size:12px;
padding:6px;
line-height:120%;
}
table.contact {
border-top: 1px solid #e8e8e8;
width: 100%;
}
table.contact tr th {
display: block;
border-top: none;
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
border-bottom: none;
width: 100%;
}
table.contact tr th.last-th {
border-bottom: none;
}
table.contact tr td{
display: block;
padding: 10px;
text-align: center;
border-bottom: none;
}
table.contact tr td:last-child{
border-bottom: 1px solid #e8e8e8;
} .home-content-nav li > ul > li{ width:100%;}
.home-content-nav li > ul > li:first-child {margin-bottom:1px;}
.smscompany-list {padding: 0px 5px 10px;} .footer-nav-tw {text-align:center;padding: 20px 10px;}
.footer-nav-fb {text-align:center;}
.page-template-page-form th,
.page-template-page-form td {
width: 100%;
display: block;
}
.page-template-page-form-nonheader th,
.page-template-page-form-nonheader td {
width: 100%;
display: block;
}
.post-type-archive-service .img-box {
height: auto;
}
.fbcase-menu { margin-top: 10px; }
.fbcase-menu li a { width:100%; margin: 0px; }
}
@media screen and ( max-width:480px ) {
.sp-only .logo{
width: 40px;
height:40px;
overflow:hidden;
}
.sp-only .logo img{
width: 80px;
height:40px;
overflow:hidden;
}
.slider-child {height:240px;}
.post-box.post1 .post-img , 
.post-box.post2 .post-img , 
.post-box.post3 .post-img , 
.post-box.post4 .post-img ,
.post-box.post5 .post-img ,
.post-box.post6 .post-img ,
.post-box.post7 .post-img , 
.post-box .post-img{
height: 200px;
}
.post-box.post4 .post-img {height: 200px;}
.post-box.post4 .post-text {padding-top:210px;}
.page.home .post-box.post5 .post-img {
height: 200px;
}
.copyright p{font-size:10px;}
.case-box .post-box.post2 {
height: auto;
}
.case-box .post-box .col-1-2 {
width:100%;
height: 140px;
}
.case-box .post-box .post-text {
height: 150px;
}
.case-table table{
width:300%;
}
.page-template-page-form .post-box.post5 {
float: none;
width: 100%;
height: auto !important;
}
.page-template-page-form-nonheader .post-box.post5 {
float: none;
width: 100%;
height: auto !important;
}
}
@media screen and (min-width: 0px) and (max-width: 319px) {
.head-sns-box {right:40px;}
.head-sns-box a{margin-left:0;}
}  .f-dark		{color: #222;}
.f-gray		{color: #888;}
.f-silver	{color: #ccc;}
.f-lightgray{color: #f0f0f0;}
.f-white ,
.f-white a	{color: #fff;} .f-navy		{color: #293248;}
.f-blue		{color: #199ece;}
.f-aqua		{color: #75c5e2;}
.f-lightblue{color: #e8f5fa;} .f-red		{color: #c90813;}
.f-yellow	{color: #e5bd4e;}
.f-green	{color: #0c7d00;} .f40 {font-size: 40px !important;}
.f30 {font-size: 30px !important;}
.f24 {font-size: 24px !important;}
.f20 {font-size: 20px !important;}
.f18 {font-size: 18px !important;}
.f16 {font-size: 16px !important;}
.f14 {font-size: 14px !important;}
.f12 {font-size: 12px !important;} .fb		{font-weight: bold;}
.fl1	{letter-spacing: 1px;}
.fl3	{letter-spacing: 3px;}
.line100{line-height: 100%;}
.line150{line-height: 150%;}
.line200{line-height: 200%;}  .bg-stripe-gray		{background:url(//gaiax-socialmedialab.jp/wp-content/themes/original/images/bg-stripe-gray.png) #d3d3d3;}
.bg-dark			{background-color: #222!important;}
.bg-gray			{background-color: #888!important;}
.bg-silver			{background-color: #ccc!important;}
.bg-lightgray		{background-color: #f0f0f0!important;}
.bg-white			{background-color: #fff!important;} .bg-stripe-blue		{background:url(//gaiax-socialmedialab.jp/wp-content/themes/original/images/bg-stripe-blue.png) #9ad0e4;}
.bg-navy			{background-color: #293248!important;}
.bg-gaiax                        {background-color: #002554!important;}
.bg-blue			{background-color: #0070A7!important;}
.bg-aqua			{background-color: #75c5e2!important;}
.bg-lightblue		{background-color: #e8f5fa!important;} .bg-red			{background-color: #c90813!important;}
.bg-yellow		{background-color: #e5bd4e!important;}
.bg-green		{background-color: #0c7d00!important;}
.bg-transparent	{background-color: transparent;} .bg-rss			{background-color: #ec8013!important;}
.bg-facebook	{background-color: #3b5998!important;}
.bg-twitter		{background-color: #00aced!important;}
.bg-instagram	{background-color: #3f729b!important;}
.bg-line	{background-color: #00c300!important; width:115px; height:34px} .w100	{width: 100%!important;max-width:1200px;}
.w50	{width: 50%;max-width:600px;}
.w25	{width: 25%;max-width:300px;} .mt0	{margin-top: 0!important;}
.mt1	{margin-top: 1px!important;}
.mt5	{margin-top: 5px;}
.mt10	{margin-top: 10px;}
.mt20	{margin-top: 20px;}
.mt30	{margin-top: 30px;}
.mt50	{margin-top: 50px;}
.mt60	{margin-top: 60px;}
.mb0	{margin-bottom: 0;}
.mb10	{margin-bottom: 10px;}
.mb20	{margin-bottom: 20px;}
.mb30	{margin-bottom: 30px;}
.mb50	{margin-bottom: 50px;}
.mb60	{margin-bottom: 60px;}
.mr20	{margin-right: 20px;}
.mr30	{margin-right: 30px;}
.p0		{padding: 0;}
.p6     {padding: 6px;}
.p10	{padding: 10px;}
.p20	{padding: 20px;}
.pt10	{padding-top: 10px;}
.pt20	{padding-top: 20px;}
.pt30	{padding-top: 30px;}
.pl10	{padding-left: 10px;}
.pl20	{padding-left: 20px;}
.plr20	{padding-left: 20px;padding-right: 20px;}
.pbt20	{padding-bottom: 20px;padding-top: 20px;}
.pb0	{padding-bottom: 0!important;}
.no-mgn	{margin: 0;}
.no-pad	{padding: 0;}  .social-area {
width: auto ; padding: 0 ; float: left;
} @media screen and ( max-width:960px ) {
.post-box .social-area{float:left;}
.post-box.post5 .social-area{float:none; clear:both;margin-top:0;}
} @media screen and ( max-width:767px ) {
.post-box .social-area{
float:none!important;
min-height: 0;
height: auto;
}
.post-box.post5 .social-area{margin-top:10px;}
}
@media screen and ( min-width:480px ) {
.social-area {min-height: auto ;}
}  ul.social-button {
width: 238px ;
margin: 0;
padding: 0 ;
border: none ;
list-style-type: none ;
} @media screen and ( min-width:480px ) {
ul.social-button {width: 100% ;}
} ul.social-button li {
float: left ;
text-align: center ;
height: 71px ;
margin: 0 ;
padding:0 ;
}  .sc-tw {width: 71px;}
.sc-tw svg {
width: 30px ;
height: 30px ;
}
.sc-tw a {
height: 56px ;
margin: 0 auto ;
padding-top: 6px ;
display: block ;
background: #1B95E0 ;
font-size: 12px ;
color: #fff ;
font-weight: 700 ;
text-decoration: none ;
letter-spacing: .5px ;
border-radius: 2px ;
}
.sc-tw a:hover {
color: #fff ;
background: #0c7abf ;
}
.sc-tw span:before {
white-space: pre ;
content: '\A' ;
}
.sc-tw span {line-height: 120%;} .sc-fb {
z-index: 99 ;
width: 69px ;
} .sc-li {width: 50px;}
.entry .sc-li-img {
border: none ;
margin: 0 auto ;
padding:0 ;
width: 36px ;
height: 60px ;
} .grid {
max-width: 1000px;
}
.grid-1100 {
max-width: 1100px;
}