@charset "UTF-8";
/*
Theme Name: Original
*/

/*********************************************************
【初期化】
*********************************************************/
* {	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:#ccc;*/color:#333333;}
form input[type="text"]:focus{color:#222;}
/**********************************************************
【aリンク・マウスオーバー・不透明度の設定】
**********************************************************/
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;
}
/**********************************************************
【images画像設定】
**********************************************************/
/**********************************************************
【見出しタイトル設定】
**********************************************************/
h1 , .h1 {font-size: 40px;}
h2 , .h2 {/*font-size: 30px;*/font-size: 20px;}
h3 , .h3 {font-size: 24px;}
h4 , .h4 {font-size: 20px;}
h5 , .h5 {font-size: 18px;}
h6 , .h6 {font-size: 16px;}
/**********************************************************
【border-radius角丸設定】
**********************************************************/
.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;}
/**********************************************************
【border枠線ボーダー設定】
**********************************************************/
.b-gray		{border: 1px solid #e8e8e8;}
.b-lightblue{border: 1px solid #e8f5fa;}
.b-white	{border: 1px solid #fff;}
/**********************************************************
【alignテキスト文字揃え設定】
**********************************************************/
.al-center	{text-align: center;}
.al-left	{text-align: left;}
.al-right	{text-align: right;}
/****************************************************************
【float左右寄せ設定】
*****************************************************************/
.fl-left	{float: left !important;}
.fl-right	{float: right !important;}
/*********************************************************
【clearfixクリアフィックス設定】
*********************************************************/
.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;
}
/* exlude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
/* end MacIE5 */
.clear{
	clear:both;
}
/* IE6 */
* html .clearfix {
	zoom: 1;
}
/* IE7 */
*:first-child+html .clearfix {
	zoom: 1;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*********************************************************
【a buttonボタン設定】
*********************************************************/
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・スマートフォン表示設定】
**************************************************************/
.pc-only{display:block;}
.sp-only{display:none;}
/***********************************************************
【headerヘッダー設定】
***********************************************************/
.header {
	width: 100%;
}
.header .logo{
	/*padding-top: 10px;*/
	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 10px;*/
	margin: 0 0 6px;
}
.head-sns-nav {
	padding: 0;
	margin: 0;
}
.head-sns-nav li{
	float: left;
	/*margin-left:10px;*/
	margin-left:6px;
	text-align:center;
}
.head-sns-nav li a{
	display:block;
	/*width:40px;
	height:40px;*/
	width:34px;
	height:34px;
}
a.bg-line { position:relative; }
.icon-line {
    position: absolute;
    top: 20%;
    left: 22%;
}
/***********************************************************
【global-nav グローバルナビ設定】
***********************************************************/
.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%;
        /*font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;*/
}
#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: 11px 0 6px;*/
	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: #0070A7;*/
	background: #222;
	color: #fff;
	opacity: 1;
}

.gnav-wrap-tablet li a{
        color: #222;
        display: block;
        font-size: 14px;
        font-weight: bold;
        /*padding: 11px 0 6px;*/
        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: #0070A7;*/
        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;}/*.archive .gnav-wrap li.current{background-color: #f0f0f0;}*/

.gnav-wrap-tablet li a:hover small {color: #fff;}
.gnav-wrap-tablet li.current{background-color: #f0f0f0;}/*.archive .gnav-wrap 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:#08318f;*/color:#222;}
.gnav-wrap li small{font-size: 10px;}
.gnav-wrap li.current a small{/*color:#199ece;*/color:#222;}
.gnav-wrap li.current a:hover,

.gnav-wrap-tablet li.current a{/*color:#08318f;*/color:#222;}
.gnav-wrap-tablet li small{font-size: 10px;}
.gnav-wrap-tablet li.current a small{/*color:#199ece;*/color:#222;}
.gnav-wrap-tablet li.current a:hover,

#pc-menu li.current a:hover small {
	/*background-color:#0070A7;*/
	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: 32px;*/
	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:20px;*/
	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:12px;*/
	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:5px;*/
	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:12px;*/
	font-size:11px;
	width:auto;
	/*margin:0 10px 0 0;*/
	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:14px;*/
	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;
}
/***********************************************************
【Wordpressワードプレス独自クラス設定】
***********************************************************/
.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:#222;*/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:#445;*/background:#999;font-size:20px;}
.single .entry h4{/*background:#666;*/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;
/*width:100%;*/
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{
	/*padding:10px;*/
	list-style-type:disc;
	/*margin-left:20px;*/
    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%;}
/***********************************************************
【Wordpress固定ページ 各個別ページ設定】
***********************************************************/
/*home ホーム トップページ*/
.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:10px;*/
	padding:8px 10px;
	background:#fff;
	width:100%;
	height:auto;
	font-weight: bold;
	color:#555;
	/*line-height:150%;*/
	line-height:140%;
}
.home-content-nav li:first-child a{
	background:#222;
	color:#fff;
	/*font-size:18px;*/
	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 {
    /*width: 16.667%;*/
    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:200px;*/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;
}


/***********************************************************
【Wordpress投稿設定】
***********************************************************/
/*pagination ページナビ ページ送り*/
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%;
}
/*.pagination span, .pagination a {*/
.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;
}

/***********************************************************
【Wordpress固定ページ 各アーカイブページ設定】
【Wordpressタクソノミー投稿設定】
***********************************************************/
.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("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("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("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("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("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("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("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;
}




/***********************************************************
【Wordpressカスタム投稿設定】
***********************************************************/

/***********************************************************
【ボックス設定】
***********************************************************/
/*メイン画像キービジュアルボックス*/
.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;
}
/*SNSソーシャルサービスナビボックス*/
.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:25%;*/
	width:33.3%;
	/*border-right:1px solid #fff;*/
	height: 100px;
}
.sns-box li a{
	display:block;
	text-align:center;
	padding:10px;
}
.single ul.sns-box, .page ul.sns-box	{margin-top:1px;}
/*.page .sns-box li	{height: 100px;}*/
.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;
	/**/
	/*width:100%;
	height:auto;
	min-height: auto;*/
}
.entry .post-box.post1 img{
	max-width:100%;
}
.post-box.post1	{height: auto;}
.post-box.post1 .post-img {/*height: 480px;*/height:340px;}
.post-box.post1 .post-title{font-size:24px;line-height:135%;}
.post-box.post2	{/*height: 290px;*/height:330px;}
.post-box.post2 .post-img {/*height: 290px;*/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:14px;*/font-size:13px;line-height:135%;}
.post-box.post6 {/*height: 445px;*/height: 604px;}
.post-box.post6 .post-img {/*height: 280px;*/height: 320px;}
.post-box.post6 .post-title{font-size:24px;line-height:135%;margin-bottom:10px;}
.post-box.post7 {/*height: 135px;*/height: 188px;margin-bottom:20px;}
.post-box.post7 .post-title{/*font-size:18px;*/font-size:14px;line-height:130%;}
.post-box .post-text{/*padding:10px;*/ 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:10px 0 0;*/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 {/*margin-top:0;*/}
.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:10px;*/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:5px;*/
	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;
    /*margin-left: 3px;*/
}
.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)*/
.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;
}
/*ソーシャルボタン(archive)*/
.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:580px;*/
	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:24px;*/font-size:20px;}
.slider-child .post-title a	{color:#fff;}
.slider-child .calendar-comment-box {padding:2px 10px; margin-right:10px; /*width:300px;*/width:110px;}
.slider-child img{
	/*width: 100%;*/
	/*height:auto;*/
    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%;}
/**************************************************************
【contactform7 フォーム設定】＊本案件未使用
**************************************************************/
.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: 80px;*/
	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: #0070A7;*/
	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: #293248;*/
    background-color:#f5f6f7;
    position: absolute;
    right: 10px;
    top: 10px;
    /*width: 32px;
    height: 32px;*/
    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: #0070A7;*/
       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 15px 0px;*/
	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 {
    /*border-left:1px solid #e8e8e8;*/
}
.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上に戻るの設定】
**********************************************************/
#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: 769px) and (max-width: 960px) {*/
@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: 400px;*/height:550px;overflow:hidden;} 
.post-box.post7 {/*height: 130px;*/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:240px;*/height:270px;}
/*.post-box.post6 .post-text{width: 66.66%;padding-top: 10px;}*/
.post-box.post7 .post-text{width: 66.66%;padding-top: 10px;}
.post-box.post7 .post-img {/*height: 130px;*/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;
        /*margin-bottom: 5px;*/
}
.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;
	/*white-space: nowrap;*/
}
.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%;
    /*margin-top:4%;*/
}

.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;
	/*white-space: nowrap;*/
}
.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;
}
/*--------ohnuma--------*/
.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*/
.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(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(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;}
/* SNSソーシャル系 */
.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}
/**********************************************************
【width・height幅・高さ設定】
**********************************************************/
.w100	{width: 100%!important;max-width:1200px;}
.w50	{width: 50%;max-width:600px;}
.w25	{width: 25%;max-width:300px;}
/**********************************************************
【margin・padding設定】
**********************************************************/
.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 ;
	/*min-height: 190px ;*/
	padding: 0 ;
	/*float:right;*/
	float: left;
}
/* デスクトップPCでは高さを拡張する */
@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:768px ) {*/
@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]要素*/
/*スマホ*/
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% ;}
}
/*[li]要素*/
ul.social-button li {
	float: left ;
	text-align: center ;
	height: 71px ;
	margin: 0 ;
	padding:0 ;
}
/*各種ボタン*/
/*[Twitter]*/
.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%;}
/*[Facebook]*/
.sc-fb {
	z-index: 99 ;
	width: 69px ;
}
/*[LINE]*/
.sc-li {width: 50px;}
.entry .sc-li-img {
	border: none ;
	margin: 0 auto ;
	padding:0 ;
	width: 36px ;
	height: 60px ;
}
/***********************************************************
【グリッド設定】simplegrid.css参照
***********************************************************/
.grid {
    max-width: 1000px;
}

.grid-1100 {
    max-width: 1100px;
}