/* Color scheme Green
----------------------------------------------- */
body a,
body .site-title a,
body .post-entry .post-entry-headline a,
body .grid-entry .grid-entry-headline a {
	color: #0066FF;
}
body .post-entry .read-more-button,
body .grid-entry .read-more-button,
body input[type="submit"],
body input[type="reset"],
body .header-image .header-image-text .header-image-link,
body #searchform .searchform-wrapper .send {
  background-color: #62cef4;       
}
body .post-entry .read-more-button:hover,
body .grid-entry .read-more-button:hover,
body input[type="submit"]:hover,
body input[type="reset"]:hover,
body .header-image .header-image-text .header-image-link:hover,
body #searchform .send:hover {
	background-color: #0099FF;
}
body .menu-box a:hover,
body .menu-box :hover > a,
body #wrapper-header .menu-box .current-menu-item > a,
body #wrapper-header .menu-box .current-menu-ancestor > a,
body #wrapper-header .menu-box .current_page_item > a,
body #wrapper-header .menu-box .current-page-ancestor > a,
body .menu-panel a:hover,
body .menu-panel :hover > a,
body #wrapper-header .menu-panel .current-menu-item > a,
body #wrapper-header .menu-panel .current-menu-ancestor > a,
body #wrapper-header .menu-panel .current_page_item > a,
body #wrapper-header .menu-panel .current-page-ancestor > a,
body .sidebar-widget a {
	color: #0066FF;
}
body .menu-box ul ul,
body .menu-panel ul ul,
body .top-navigation ul ul {
	border-color: #0066FF;
}
body #footer a,
body .footer-signature .footer-signature-content a {
	color: #62cef4;
}
body .header-description-wrapper,
body .content-headline-wrapper,
#wrapper #wrapper-header .top-navigation .header-icons a:hover,
body .top-navigation ul a:hover,
body .top-navigation ul :hover > a {
  background-color: #62cef4;                          
}


/*------------------------------------------------------------
　お客様の声
-------------------------------------------------------------*/


.cus-h3 {
	text-align: left!important;
	color: #333!important;
}
.cus-h4 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif!important;
	font-size: 1.8em!important;
	font-weight: bold!important;
	color: #7D1A83!important;
	font-weight: normal!important;
	margin-top: 20px!important;
	margin-bottom: 5px!important;
	float: left;
	width: 100%;
	clear: right;
}
.cus-em {
	font-style: normal;
	color: #333;
	border: 1px solid #7D1A83;
	float: left;
	padding: 7px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.photoright {
	float: right;
	color: #333;
	padding-left: 12px;
	margin-right: 16px!important;
	margin-top: 2.2em;
	clear: right;
}
.photoright p {
	margin-left: 0px!important;
	font-size: 0.8em!important;
}
#colm {
	font-style: normal;
	color: #333;
	border: 1px solid #7D1A83;
	float: left;
	padding: 7px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #EEE;
}
#colm h3 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif!important;
	font-size: 1.2em!important;
	font-weight: bold!important;
	color: #7D1A83!important;
	text-align: left!important;
	margin-top: 15px!important;
	margin-bottom: 20px!important;
}
#colm img {
	float: left;
	margin-left: 10px;
	clear: both;
	margin-right: -10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*●お客様の声ボックス*/
#customer-voice{
	height: 100%;
	width: auto;
	margin-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
	clear: both;
}
.customer-voice-inbox{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #838383;
	padding-top: 20px;
	padding-bottom: 2px;
}
.customer-voice-inbox-e{
	padding-top: 20px;
	padding-bottom: 2px;
}
.customer-voice-inbox img ,
.customer-voice-inbox-e img{
	float: left;
	height: 100px;
	width: 156px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.customer {
	color:#333;
	font-size: 1.4em;
	line-height: 1.6em;
	text-align: right!important;
	clear: right;
	float: right;
}

/*------------------------------------------------------------
14、left、right・・・画像を簡単に回り込ませる設定
-------------------------------------------------------------*/

/*左に画像、右に文章*/
.left{
	float: left;
	margin: 0 30px 20px 0!important;
}

/*右に画像、左に画像*/
.right{
	float: right;
	margin: 0 0 20px 30px!important;
}



/*------------------------------------------------------------
　お問い合わせフォーム
-------------------------------------------------------------*/


#contact{
	width: 100%;
	margin-right: 20px;
	margin-left: 20px;
}



/*------------------------------------------------------------
　無料相談会ページ
-------------------------------------------------------------*/



.con-h4 {
	line-height: 1.5em!important;
}

.con-ul {
	border-top-style: none!important;
	border-right-style: none!important;
	border-bottom-style: none!important;
	border-left-style: none!important;
	background-color: #FFF!important;
}




/*------------------------------------------------------------
　FAQページ
-------------------------------------------------------------*/


.question {
	background-image: url(http://www.truth-inc.com/images/common/q.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	margin-top:30px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 45px;
	line-height: 40px;
}
.answer {
	background-image: url(http://www.truth-inc.com/images/common/a.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 30px;
	padding-left: 45px;
}



/*------------------------------------------------------------
　トップページ
-------------------------------------------------------------*/


.imp {
	font-size: 1.1em;
	line-height: 1.4em;
	width: 93.5%;
	padding: 2%;
	margin-right: 4.5%;
	margin-left: 1%;
	border: 1px solid #62cef4;
}


/*------------------------------------------------------------
　文字色
-------------------------------------------------------------*/

.red {
	color: #F00;
}

.entry-content h2 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #62cef4;
	margin-bottom: 15px;
} 


/*
　テーブル　PPC
*/

.table-a h3 {
	margin: 3px;
}


/*------------------------------------------------------------
　social fonts
-------------------------------------------------------------*/


@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?xmtoxc');
    src:    url('../fonts/icomoon.eot?xmtoxc#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?xmtoxc') format('truetype'),
        url('../fonts/icomoon.woff?xmtoxc') format('woff'),
        url('../fonts/icomoon.svg?xmtoxc#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-hatenabookmark-logomark:before {
    content: "\e903";
}
.icon-line:before {
    content: "\e904";
}
.icon-home:before {
    content: "\e905";
}
.icon-google-plus3:before {
    content: "\e900";
}
.icon-facebook2:before {
    content: "\e901";
}
.icon-twitter:before {
    content: "\e902";
}
.icon-rss2:before {
    content: "\e906";
}




/* SNSボタン */
.share {margin-top : 40px;}
.share ul {margin : 0;
    padding : 0;
    list-style : none;}
.share li a {display : block;
    padding : 10px;
    color : #fff;
    font-size : 14px;
    text-decoration : none;
    text-align : center;}
.share li a:hover {opacity :0.8;
    color : #fff;}
.share li a:visited{ color: #fff;}
.share ul:after {content : "";
    display : block;
    clear : both;}
.tweet a{background-color : #55acee;}
.facebook a{background-color : #315096;}
.googleplus a{background-color : #dd4b39;}
.hatena a{background-color : #008fde;}
.line a{background-color: #00c300;}
.pocket a{background-color :#f03e51;}
.rss a{background-color: #ff8c00;}
.feedly a{background-color: #6cc655;}
  
.share li {float : left;
    width : 20%;
    margin : 0;
margin-top:15px;}

@media screen and (max-width:599px){
.share li {
  float : left;
  width : 100%;
  margin:0 2% 3% 0;}
.share li a {border-radius:6px;}
}