@charset "utf-8";

/*-----------------------------------------------------
	Setting List
-------------------------------------------------------

	0.Common Setting
		→文字サイズ、色、行高

	1.Frame

	2.Header

	3.Main

	4.Footer
		→フッタメニュー
		→コピーライト

	5.Left Menu
		→全ページ共通メインメニュー
		→関連リンク

	6.Right Content
		→トップページ
		→アーカイブニュースページ
		→サービスページ
		→導入事例ページ
		→作業体制
		→よくある質問
		→コラム
		→お問い合わせ

-----------------------------------------------------*/


/*-----------------------------------------------------
  0.Common Setting
-----------------------------------------------------*/
body {
	background-color: #eee;
}

img {
    vertical-align: bottom;
}
/* 文字サイズ */
.txt9pt {font-size: 9pt;}
.txt10pt {font-size: 10pt;}
.txt11pt {font-size: 11.5pt;}
.txt12pt {font-size: 12pt;}
.txt13pt {font-size: 13pt;}
.txt15pt {font-size: 15pt;}

/* 文字装飾 */
.td-bold {font-weight: bold;}

/* 文字カラー */
.color-grey {color: #666666;}
.color-black {color: #000000;}
.color-white {color: #FFFFFF;}
.color-brown {color: #916200;}

/* 行高 */
.lh100e {line-height: 1.0;}
.lh110e {line-height: 1.1;}
.lh122e {line-height: 1.22;}
.lh133e {line-height: 1.33;}
.lh150e {line-height: 1.5;}
.lh175e {line-height: 1.75;}
.lh200e {line-height: 2.0;}

/* 背景（文字以外でも利用） */
.tbg-green {background: #E7FF04;}
.bg-cg-brown {background: url(../images/bg_cg-brown.gif) 0% 0%;}

/* 上下のスペース追加 */
.ts10p {padding-top: 10px;} /* 上 */
.ts15p {padding-top: 15px;}
.ts20p {padding-top: 20px;}
.ts25p {padding-top: 25px;}
.ts30p {padding-top: 30px;}
.ts40p {padding-top: 40px;}
.ts50p {padding-top: 50px;}
.us10p {padding-bottom: 10px;} /* 下 */
.us15p {padding-bottom: 15px;}
.us20p {padding-bottom: 20px;}
.us25p {padding-bottom: 25px;}
.us30p {padding-bottom: 30px;}
.us40p {padding-bottom: 40px;}
.us50p {padding-bottom: 50px;}

/* 左右のスペース追加 */
.ls5p { margin-left: 10px} /* 左 */
.ls10p { margin-left: 10px}
.ls15p { margin-left: 15px}
.ls20p { margin-left: 20px}
.ls25p { margin-left: 25px}
.ls30p { margin-left: 30px}
.rs5p { margin-right: 5px} /* 右 */
.rs10p { margin-right: 10px}
.rs15p { margin-right: 15px}
.rs20p { margin-right: 20px}
.rs25p { margin-right: 25px}
.rs30p { margin-right: 30px}

.is-pc-inline{
  display: inline;
}

.is-pc-block{
  display: block;
}

.is-sp-inline {
  display: none;
}

.is-sp-block {
  display: none;
}

.align-left{
  text-align: left !important;
}
.align-right{
  text-align: right !important;
}
.align-center{
  text-align: center !important;
}

.primary-btn-block{
  margin: 25px auto 15px;
  text-align: center;
}

.btn-primary{
  display: inline-block;
  box-sizing: content-box;
  background-color: #039be5;
  border: 2px solid #fff;
  border-radius: 8px;
  margin: 0 auto;
  padding: 0 18px;
  width: 50%;
  height: 50px;
  line-height: 51px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-shadow: none;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

.mfp_buttons .btn-primary{
  width: auto;
  margin: 0 1%;
}

.mfp_buttons .btn-primary[type="submit"]{
  width: 40%;
}

.mfp_buttons .btn-primary[type="submit"]:hover,
.mfp_buttons .btn-primary[type="submit"]:active,
.mfp_buttons .btn-primary[type="submit"]:focus{
  background-color: #4fc3f7 !important;
}

.btn-primary:hover,
.btn-primary:active{
  transition: background 0.5s 0s ease;
  text-decoration: none;
  background-color: #4fc3f7;
  color: #fff;
}

.btn-primary:visited{
  color: #fff;
}

.btn-primary::after{
  content: url(../images/link-arrow-white.png);
  position: relative;
  top: 1px;
  left: 2px;
}

.btn-small{
  color: #fff;
}

.btn-small:hover,
.btn-small:active,
.btn-small:visited{
  color: #fff;
  text-decoration: none;
}

/*-----------------------------------------------------
  1.Frame
-----------------------------------------------------*/
#wrapper {
	/* width: 980px; */
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*-----------------------------------------------------
  2.Header
-----------------------------------------------------*/
#header {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
#bgheader {
    background-image: url(../images/bg_header.jpg);
    background-repeat: repeat-x;
    height: 51px;
    width: 100%;
}
#header #rogo a{
    background-image: url(../images/company_rogo.jpg);
    float: left;
    height: 51px;
    width: 178px;
}
.dammy {
    text-indent: -9999px;
    font-size: 0px;
    line-height: 0px;
}
#header #bp {
    float: left;
    margin-top: 20px;
    margin-left: 30px;
    font-size: 10pt;
}
#header #right {
    float: right;
}
#header #right #lang li {
    float: left;
    margin-left: 10px;
    font-size: 10pt;
}
#header #right #portal {
    margin-bottom: 8px;
}

/*----------------------------------------------------------------------
    2-2.Global-Navi
----------------------------------------------------------------------*/
#global {
	background-color: #1657aa;
	background-position: left bottom;
	clear:both;
	margin-right: 0px;
	margin-left: 0px;
}

#global ul {
	/* display: flex; */
	width: 980px;
	height: 58px;
	list-style: none;
	margin-right: auto;
	margin-left: auto;
	clear: none;
}

#global li {
	list-style:none;
	display: inline-block;
	/* flex-grow: 1; */
}

#global a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	display: block;
	background-color: #ad3434;
	margin-top: 5px;
	margin-bottom: 6px;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 16px;
	width: 191px;
	height: 48px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 1;
}

#global a:hover {
	background-color: #cc5252;
	text-decoration: none;
}

#global a span {
	display: inline-block;
}
#global a span::before {
	position: relative;
	top: -2px;
	content:url(../images/gnav_arrow.png);
	display: inline-block;
	margin-right: 4px;
}
#global a:hover span::before{
	opacity: 0.8;
}

/*-----------------------------------------------------
  3.Main
-----------------------------------------------------*/
#main {
	background: #e5d7c3;
	padding-top: 20px;
}

.page-title {
  font-size: 22pt;
  color: #1380bf;
}

/*-----------------------------------------------------
  Relation
-----------------------------------------------------*/
#relation{
    background-color: #eee;
    background-image: url(../images/bg-books-2000.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    width: 100%;
}

#relation .relation-inner{
    margin: 0 auto;
    padding: 30px 0 40px;
    width: 950px;
}

#relation .relation-title{
    margin-bottom: 18px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #666;
}

#relation .relation-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#relation .relation-item{
    list-style: none;
    margin: 8px;
    width: 200px;
}

#relation .relation-item a{
    display: block;
    background: #fff;
    text-align: center;
    opacity: 0.8;
    width: 100%;
}
#relation .relation-item a:hover{
    opacity: 1;
}
#relation .relation-item img{
    width: 176px;
    height: 56px;
}


/*-----------------------------------------------------
  4.Footer
-----------------------------------------------------*/
#footer {
	/* width: 959px; mainに内包される */
	background-color: #eee;
	/* background: #FFFFFF url(../images/hutter_u.gif) no-repeat 50% 0%; */
	margin-left: auto; margin-right: auto;
}

/* フッタメニュー */
#footer-menu {
	width: 980px;
	height: 30px;
	margin-right: auto;	margin-left: auto;
	padding-top: 30px;
	clear: right;
}

#footer-menu li {
	float:left;
	margin-right: 15px;
	margin-left: 15px;
	padding-left: 30px;
	border-left: 1px solid #b33636;
}
#footer-menu li:first-child {
	border-left: none;
}

#footer-menu li a {
	color: #b33636;
	line-height: 18px;
}

#footer-menu li a::before {
  position: relative;
  top: -2px;
  content: url(../images/footer_link_arrow_red.png);
  display: inline-block;
  margin-right: 4px;
}

#footer-menu li a[target="_blank"]::after {
  position: relative;
  top: 1px;
  content: url(../images/icon_other_tab_red.png);
  display: inline-block;
  margin-left: 4px;
}


/* コピーライト */

#copyright {
	/* background: url(../images/futter_b.gif) repeat-y 50% 0%; */
	margin: 10px auto 0;
}

#copyright .copyright{
  color: #888;
  font-size: 13px;
  text-align: center;
}

/*-----------------------------------------------------
  5.Left Menu
-----------------------------------------------------*/
#left { /* menu */
	display: none;
	width: 180px;
	float: left;
	margin-right: 2px; padding-bottom: 40px;
}

/* 全ページ共通 メインメニュー */
#left #main-menu {
	width: 162px;
	margin-top: 6px; margin-bottom: 24px; margin-right: 3px; margin-left: 15px;
	display: block;
	background: url(../images/left_menu_bg.gif) repeat-y 50%;
}

#left #main-menu li {width: 162px;}
/* メニュー上下部分 */
#left #main-menu .top {height:4px; background: url(../images/left_menu_top.gif) no-repeat 50% 0%;}
#left #main-menu .bottom {height:4px; background: url(../images/left_menu_bottom.gif) no-repeat 50% 0%;}

/* 各メニューボタン */
#left #main-menu a {width: 162px; height: 32px; display:block; padding-bottom: 1px;}

#left #main-menu .service a {background: url(../images/left_menu01.jpg) no-repeat 50% 0%;}
#left #main-menu .service a:hover {background: url(../images/left_menu01.jpg) no-repeat 50% 0%;}

#left #main-menu .service-sub01 a {background: url(../images/left_menu01-sub01.jpg) no-repeat 50% 0%;}
#left #main-menu .service-sub01 a:hover {background: url(../images/left_menu01-sub01o.jpg) no-repeat 50% 0%;}

#left #main-menu .service-sub02 a {background: url(../images/left_menu01-sub02.jpg) no-repeat 50% 0%;}
#left #main-menu .service-sub02 a:hover {background: url(../images/left_menu01-sub02o.jpg) no-repeat 50% 0%;}

#left #main-menu .service-sub03 a {background: url(../images/left_menu01-sub03.jpg) no-repeat 50% 0%;}
#left #main-menu .service-sub03 a:hover {background: url(../images/left_menu01-sub03o.jpg) no-repeat 50% 0%;}

.casestudy-head {
  padding: 30px 70px;
}

#left #main-menu .casestudy a {background: url(../images/left_menu02.jpg) no-repeat 50% 0%;}
#left #main-menu .casestudy a:hover {background: url(../images/left_menu02o.jpg) no-repeat 50% 0%;}

#left #main-menu .framework a {background: url(../images/left_menu03.jpg) no-repeat 50% 0%;}
#left #main-menu .framework a:hover {background: url(../images/left_menu03o.jpg) no-repeat 50% 0%;}

#left #main-menu .column a {background: url(../images/left_menu04.jpg) no-repeat 50% 0%;}
#left #main-menu .column a:hover {background: url(../images/left_menu04o.jpg) no-repeat 50% 0%;}

#left #main-menu .faq a {background: url(../images/left_menu05.jpg) no-repeat 50% 0%;}
#left #main-menu .faq a:hover {background: url(../images/left_menu05o.jpg) no-repeat 50% 0%;}

#left #main-menu .contact a {background: url(../images/left_menu06.jpg) no-repeat 50% 0%; /* メニューの末尾には空白を入れない設定 */ padding-bottom: 0px;}
#left #main-menu .contact a:hover {background: url(../images/left_menu06o.jpg) no-repeat 50% 0%;}

#left #main-menu .result a {background: url(../images/left_menu07.jpg) no-repeat 50% 0%;}
#left #main-menu .result a:hover {background: url(../images/left_menu07o.jpg) no-repeat 50% 0%;}

/* 関連リンク(仮) */
#left #sbsite {
	width: 162px;
	margin-top: 7px;
	margin-right: 3px;
	margin-left: 15px;
	display: block;
	background: #FFFFFF;
}

#left #sbsite .sb-link {
	width: 140px;
	margin-right: auto;	margin-left: auto;
	padding-top: 6px; padding-bottom: 12px;
}

#left .bnr {
	margin-left: 13px;
	margin-top: 12px;
}

/*-----------------------------------------------------
  6.Right Content
-----------------------------------------------------*/
#right {
  background-color: #fff;
	margin: 0 auto 30px;
	width: 779px;
	/* float: left; */
	clear: none;
}

/* .bg-index {background: url(../images/bg_main_body.jpg) repeat-y 50% 0%;} */
/* .bg-service {background: url(../images/service_back.jpg) repeat-y 50% 0%;} */

.bg-index {
  padding-bottom: 30px;
}
.bg-service {
  padding-bottom: 30px;
}

/*------------ トップページ オブジェクト ------------*/
#top-pr {
	width: 686px;
	margin-right: auto;	margin-left: auto;
}

/* メニューボタン3つ */
#top-menu {
	width: 635px; height: 86px;
	margin-right: auto;	margin-left: auto;
	padding-top: 38px;
}

#top-menu li {float: left;}

#top-menu a {display: block; height: 59px; width: 177px; background: no-repeat 50% 50%;}

#top-menu .space {padding-left: 52px; padding-right: 52px;}

#top-menu .top-merit a {background: url(../images/btn_main_01.jpg);}
#top-menu .top-merit a:hover {background: url(../images/btn_main_01o.jpg);}

#top-menu .top-current a {background: url(../images/btn_main_02.jpg);}
#top-menu .top-current a:hover {background: url(../images/btn_main_02o.jpg);}

#top-menu .top-approach a {background: url(../images/btn_main_03.jpg);}
#top-menu .top-approach a:hover {background: url(../images/btn_main_03o.jpg);}

/* 求人募集 */
#recruite {width: 633px; border: 1px solid #CCCCCC; margin-left: auto; margin-right: auto; margin-bottom: 32px;}

#recruite p {
	font-size: 13px;
	line-height: 1.75;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
}

/* ニュース */
#archivenews {width: 633px;	border: 1px solid #CCCCCC; margin-left: auto; margin-right: auto; margin-bottom: 32px;}

#archivenews ul {width: 583px; padding-top: 15px; margin-left: auto; margin-right: auto;}

#archivenews li {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #CCCCCC;}

#archivenews .date {width: 105px; float: left; clear: right;}

/* ニュース一覧 */
#archivenews .newslist {height: 33px; padding-right: 10px;}

#archivenews .newslist a {width: 76px; height: 26px; background: url(../images/btn_list_01.jpg) 50% 50%; float: right;}
#archivenews .newslist a:hover {background: url(../images/btn_list_01o.jpg);}


/*------ アーカイブニュースページ オブジェクト ------*/

#news_title {
  width: 649px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
  padding-bottom: 40px;
}

#news_body {
  width: 649px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}
#news_body li {
	padding-bottom: 10px;
  padding-left: 7px;
  padding-right: 15px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}
#news_body .date {width: 105px;
  float: left;
clear: right;
}


/*----------- サービスページ オブジェクト -----------*/

#service-menu { /* 上部背景 */
  box-sizing: border-box;
  margin: 0 auto;
	width: 779px;
  height: 100px;
	padding-left: 90px;
	background: url(../images/service_header.png) repeat-x 50% 0%;
	display: block;
}

/* 上部メニュー */
#service-menu li {width: 197px; height: 94px; margin-right: 10px; float: left; display: block;}
#service-menu a {width: 197px; height: 94px; display: block;}

#service-menu .selected {
  background-repeat: no-repeat;
  background-position: 50% 0%;
}
#service-menu .selected a {
  background-repeat: no-repeat;
  background-position: 50% 0%;
}


#service-menu .service01.selected {background-image: url(../images/service_m1o.png);}
#service-menu .service01 a {background-image: url(../images/service_m1.png);}
#service-menu .service01 a:hover {background-image: url(../images/service_m1on.png);}

#service-menu .service02.selected {background-image: url(../images/service_m2o.png);}
#service-menu .service02 a {background-image: url(../images/service_m2.png);}
#service-menu .service02 a:hover {background-image: url(../images/service_m2on.png);}

#service-menu .service03.selected {background-image: url(../images/service_m3o.png);}
#service-menu .service03 a {background-image: url(../images/service_m3.png);}
#service-menu .service03 a:hover {background-image: url(../images/service_m3on.png);}

#service-merit .merit-blue-text{
  height:auto;
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 20px;
  display: block;
  line-height: 1.5;
  font-size: 10pt
}


/* ページ上部文言 */
#right #service-pr {
	width: 459px;
	margin-right: auto;
  margin-left: auto;
  text-align: center;
}

#right #service-pr .service-title{
  margin: 10px auto;
}

/* Service 01 資料整理のメリットと重要性 オブジェクト */
#service-merit {
	width: 688px;
	margin-right: auto;	margin-left: auto;
}

/* 各メリットのタイトル */
#service-merit .case {width: 338px; height: 318px; margin-top: 28px; float: left;}
#service-merit .merit-title01 {background: url(../images/service_1_sub1.jpg) no-repeat 50% 0%; margin-right: 12px;}
#service-merit .merit-title02 {background: url(../images/service_1_sub2.jpg) no-repeat 50% 0%;}
#service-merit .merit-title03 {background: url(../images/service_1_sub3.jpg) no-repeat 50% 0%; margin-right: 12px;}
#service-merit .merit-title04 {background: url(../images/service_1_sub4.jpg) no-repeat 50% 0%;}
#service-merit .merit-title05 {background: url(../images/service_1_sub5.jpg) no-repeat 50% 0%; margin-right: 12px;}
#service-merit .merit-title06 {background: url(../images/service_1_next.jpg) no-repeat 50% 0%;}

#service-merit .case p {
	width: 298px; height: 110px;
	margin-top: 96px; margin-left: auto; margin-right: auto;
}

#service-merit .advantage {
	width: 338px;
	background: url(../images/service_1_advantageback.jpg) repeat-y 50%;
	display: block;
}

#service-merit .advantage-txt {padding-left: 20px; padding-right: 20px;}

#service-next {width: 280px; height: 72px; display: block; margin-top: 10px;}
#service-next a {width: 280px; height: 72px; display: block;}

/* Service 02 資料整理の実際 */
#service-current {
	width: 655px;
	margin-top: 24px; margin-right: auto; margin-left: auto;
}

#service-current .current-point-small {
  padding: 10px 0;
	width: 313px;
	float: left;
  border: 3px solid #2784bf;
  border-radius: 10px;
}
#service-current .current-point-small:first-child {
  margin-right: 17px;
}

#service-current .current-point-small .current-point-title{
  padding-left: 17px;
  padding-right: 17px;
  font-size: 12pt;
  font-weight: bold;
  color: #1f4b66;
}

#service-current .current-point-small p {
  padding-left: 17px;
  padding-right: 17px;
  margin-top: 5px;
}

#service-current #current-point-large {
	width: 655px;
	background: url(../images/service_2_sub3_b-15.jpg) repeat-y 50%;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}

#service-current #step {width: 334px; float: left; margin-top: 8px; margin-right: 17px;}
#service-current #step p {padding-bottom: 25px; padding-left: 22px; padding-right: 35px;}

#service-current #problem {width: 286px; margin-top: 8px; float: left;}
#service-current #problem p.txt9pt {
  margin: 0 auto 20px;
  padding: 10px 20px;
  padding-bottom: 5px;
	background: url(../images/service_2_sub3_kb.jpg) repeat 50% 0%;
  border-radius: 8px;
}

/* Service 03 当社からのご提案 */
#service-approach {
	width: 670px;
	margin-top: 60px; margin-left: auto; margin-right: auto;
}

#service-approach #service-approach-detail {width: 400px; float: left; margin-right: 25px; padding-top: 20px;}
#service-approach #service-approach-item {width: 245px; float: left;}

#service-approach-item ul {width: 235px; display: block; margin-left: 10px;}
#service-approach-item li {
	width: 215px; padding-left: 20px; padding-bottom: 7px;
	background: url(../images/service_3_arrow.jpg) no-repeat 0% 0%;
}


/*----------- 導入事例ページ オブジェクト -----------*/

#casestudy {
	width: 647px;
  padding-left: 70px;
  padding-right: 62px;
}

/* 各事例 */
#casestudy .sample {
	width: 195px;
	padding-top: 65px;
	padding-left: 4px;
	float: left;
	font-size: 9pt;
	color: #333333;
	line-height: 1.55;
}

/* 各事例タイトル */
#casestudy .sample-title01 {background: url(../images/casestudy_sub_smple01.gif) no-repeat 0% 0%; margin-right: 25px;}
#casestudy .sample-title02 {background: url(../images/casestudy_sub_smple02.gif) no-repeat 0% 0%; margin-right: 25px;}
#casestudy .sample-title03 {background: url(../images/casestudy_sub_smple03.gif) no-repeat 0% 0%;}
#casestudy .sample-title04 {background: url(../images/casestudy_sub_smple04.gif) no-repeat 0% 0%; margin-right: 25px;}
#casestudy .sample-title05 {background: url(../images/casestudy_sub_smple05.gif) no-repeat 0% 0%; margin-right: 25px;}
#casestudy .sample-title06 {background: url(../images/casestudy_sub_smple06.gif) no-repeat 0% 0%;}
#casestudy .sample-title07 {background: url(../images/casestudy_sub_smple07.gif) no-repeat 0% 0%; margin-right: 25px;}
#casestudy .sample-title08 {background: url(../images/casestudy_sub_smple08.gif) no-repeat 0% 0%; margin-right: 25px;}
#casestudy .sample-title09 {background: url(../images/casestudy_sub_smple09.gif) no-repeat 0% 0%;}
/* #casestudy .sample-title07 {background: url(../images/casestudy_sub_smple07.gif) no-repeat 0% 0%; margin-bottom: 50px; margin-right: 40px;} */

/* 各事例のボリューム別調整
※高さは段ごとに揃えること */

#casestudy .sample-size01 {height: 220px;}
#casestudy .sample-size02 {height: 260px;}
#casestudy .sample-size03 {height: 300px;}

#casestudy .comment {
	width: auto;
  margin-top: 40px;
  margin-bottom: 80px;
  margin: auto;
  float: left;
	padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
	border: 3px solid #D8D0BC;
}

/*----------- 実績紹介ページ オブジェクト -----------*/

#result {
	width: 647px;
  padding-left: 70px;
  padding-right: 62px;
	background: url(../images/bg_casestudy_flip.jpg) no-repeat 100% 100%;
}

#result_title {width: 649px; margin-left: auto; margin-right: auto; padding-top: 25px; padding-bottom: 20px;}

#result ul {
	margin-left: 40px;
	padding-top: 25px;
	padding-bottom: 120px;
}

#result li {
	list-style-position: outside;
	list-style-image: url(../images/icon_result-list.gif);
	font-size: 10pt; line-height: 1.22; color: #333333;
	margin-bottom: 20px;
}


/*----------- 作業体制ページ オブジェクト -----------*/

#framework_title {width: 649px; margin-left: auto; margin-right: auto; padding-top: 25px; padding-bottom: 20px;}

#framework_body {width: 664px; margin-left: auto; margin-right: auto;}

#framework_case01 {
	width: 194px; height: 234px;
	margin-right: 8px;
	padding-top: 579px; padding-left: 11px; padding-right: 11px;
	float: left;
	background: url(../images/framework_sub1.jpg) no-repeat 50% 0%;
}
#framework_case02 {
	width: 194px; height: 234px;
	margin-right: 8px;
	padding-top: 579px; padding-left: 11px; padding-right: 11px;
	float: left;
	background: url(../images/framework_sub2.jpg) no-repeat 50% 0%;
}
#framework_case03 {
	width: 194px; height: 234px;
	padding-top: 579px; padding-left: 11px; padding-right: 11px;
	float: left;
	background: url(../images/framework_sub3.jpg) no-repeat 50% 0%;
}

#framework_body .comment {
	width: 292px;
	margin-top: 40px; margin-bottom: 120px; margin-left: auto; margin-right: auto;
	padding-top: 25px; padding-bottom: 25px; padding-left: 90px; padding-right: 90px;
	border: 3px solid #D8D0BC;
}


/* よくある質問(アーカイブ知恵袋)ページ オブジェクト */
#faq_title {
  width: 649px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
  padding-bottom: 30px;
}

.faq_case {
	width: 638px;
	margin-bottom: 10px; margin-left: auto; margin-right: auto;
}

.faq_question {
	width: 204px;
	padding-left: 13px; padding-right: 25px;
	float: left;
}

.faq_answer {
	width: 353px;
	padding-left: 18px; padding-right: 25px;
	float: left;
}

.case-title {
  font-size: 1rem;
  margin-bottom: 5px;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
}

.case-q-title{
  position: relative;
  border: 2px solid #1493f4;
  color: #1493f4;
}

.case-q-title::after{
  content: "";
  position: absolute;
  right: -5px;
  top: 0;
  bottom: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent transparent #1493f4;
  border-width: 10px 10px 10px 10px;
}

.case-a-title{
  position: relative;
  border: 2px solid #ed274b;
  color: #ed274b;
}

.faq-comment {
	width: 292px;
  margin-left: auto;
  margin-right: auto;
	padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 90px;
  padding-right: 90px;
	border: 3px solid #D8D0BC;
}

/*--------- お問い合わせページ オブジェクト ---------*/
#contact_title {
  width: 660px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
}

/*
#contact_body {width: 660px; margin-left: auto; margin-right: auto;}
#contact_body th {width: 20%; text-align: right; vertical-align: middle;}
#contact_body td {width: 80%; vertical-align: middle; padding-top: 5px; padding-bottom: 5px; padding-left: 15px;}
#contact_body .box-input {font-size: 12px; line-height: 1.0; border: 1px solid #666666;}
 */

#company_title {
  width: 660px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
  padding-bottom: 20px;
}

#company_body {width: 660px;
  margin-left: auto;
margin-right: auto;}

#company_body .location-row {
  overflow: hidden;
  margin-top: 12px;
  margin-bottom: 30px;
}

#company_body .location-row.location-row-last{
  margin-bottom: 0;
}

#company_body .location-info {width: 265px; height: 320px; padding-right: 35px; float: left;}
#company_body .location-map {width: 345px; height: 320px; float:left;}
#contact_error {
	width: 549px;
	margin-left: auto; margin-right: auto;
	padding-top: 30px; padding-bottom: 50px;
}

#company_body .company-name-block {
  margin-bottom: 20px;
}

#company_body .company-name {
  display: inline-block;
  margin-right: 30px;
  font-size: 24px;
}

#company_body .company-site-link {
  font-size: 14px;
}

#company_body .company-site-link::before {
    position: relative;
    top: -2px;
    content: url(../images/footer_link_arrow_blue.png);
    display: inline-block;
    margin-right: 4px;
}

#company_body .company-site-link::after {
  position: relative;
    top: 1px;
    content: url(../images/icon_other_tab_blue.png);
    display: inline-block;
    margin-left: 4px;
}

/* ボタン関連：iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: 2px solid #fff;
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

#contact_body {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
  background-color: #aaa;
  width: 670px;
}

#contact_body tr {
  width: 100%;
}

#contact_body th {
  box-sizing: border-box;
  font-size: 14px;
  font-weight:normal;
  background: #e6dccf;
  width: 30%;
  text-align: left;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  line-height: 30px;
}

#contact_body th.sub-title {
  background: #EEEEEE;
  color: #555;
  text-align: center;
  line-height: 15px;
}

#contact_body td {
  box-sizing: border-box;
  font-size: 14px;
  background: #FFFFFF;
  width: 70%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 30px;
}

#contact_body .opinion{
  width: 320px;
  height: 160px;
}

#contact_body .box-input{
  width: 320px;
}

.location-map .map{
  width: 340px;
  height: 320px;
}

/*--------- セミナー申込ページ オブジェクト ---------*/

#seminar_body {width: 649px; margin-left: auto; margin-right: auto;}
#seminar_body th {width: 30%; text-align: right; vertical-align: middle;}
#seminar_body td {width: 70%; vertical-align: middle; padding-top: 5px; padding-bottom: 5px; padding-left: 15px;}
#seminar_body .box-input {font-size: 12px; line-height: 1.0; border: 1px solid #666666;}


/*------------ コラムページ オブジェクト ------------*/
#right_column {
	float: right;
	width: 181px;
	padding-right: 20px;
	padding-top: 15px;
}
#right_column .date {
	border: 1px solid #333333;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}
.txt_date12pt {
	font-size: 11pt;
	font-weight: bold;
	letter-spacing: 3pt;
}
#left_column {
	float: left;
	width: 553px;
	padding-left: 15px;
	padding-top: 15px;
}
.bg-column { /* コラム用背景 */
	/* background-image: url(../images/column/bg_main_column_bg.jpg); */
  background-color: #eee;
	background-repeat: repeat-y;
	background-position: 50% 0%;
	margin-bottom: 20px;
  padding-bottom: 15px;
  overflow: hidden;
}

#mix-container .mix{
    text-align: justify;
}

#left_column .controls-wrap{
  text-align: right;
}

#left_column .controls{
  margin: 10px 0 10px 20px;
  display: inline-block;
}

#left_column .controls .sort{
  margin-right: 5px;
  cursor: pointer;
}

#left_column .controls .sort:last-child{
  margin-right: 0;
}

#left_column #left_list {
	width: 540px;
}
#left_column #left_list li{
	width: 255px;
	display: block;
	padding-right: 10px;
  vertical-align: text-top;
}
#left_column #left_list a:visited{
	background-image: url(../images/column/colum_check.jpg);
	background-repeat: no-repeat;
}

#right_column li {
	float: left;
}

#column_title1 {
	background-color: #212121;
	font-size: 32pt;
	padding: 10px;
	color: #FFFFFF;
	background-image: url(../images/column/column_title1_bg.gif);
}
#column_title2 {
	font-size: 30pt;
	color: #FFFFFF;
	background-image: url(../images/column/column_title2_bg.gif);
	float: right;
	width: 45px;
	line-height: 1em;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	margin-left: 5px;
	font-style: normal;
	text-align: center;
}
#column_title3 {
	font-size: 22pt;
	padding: 10px;
	background-image: url(../images/column/column_title3_bg.gif);
	color: #FFFFFF;
}
#left_column #column_main {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}
#column_main .image_left {
	float: left;
	padding-right: 15px;
}
#column_main #writer {
	width: 420px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #999999;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 9pt;
	line-height: 1.3em;
}
#column_main #backnumber {
	width: 420px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 9pt;
	line-height: 1.3em;
	background-image: url(../images/column/column_backpage.gif);
	background-repeat: repeat-x;
	text-align: center;
}


/*--------- サイトマップページ オブジェクト ---------*/

#sitemap_title {
  width: 649px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
  padding-bottom: 30px;
}

.sitemap-sub-title{
  width: 405px;
  height: 54px;
}

#sitemap_body {width: 649px; margin-left: auto; margin-right: auto;}

#sitemap_body ul {padding-top: 40px; padding-bottom: 40px;}
#sitemap_body li {
	font-size :10pt; line-height: 1.0;
	padding-left: 22px;	margin-bottom: 11px; margin-left: 45px;
	background: url(../images/sitemap_list_arrow.gif) no-repeat 0% 50%;
}

#sitemap_body a {color: #000000; text-decoration: none;}
#sitemap_body a:visited {color: #666666; text-decoration: none;}
#sitemap_body a:hover {color: #006699; text-decoration: underline;}


/* 見出しとしてULタグに適用 */
#sitemap_body .label-service {background: url(../images/sitemap_sub_01.gif) no-repeat 0% 0%;}
#sitemap_body .label-info {background: url(../images/sitemap_sub_02.gif) no-repeat 0% 0%;}
#sitemap_body .label-contact {background: url(../images/sitemap_sub_03-2.gif) no-repeat 0% 0%;}
#sitemap_body .label-link {background: url(../images/sitemap_sub_04.gif) no-repeat 0% 0%;}

a.gotop {
    clear: right;
    float: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1;
    background-image: url(../images/arrow_top.png);
    background-color: rgba(0, 0, 0, 0.3);
    height: 40px;
    width: 40px;
    opacity: 0.5;
    display: none; /* JSで表示 */
}
a.gotop:hover,
a.gotop:active {
    transition: background-color 0.3s 0s ease;
    background-color: rgba(204, 0, 0, 0.9);
}
a.gotop:visited {
    background-color: rgba(0, 0, 0, 0.3);
}

#mv {
  background-color: #fff;
  width: 100%;
}

#mv .mv-inner{
  background-image: url(../images/top/main-visual.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
  margin: 0 auto;
  width: 100%;
  max-width: 980px;
  height: 42.5vw;
  max-height: 420px;
}

.sec{
  width: 100%;
}

.sec .inner{
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
  width: 100%;
  max-width: 780px;
}

.sec .inner-divide{
  display: flex;
  flex-flow: row wrap;
}

.sec .inner .inner-50p{
  width: 50%;
}

.sec .inner .inner-60p{
  width: 60%;
}

.sec .inner .inner-40p{
  width: 40%;
}

.sec-title{
  display: block;
  margin-bottom: 30px;
  padding: 0 10px;
  text-align: center;
  font-size: 35px;
  font-weight: bold;
  line-height: 1.4;
}

.sec-title::after{
  display: block;
  content: "";
  background-color: #ea5413;
  margin: 5px auto 0;
  width: 80px;
  height: 4px;
}

.sec-intro{
  background-color: #e6dccf;
}

.sec-intro .sec-title{
  margin-bottom: 36px;
}

.intro-ul{
  display: flex;
  flex-flow: row wrap;
  justify-content:space-around;
}

.intro-li{
  margin: 20px 10px 0;
  text-align: center;
}

.intro-li-title{
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
}

.intro-li-text{
  font-size: 15px;
  margin-bottom: 5px;
}

.intro-li-img{
  width: 220px;
  height: 146px;
}

.word-dl{
  margin-top: 30px;
  padding: 0 10px;
}

.word-dt{
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 8px;
}

.word-dd{
  font-size: 15px;
  line-height: 1.7;
}

.word-img-wrap{
  text-align: right;
}

.word-img{
  text-align: right;
  width: 90%;
  max-width: 400px;
  height: auto;
}

.sec-flow{
  background-image: url(../images/top/flow-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}


.flow-ul{
  display: flex;
  flex-flow: row wrap;
  justify-content:space-around;
}

.flow-li{
  position: relative;
  margin-top: 20px;
  text-align: center;
}

.flow-li::after{
  content: "";
  position: absolute;
  top: 30px;
  right: -72px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent transparent #d9ae77;
  border-width: 14px 22px 14px 22px;
}

.flow-li:last-child::after{
  display: none;
}

.flow-li-title{
  position: relative;
  border-radius: 50px;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  line-height: 100px;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  z-index: 1;
}

.flow-li-title-1{
  background-color: #b33636;
}

.flow-li-title-2{
  background-color: #c41f1f;
}

.flow-li-title-3{
  background-color: #d84040;
}

.flow-li-title-4{
  background-color: #e65858;
}

.flow-li-text{
  position: relative;
  top: -30px;
  padding-top: 40px;
  width: 160px;
  height: 170px;
  z-index: 0;
}

.flow-li-text-1{
  background-image: url(../images/top/flow-li-text-1-bg.png);
}

.flow-li-text-2{
  background-image: url(../images/top/flow-li-text-2-bg.png);
}

.flow-li-text-3{
  background-image: url(../images/top/flow-li-text-3-bg.png);
}

.flow-li-text-4{
  background-image: url(../images/top/flow-li-text-4-bg.png);
}

.flow-text-ul{
  margin: 0 auto;
  width: 90px;
}

.flow-li-text-4 .flow-text-ul{
  width: 110px;
}

.flow-text-ul li{
  text-align: left;
  margin-bottom: 4px;
  font-size: 15px;
}

.sec-service .sec-title{
  margin-bottom: 36px;
}

.service-ul{
  display: flex;
  flex-flow: row wrap;
  justify-content:space-around;
  margin-bottom: 30px;
}

.service-li{
  margin: 20px 10px;
  width: 200px;
  text-align: center;
}

.service-li-icon{
  width: auto;
  height: auto;
  margin-bottom: 8px;
}

.service-li-title{
  background-color: #b33636;
  padding: 11px 0;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 5px;
}

.service-li-sub-title{
  background-color: #e6dccf;
  padding: 6px 0;
  line-height: 1.4;
  font-size: 14px;
  margin-bottom: 5px;
}

.service-text-ul li{
  border-bottom: solid 1px #ccc;
  padding: 10px 0;
  text-align: left;
  font-size: 14px;
  line-height: 1.4;
}

.primary-btn-block.service-btn-block{
  margin-bottom: 0;
}

.sec-pj-1{
  background-image: url(../images/top/flow-bg-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  border-top: 8px solid #1657aa;
}

.sec-pj-2{
  background-color: #fff;
}

.sec-pj .inner{
  padding-left: 10px;
  padding-right: 10px;
}

.sec-pj-2 .inner{
  padding-top: 30px;
}

.pj-inner{
  background-color: rgba(250,250,250, 0.8);
  padding: 45px;
}

.pj-title{
  background-color: #8e8e8e;
  margin-bottom: 20px;
  padding: 8px;
  color: #fff;
  line-height: 1.2;
  font-size: 18px;
  font-weight: bold;
}

.pj-info{
}

.pj-point{
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: .5px;
}

.pj-point .char-dot{
  margin-left: -6px;
  margin-right: -6px;
}

.pj-text{
  font-size: 18px;
  margin-bottom: 15px;
}

.pj-li-h{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 7px;
}

.pj-li-text{
  font-size: 14px;
  margin-bottom: 13px;
}

.pj-img-wrap{
  text-align: right;
  padding-top: 10px;
}

.pj-img{
  width: 90%;
  max-width: 472px;
  height: auto;
}

.primary-btn-block.pj-btn-block{
  margin-top: 30px;
  margin-bottom: 0;
}

.sec-form{
  background-color: #ededed;
  border-top: 4px solid #1657aa;
}

.sec-form .section-p {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 10px;
  text-align: center;
}

.sec-form input {
  width: auto !important;
}

.sec-form input[type="number"] {
  text-align: left !important;
  width: 80px !important;
}

.sec-form label {
  font-size: 100%;
  color: #333;
}

.sec-form .mailform{
  background-color: #fff;
}

.sec-form .example{
  color: #888;
}

.sec-form .required{
  position: relative;
  top: -2px;
  display: inline-block;
  background-color: #C00;
  padding: 2px 5px;
  font-size: 10px;
  color: #FFF;
  border-radius: 4px;
  box-shadow: none;
  background-image: none;
  background-color: #ee6e73;
  border: none;
  margin: 0 10px;
  text-shadow: none;
}

.sec-form #mailformpro dl{
  border-bottom: solid 1px #CCC;
  margin-bottom: 20px;
}

.sec-form .agree-wrap{
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.sec-form .agree{
  text-align: center;
  font-size: 13px;
}

[type="checkbox"]~.checkbox-span:not(.lever){
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[type="checkbox"]~.checkbox-span:not(.lever):before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 3px;
  -webkit-transition: .2s;
  transition: .2s;
  box-sizing: inherit;
}

[type="checkbox"]:checked~.checkbox-span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.sec-form textarea.opinion-textarea{
  margin: 15px auto;
  padding: 10px;
  width: 100%;
  height: 10rem;
  font-size: 16px;
}

.sec-form .opinion-textarea:focus{
  outline: 0;
  border: 2px solid #26a69a;
}

.sec-form [type="radio"]:checked+span::before,
.sec-form [type="radio"]:checked+span::after{
  margin: 4px 6px;
}

.sec-form [type="radio"]:disabled:not(:checked)+span::before{
  border-color: rgba(0,0,0,0);
}

.sec-form form#mailformpro label.mfp_checked {
    padding: 0;
    border: none;
    background-color: inherit;
    box-shadow: none;
}

.sec-form form#mailformpro label.mfp_not_checked {
  border: none;
}

.sec-form .personal-info{
  background-color: #eee;
  border: solid 1px #CCC;
  margin: 20px 5%;
  padding: 10px 5%;
}

.sec-form div#opt_in p{
  padding-left: 0;
  font-size: 0.8rem;
  color: #666;
}

.sec-form .mfp_element_text,
.sec-form .mfp_element_number,
.sec-form .mfp_element_select-one,
.sec-form .mfp_element_email,
.sec-form .mfp_element_tel,
.sec-form .mfp_element_textarea,
.sec-form .mfp_element_date,
.sec-form .mfp_element_password{
  border-radius: 0;
  box-shadow: none;
  padding: 8px;
}
.sec-form .mfp_achroma,
.sec-form .mfp_colored{
  background-color: inherit;
}

.sec-form form#mailformpro dl dt{
  padding: 25px 5% 5px;
  width: 200px;
  font-size: 16px;
}
.sec-form form#mailformpro dl dd{
  padding: 10px 5%;
  min-height: 55px;
  overflow: hidden;
}

.sec-form .mfp_buttons{
  padding: 20px 0;
}

.sec-form form#mailformpro dl dd.type-block{
  padding: 15px 3%;
}

.sec-form .note{
  font-size: 0.8rem;
  color: #666;
}

form#mailformpro .hidden-item{
  display: none;
}

#mfp_overlay_inner{
  font-size: 15px;
}

#mfp_overlay_inner h4{
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

#mfp_confirm_table{
  margin: 20px auto;
}

#contact{
  width: 100px;
  height: 0;
}

.span-underline{
  position: relative;
  display: inline-block;
  margin: 0 5px;
}

.span-underline::before{
  content: "";
  position: absolute;
  bottom: 2px;
  display: block;
  background-color: #ffff00;
  width: 100%;
  height: 6px;
}


@media screen and (min-width: 950px) {
  /*　画面サイズが950px以上　*/

  /* 文字サイズ */
  .txt9pt {font-size: 11pt;}
  .txt10pt {font-size: 12pt;}

  #right{
    width: 850px;
  }

  #right.column-wrap{
    width: 950px;
  }

  #service-menu{
    width: 850px;
  }

  #service-merit .case{
    height: 380px;
  }

  #service-merit .case p{
    height: auto;
    min-height: 150px;
  }

  #casestudy{
    width: auto;
  }

  #casestudy .sample{
    margin-left: 20px;
    margin-right: 20px;
    font-size: 11pt;
  }

  #casestudy .sample-size01 {
    height: 240px;
  }

  #casestudy .sample-size02 {
    height: 300px;
  }

  #casestudy .sample-size03 {
    height: 420px;
  }

  #service-merit .case.merit-title05{
    margin-top: 0;
  }

  #faq_title{
    width: 740px;
  }

  .faq_case{
    width: 740px;
    margin-bottom: 30px;
  }

  .faq_question{
    margin-right: 30px;
    padding-left: 10px;
    padding-right: 10px;
    width: 300px;
  }

  .faq_answer{
    padding-left: 10px;
    padding-right: 10px;
    width: 360px;
  }

  #left_column{
    padding-top: 30px;
    padding-left: 30px;
    width: 600px;
  }

  .column-wrap #left_column{
    width: 700px;
  }

  #right_column{
    padding-top: 30px;
    padding-right: 30px;
  }

  #left_column .controls-wrap{
    display: inline-block;
  }

  #left_column .controls{
    margin: 0 0 0 20px;
  }

  #left_column #left_list{
    padding-top: 20px;
    width: auto;
  }

  #left_column #left_list li{
    width: 280px;
  }

  .column-wrap #left_column #left_list li{
    display: none;
    width: 330px;
  }

  #left_column #column_main{
    margin-left: 0;
    width: 580px;
  }

  #contact_title{
    width: 740px;
  }

  #contact_body{
    width: 740px;
  }

  #company_title{
    width: 740px;
  }

  #company_body{
    width: 740px;
  }

  #company_body .location-info{
    padding-right: 30px;
    width: 360px;
  }

  #company_body .location-info p{
    margin-left: 10px;
  }


}