body {

	color:#323232 !important;

}



.with_breadcrumbs {
background:url(http://www.hansokutai.com/wp/wp-content/uploads/2014/09/path_bg.png) repeat left 45px;
}


.column2 ul li {
	margin-right:7%;
    margin-left: 15px;
    padding-bottom: 14px;
float:left;
}

.column2 ul li a{
	position: relative;
display:block;
}
.column2 ul li a:after{
	content:"";
	display: block;
	width:5px;
	height:5px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top:50%;
	margin-top:-3px;
left:-16px;
}

#text-3 .textwidget {
	margin-bottom:10px;
}



.main {

	margin-bottom:5%;

}



.content {

	margin-top:106px !important;

}



h1, h2, h3, h4, h5 {

    font-family:"ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku GothicPro", osaka, sans-serif !important;
	font-weight:bold;
}



nav.main_menu ul li a {

    font-family:"ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku GothicPro", osaka, sans-serif !important;
font-size:1rem !important;
font-weight:bold !important;
}



.about_service {

	margin-bottom:1%;

}



.about_service h2 {

	font-size:2.6rem;

	line-height:2.8rem;

	padding-bottom: 14px;

}



.about_service p {

	text-align:center;

	font-size: 1rem !important;
    line-height: 2.2rem !important;
    margin-bottom: 1.5%;

}



.icon_holder {

	margin-bottom:8px !important;

}



.service_icon h4 {

	font-size:1.4rem !important;

	line-height:1.4rem !important;

	margin-bottom:1% !important;

}



.service_icon_all {

	margin-bottom:6%;

}



.service_icon_all .icon_holder img {

	width:auto !important;

	margin-bottom:2%;

}



.service_icon_all p {

	font-size:1rem !important;

	line-height:2.2rem !important;

}



.btn_common a.qbutton {

	font-size:1.6rem !important;

	line-height:3.2rem !important;

	height:3.2rem !important;

	font-weight:normal;

	padding:0 6%;

	border:none;

	border-radius: 5px;

	box-shadow: 0 4px 0 0 #8e1d21;

}



.message {

	background:#f5f4f4 !important;

	margin-top:70px !important;
padding:70px 0 !important;

}

.message .center {margin-bottom:2%; !important;}

.message p {

	margin-bottom:1.5%; !important;

	font-size:1rem !important;

	line-height:2.2rem !important;

}



.message h4 {

	font-size:2.6rem !important;

	line-height:2.6rem !important;

	margin-bottom:1% !important;

}



.message .wpb_wrapper {

	text-align:center;

}



.message a.qbutton {

	font-size:1.6rem !important;

	line-height:3.2rem !important;

	height:3.2rem !important;

	font-weight:normal;

	padding:0 6%;

	border:none;

	border-radius: 5px;

	box-shadow: 0 4px 0 0 #8e1d21;

}



.center {text-align:center;}



.works_icon .large img {

	width:201px !important;

}



.works_title {

	padding-top:2%;

}

.works_title h4 {

	font-size:2.6rem !important;

	line-height:2.6rem !important;

	margin-bottom:1% !important;

}



.works_title p {

	font-size:1rem !important;

	line-height:2.2rem !important;

}

.works_all {
	width:80%;
margin:30px auto;
text-align:center;
}

.works_btn {padding-bottom:2%;}

.works_title_all p {

	font-size:1rem !important;

	line-height:2.2rem !important;

}

.footer_top {

	padding:2% 0 !important;

}



.about_message2,

.about_message {

	text-align:center;

	padding-bottom:2%;

}


.works_title_all h2,
.blog_title h2,
.service_title h2,
.about_message2 h3,
.about_company h2,
.about_message h2 {
	font-size:2.6rem !important;
	line-height:2.6rem !important;
margin-bottom:0% !important;
	margin-top:2% !important;
}



.blog_title h2 {

	padding-bottom:2%;

}



.about_message h2 {

	padding-top:2.5%;

}



.about_message h3 {

	font-size:1.8rem !important;

	line-height:2.4rem !important;

	margin-bottom:1% !important;

	color:#CE2D57;

	font-weight:bold;

}



.about_message2 p,

.about_message p {

	margin-bottom:1.5%;

	font-size:1rem !important;

	line-height:2.2rem !important;

}



.about_vm h4 {

	font-size:1.8rem !important;

	line-height:2.4rem !important;

	padding-top:2%;

}



.about_vm p {

	font-size:1rem !important;

	line-height:2.2rem !important;

}



.about_vm .icon_with_title {

	padding:1% 0 !important;

}



.about_company {

	padding:0 4%;

}



.about_company h2 {text-align:center;}



.about_company dl {

	margin:0 6% 1.5% 6%;
border-bottom:1px solid #eee;
padding-bottom: 1.5%;

}



.about_company dl dt {

	width: 100px;

	height: 100px;

	font-size:1rem !important;

	border-radius: 50%;

	color:#fff;

	background-color: #979696;

	text-align:center;

	line-height:100px;

	display:inline-block;

	margin-right:1.5%;

}



.about_company dl dt.l2 {

	font-size:1rem !important;

	line-height:1.2rem !important;

	padding-top:27px;

	height: 73px;

}



.about_company dl dd.l2 {

	padding-bottom:2%;

}



.about_company dl dd {

	display:inline-block;

	font-size:1rem !important;

	line-height:1.2rem !important;

	vertical-align: middle;

}



.about_message2 {

	background:#F6F5F5;

	padding:5% 0;

}



.about_message2 a.qbutton {

	font-size:1.6rem !important;

	line-height:3.2rem !important;

	height:3.2rem !important;

	font-weight:normal;

	padding:0 6%;

	border:none;

	border-radius: 5px;

	box-shadow: 0 4px 0 0 #8e1d21;

}



.service_icon .icon_holder img {

	width:auto !important;

	margin-bottom:2%;

}



.service_icon .icon_text_holder p {

	font-size:0.8rem !important;

	line-height:1.4rem !important;

}



.service_title h2 {

	margin-bottom:2%;

}



.service_icon {

	padding-bottom:6%;

}



.service_detail .icon_holder,

.service_detail .icon_text_inner {

	text-align:left;

	margin-bottom:0 !important;

	line-height:0;

}



.service_detail .icon_holder img {

	width:auto !important;

}



.service_detail .accordion_holder {

	margin-bottom:0 !important;

}



.service_detail .accordion_holder span.tab-title {

	font-weight:bold;

font-size:1rem;

}



.service_detail .accordion_content {

    padding: 0 20px 0 42px !important;

}



.service_detail .icon-wrapper {display:none;}

.service_detail .tab-title {padding-left:2%;}



.service_detail .column_container {

	margin-bottom:6%;

}





.header_inner_right .side_menu_button a {

	text-indent:-9999px;

	background:url(http://hanoskutai.gehirn.ne.jp/official/wp/wp-content/uploads/2014/06/icon_logo.png) no-repeat left center;

	margin-left: 15px;

}



.header_top h1 {

	text-align:center;

color:#fff;

font-weight:normal;

font-size:1em;

}



#respond textarea, #respond input[type="text"], .contact_form input[type="text"],.contact_form input[type="email"], .contact_form textarea {

    background-color: rgba(0, 0, 0, 0);

    border: 1px solid #EDEDED;

    color: #323232;

    font-family: 'Open Sans',sans-serif;

    font-size: 13px;

    margin: 0 0 20px;

    outline: 0 none;

    padding: 12px 4%;

    resize: none;

    width: 92%;

}



.contact_form p {

	width:48% !important;

	display:inline-block !important;

}



.contact_form p.message_text {

	width:96.5% !important;

}



.contact_form input {

	

}



.hansokutai_contents {

	padding:1% 0;

}



footer .column3,

footer .column4 {

	display:none;

}



.four_columns > .column2 {

	width:75% !important;

}



/* Facebook Like Box width: 100% */

.fbcomments,

.fb_iframe_widget,

.fb_iframe_widget[style],

.fb_iframe_widget iframe[style],

.fbcomments iframe[style],

.fb_iframe_widget span{

    width: 100% !important;

}





















/* SP */

@media screen and (max-width: 641px) {



.about_service h1 {

	font-size:1.8rem;

	line-height:1.8rem;

	padding-bottom: 14px;

}

.message a.qbutton,

.about_message2 a.qbutton,

.btn_common a.qbutton {

	font-size:1rem !important;

	line-height:2.2rem !important;

	height:2.4rem !important;

}



.works_title h4,

.message h4,

.blog_title h2,

.service_title h2,

.about_message2 h3,

.about_company h2,

.about_message h2 {

	font-size:1.8rem !important;

	line-height:1.8rem !important;

	margin-bottom:2% !important;

	margin-top:2% !important;

	text-align:left !important;

	padding:0 8%;

}



.about_message h3 {

	text-align:left !important;

	padding:0 8%;

}



.about_message2 p,

.about_message p {

	text-align:left !important;

	padding:0 8%;

}



.about_message2 p.about_logo_top,

.about_message p.about_logo_top {

	text-align:center !important;

}



.about_vm h4 {

	text-align:left !important;

	padding:0 8%;

}



.about_vm p {

	text-align:left !important;

	padding:0 8%;

}



.wpb_row section {

	padding:3.125% 0 !important;

}



.about_company dl dt,

.about_company dl dd {

	display:block;

}



.about_company {

	padding:0 !important;

}



.about_company .section_inner {

	width:100% !important;

}



.about_company dl {

	margin:0 0 4% !important;

}



.about_company dl dt {

	width: 100% !important;

	height: 1.2rem !important;

	border-radius: 0 !important;

	text-align:left !important;

	line-height:1.2rem !important;

	display:block !important;

	margin-right:0 !important;

	padding:1% 0 1% 3.125% !important;

	margin-bottom:1% !important;

}



.about_service p {

	text-align:left !important;

padding:0 8%;

}



.message p {

	text-align:left !important;

}


.works_title h2 {
	
}


.works_title p {

	text-align:left !important;

padding:0 8%;

}





}











/*

Theme Name: River

Theme URI: http://demo.qodeinteractive.com/river/

Description: River Theme

Tags: creative, portfolio, multi-purpose, clean, retina, responsive, wpml, parallax, background video, mega menu, blog, agency, infographics, art

Author: Qode Interactive

Author URI: http://www.qodeinteractive.com/

Version: 1.1

License: GNU General Public License

License URI: licence/GPL.txt



*/



/*

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

1.1

- Added scroll on side menu area when content is higher than screen

- Improved resize logic for wide menu

- Updated mobile menu arrows, they are larger now and hover efect is disabled

- Updated LayerSlider to version 5.0.2

- Fixed bug with blog pagination on blog small image template

- Fixed bug with portfolio circle list excerpt

- Fixed bug with logo loading

- Fixed bug with service element loading on page transitions

- Fixed 'qode like' functionality on portfolios that are inerted via 'load more' functions

- Fixed responsive bug when browser's width is less then 1100px

- Fixed bug with menu on IE when animations are disabled

- Fixed bug with 404 subtitle field in Qode options



1.0.5

- Improved resize stages and menu resizing on smaller screens

- Updated LayerSlider to version 5.0.1

- Fixed bug with Visual Composer css loading

- Fixed some minor bugs with anchor active class

- Fixed Google font inclusion bug

- Fixed progress bar percentage position

- Fixed circle portfolio list

- Sorted font awesome icons



1.0.4

- Improved "viewport" metatag for non responsive sites

- Fixed anchor logic when ajax loader is not on

- Fixed anchor hash changing on same page

- Fixed logic for getting logo height so it doesn't require allow_url_fopen directive to be enabled

- Fixed a bug with latest blog shortcode regarding localization of the post dates

- Fixed header height when side area is disabled

- Fixed mobile menu active state

- Fixed pagination on home.php file

- Fixed rendering of P tags on "gallery" post format





1.0.3

- Added background color for mobile dropdown menu

- Added functionality for side menu and mobile menu button color changing (takes color from first level menu, on smaller screens from mobile dropdown background color)

- Improved mobile menu logic, now closing on menu item click

- Fixed deliting of custom sidebars

- Fixed steps attributes for line graph shortcode for Visual Composer

- Fixed portfolio list for new version of Chrome

- Fixed background color for Call to Action widget





1.0.2

- Added anchor functionality on parallax sections, custom links (manualy added class needed) and buttons

- Added icon fade animation and delay attributes for icon with text shortcode

- Added style for search widget in top header

- Added entering animation on "centered" title type

- Updated portfolio list shortcode to add one portfolio item per row

- Updated smooth scroll on/off logic to choose between all devices and all without Mac devices (all devices are not including touch devices)

- Fixed minor validation errors

- Fixed category attribute in latest posts shortcode

- Fixed blog responsiveness (social and like links)





1.0.1

- Fixed css animations (from top and bottom)

- Fixed ajax loader color changing(first color)

- Fixed layout for whole post blog type

- Fixed single post layout for video type

*/

.contact_form p.btn_send {
width:100% !important;
text-align:center;
}



/*margin*/
.mb120 {
  margin-bottom: 120px !important;
}
.mb115 {
  margin-bottom: 115px !important;
}
.mb110 {
  margin-bottom: 110px !important;
}
.mb105 {
  margin-bottom: 105px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mb95 {
  margin-bottom: 95px !important;
}
.mb90 {
  margin-bottom: 90px !important;
}
.mb85 {
  margin-bottom: 85px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb75 {
  margin-bottom: 75px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mb65 {
  margin-bottom: 65px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb55 {
  margin-bottom: 55px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mt120 {
  margin-top: 120px !important;
}
.mt115 {
  margin-top: 115px !important;
}
.mt110 {
  margin-top: 110px !important;
}
.mt105 {
  margin-top: 105px !important;
}
.mt100 {
  margin-top: 100px !important;
}
.mt95 {
  margin-top: 95px !important;
}
.mt90 {
  margin-top: 90px !important;
}
.mt85 {
  margin-top: 85px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.mt75 {
  margin-top: 75px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt65 {
  margin-top: 65px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt55 {
  margin-top: 55px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt5 {
  margin-top: 5px !important;
}

/*blog*/
.blog h3{margin:30 0 10 0;border-left:5px solid red; padding: 5px 5px 5px 5px;}
.underline{text-decoration: underline;}

/*無料相談*/

.soudan p{font-size:125%;line-height:180%;}
.soudan li{font-size:130%;line-height:180%;font-weight:bold;list-style-type: none;margin-left:60px;margin-right:60px;}
.soudan h3{
    font-size: 1.8rem !important;
    line-height: 2.4rem !important;
    margin-bottom: 1% !important;
    color: #CE2D57;
	font-weight:bold;
	text-align:center;
	margin-top:50px;
	margin-bottom:20px;
}
.midashi{font-weight:bold;font-size:130%;}

.sankaku{
	width: 0;
	height: 0;
	    border-left: 150px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 150px solid transparent;
	border-top: 70px solid #f54325;
	margin: 0 auto;
}