@charset "utf-8";


* {
color: #000;
line-height: 1;
margin: 0;
padding: 0;
}

body {
background-color: #fff;
font-family: "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
-webkit-text-size-adjust: 100%;
}

.cf {
zoom: 1;
}
.cf:before, .cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}

img {
border: 0;	
height: auto; 	
max-width: 100%;
vertical-align: bottom;
}

ul.g_menu {	
display: none;	
}

ul.g_menu_top {
display: none;	
}

.menu {
display: none;	
}

ul li {
list-style: none;
}

ul.bread {	
margin: 5px 8px 15px;	
}
ul.bread li {	
float: left;
font-size: 75%;
line-height: 1.2;
}
ul.bread li a {
line-height: 1.2;
}
ul.bread li a:link {
text-decoration: none;
}
ul.bread li a:visited {
text-decoration: none;
}
ul.bread li a:hover {
text-decoration: underline;
}

.logo {
left: 5px;	
position: absolute;
top: 10px;
}
.logo img {
width: 150px;
}

h2 {
margin-bottom: 10px;
}

h3 {
border-bottom: 2px solid #004ca0;
clear: both;
font-size: 100%;
margin-bottom: 10px;
padding-bottom: 4px;
}
h3 span {
color: #004ca0;
}

.see {
clear: both;	
margin: 0 10px 20px;
}
.see p {
font-size: 87.5%;
line-height: 1.5;
margin-bottom: 8px;
}
.see p.mb38 {
margin-bottom: 8px;
}

.works {
clear: both;	
margin: 0 10px 8px;
}
.works p {	
font-size: 87.5%;
line-height: 1.5;
margin-bottom: 8px;
}
.works p.works_p {	
text-align: center;
}

h3.faq {
line-height: 1.2;
padding: 0 10px 4px;
}

#totop {
margin: 0 10px 15px;	
text-align: right;
}

.footer {
border-top: 1px solid #ccc;
margin: 0;
padding: 15px 10px;
}
.footer dl {
margin: 0 auto 20px;	
width: 284px;
}
.footer dt {
display: none;
}
.footer dd {
float: left;
font-size: 68.75%;
margin: 0 10px 0 0;
}
.footer dd a {
background: url(../img/arrow.png) no-repeat 0 3px;
padding-left: 10px;
}
.footer dd a:link {
text-decoration: none;
}
.footer dd a:visited {
text-decoration: none;
}
.footer dd a:hover {
text-decoration: underline;
}

address {
clear: both;	
color: #666;
font-size: 68.75%;
font-style: normal;
text-align: center;
}

#header {
height: 55px;
position: relative;
}

#header1 {
position: absolute;
right: 5px;
top: 30px;		
}
#header1 img {		
width: 150px;
}

#header2 {
position: absolute;
right: 0;
top: 0;		
}
#header2 img {		
width: 112px;
}

#header3 {
position: absolute;
right: 0;
top: 0;		
}
#header3 img {		
width: 112px;
}

.aco1 {
background: #0852a3;
color: #fff;	
font-size: 87.5%;
font-weight: bold;
padding: 14px 8px 16px;
}
.aco2 {
background: #9cbacd;
color: #fff;	
font-size: 87.5%;
font-weight: bold;
padding: 14px 8px 16px;
}
.aco3 {
background: #c4e2f5;
font-size: 87.5%;
font-weight: bold;
padding: 14px 8px 16px;
}

.hide1 {
display: none;
}
.hide1 li {
background: #e1f0ff;	
border-bottom: 1px solid #ccc;	
font-size: 87.5%;
}
.hide1 li a {
display: block;
padding: 14px;
text-decoration: none;
}

.media {
clear: both;	
margin: 0 10px 8px;
}
.media p {	
font-size: 87.5%;
line-height: 1.5;
margin-bottom: 8px;
}
.media p.media_p {	
float: none;
margin-right: 0;
text-align: center;
}

.concool {
clear: both;	
margin: 0 10px;
}
.concool p {
font-size: 87.5%;
line-height: 1.5;
margin-bottom: 8px;
}

.concool p.con_p1 {
float: none;
margin-bottom: 8px;
text-align: center;
}
.concool p.con_p2 {
float: none;
margin-bottom: 8px;
text-align: center;
}

.sitemap ul {
margin: 0 10px;	
}
.sitemap ul li {
font-size: 87.5%;
margin-bottom: 10px;	
}
.sitemap ul li a {
background: url(../img/arrow.png) no-repeat 0 5px;
padding-left: 10px;
}
.sitemap ul li a:link {
text-decoration: none;
}
.sitemap ul li a:visited {
text-decoration: none;
}
.sitemap ul li a:hover {
text-decoration: underline;
}

p.privacy {
font-size: 87.5%;
line-height: 1.5;
margin: 0 10px 10px;
}

ol {
border: 2px solid #99b3ff;
margin-bottom: 15px;
padding: 15px 10px 5px 30px;
}
ol li {
font-size: 87.5%;
line-height: 1.5;
margin-bottom: 10px;
}

.privacy_c {
border: 1px solid #ccc;
margin-bottom: 10px;
padding: 10px;
}
.privacy_c dt {
border-bottom: 1px solid #6e3000;	
font-size: 68.75%;
margin-bottom: 5px;
padding-bottom: 5px;
}
.privacy_c dt span {
color: #a90040;
}
.privacy_c dd {
font-size: 68.75%;
}

.voice {
clear: both;	
margin: 0 10px 10px;
}

.voice h4,.voicearea h4 {
background: #9cbacd;	
border-bottom: 0;
clear: both;
font-size: 87.5%;
font-weight: normal;
line-height: 1.2;
margin: 0 0 10px;
padding: 10px;
}

.voice p {	
font-size: 87.5%;
line-height: 1.5;
margin-bottom: 10px;
}

.alignleft {
float: none;
}

.alignright {
float: none;
}

.contact1 {
margin: 0 10px 10px;
}

.contact2 {
font-size: 87.5%;	
line-height: 1.5;
margin: 0 10px 15px;
}

table.contact_f {
display: none;
}

#contactsp {
margin: 0 10px;
}
#contactsp dt {
font-size: 87.5%;
margin-bottom: 4px;
}

#contactsp dd {
font-size: 87.5%;
line-height: 1.5;
margin-bottom: 10px;
}

h3.googlemap {
background: #9cbacd;	
border-bottom: 0;
font-size: 87.5%;
font-weight: normal;
margin: 10px 0;
padding: 5px;
}

p.gm_text {
font-size: 87.5%;
line-height: 1.5;
margin: 0 10px 10px;
}

iframe {
height: 260px;
margin-bottom: 10px;
width: 100%;
}

#slider_area {
display: none;
}

p.president {
font-size: 87.5%;
line-height: 1.5;
margin: 0 10px 15px;
}

p.president_photo {
margin-bottom: 15px;
text-align: center;
}

p.recruit {
margin: 0 10px 15px;
text-align: center;
}

table {
border-top: 1px solid #bbb;
border-right: 1px solid #bbb;	
border-collapse: collapse;	
clear: both;	
}

table.recruit_ta {
border-top: 1px solid #d39a00;
border-right: 1px solid #d39a00;
margin-bottom: 5px;
width: 100%;
}

table.recruit_ta th {
background: #f8efd1;	
border-bottom: 1px solid #d39a00;
border-left: 1px solid #d39a00;
font-size: 75%;
line-height: 1.5;
padding: 5px;
text-align: left;
vertical-align: top;
width: 25%;
}

table.recruit_ta td {
border-bottom: 1px solid #d39a00;
border-left: 1px solid #d39a00;
font-size: 75%;
line-height: 1.5;
padding: 5px;
width: 75%;
}

.staff {
border-bottom: 1px dotted #0852a3;
margin: 0 10px 15px;
padding-bottom: 15px;
}

.staff_r h3 {
border-bottom: 0;
margin-bottom: 10px;
padding-bottom: 0;
text-align: center;
}
.staff_r dl {
margin-bottom: 10px;
}
.staff_r dt {
clear: both;
float: left;	
font-size: 87.5%;
line-height: 1.5;
width: 25%;
}
.staff_r dd {
float: left;	
font-size: 87.5%;
line-height: 1.5;
width: 75%;
}
.staff_r p {
font-size: 87.5%;
line-height: 1.5;
margin-bottom: 10px;
}

.staff_l p {
text-align: center;
}

h3.blog_t {
border-bottom: 2px solid #004ca0;
clear: both;
font-size: 100%;
margin-bottom: 10px;
padding: 0 10px 4px;
}

.bnaarea {	
padding-bottom: 10px;
}

.bna {
clear: both;	
text-align: center;
}
.bna a:link {
text-decoration: underline;
}
.bna a:visited {
text-decoration: underline;
}
.bna a:hover {
text-decoration: none;
}

.blogarea p {
font-size: 87.5%;
line-height: 1.8;
margin: 0 10px 10px;
}
.blogarea p a:link {
text-decoration: underline;
}
.blogarea p a:visited {
text-decoration: underline;
}
.blogarea p a:hover {
text-decoration: none;
}

.blogarea p.day {
font-weight: bold;
line-height: 1.8;
margin-bottom: 10px;
}
.blogarea p.ctright {
text-align: right;
margin-bottom: 25px;
}

h3.ct {
margin-bottom: 10px;
padding: 10px 10px 4px;
}

div.comment-respond {
margin-top: 30px;
}
div.comment-respond h3 {
margin-bottom: 10px;
padding: 0 10px 4px;
}

#throwsSpamAway,.tsa_param_field_tsa_2 {
display: none;
}

.form-submit {
text-align: center;
padding-bottom: 10px;
}

.comment-form-comment textarea {
width: 100%;
}

.comment-form-comment label {
margin-right: 110px;
vertical-align: top;
}

.comment-form-author label {
margin-right: 125px;
}
.comment-form-email label {
margin-right: 55px;
}
.comment-form-url label {
margin-right: 80px;
}

.title {
padding: 0 10px 4px;
}

.com_cap1 {
margin: 0 10px 5px;
text-align: center;
}

.com_cap2 {
margin: 0 10px 5px;
text-align: center;
}

.com_cap1 p,.com_cap2 p {
font-size: 87.5%;	
line-height: 2;
}

table.company_sp {
margin-bottom: 15px;	
width: 100%;
}
table.company_sp th {
background: #f6f6f6;	
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
font-size: 75%;
font-weight: normal;
line-height: 1.5;
padding: 5px;
text-align: left;
vertical-align: top;
width: 25%;
}

table.company_sp td {
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
font-size: 75%;
line-height: 1.5;
padding: 5px;
vertical-align: top;
width: 75%;
}

table.company_pc {
display: none;
}

.three1 {
margin-bottom: 5px;	
text-align: center;
}
.three2 {
margin-bottom: 5px;		
text-align: center;
}
.three3 {
margin-bottom: 5px;		
text-align: center;
}

.three1 p,.three2 p,.three3 p {
font-size: 87.5%;	
line-height: 2;
}

h3.history {
border-bottom: 0;
margin: 5px;
padding-bottom: 0;
}

.history_left table {
margin: 0 auto 15px;
}

.history_left table th {
background: #f6f6f6;	
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
font-size: 75%;
font-weight: normal;
line-height: 1.5;
padding: 5px;
text-align: left;
vertical-align: top;
width: 20%;
}

.history_left table td {
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
font-size: 75%;
line-height: 1.5;
padding: 5px;
vertical-align: top;
width: 80%;
}

.history_right p {
font-size: 87.5%;	
line-height: 2;
text-align: center;
}

.case1 {
margin: 0 10px 18px;
}
.case1 img {
width: 100%;
}
.case1 h3 {
font-size: 87.5%;
margin-bottom: 8px;
}
.case1 h3 a:link {
text-decoration: none;
}
.case1 h3 a:visited {
text-decoration: none;
}
.case1 h3 a:hover {
text-decoration: underline;
}

h3.case_d {
padding: 0 10px 4px;
}

.thumb_all {
margin: 0 10px 5px;
}

.pikachoose {
display: none;
}

.pikachoose_sp p {
margin-bottom: 10px;
}

.thumb {
float: left;
margin: 0 10px 10px 0;
width: 21%;
height: 10%;
object-fit: cover;
}

.comment {
border: 2px solid #666;
font-size: 87.5%;
line-height: 1.2;
margin: 10px 10px 15px;
padding: 5px;
}

.conv {
margin: 0 10px 10px 0;
text-align: right;
}
.conv img {
width: 112px;
}

h2.pul {
display: none;
}

.pur {
margin-bottom: 10px;
}
.pur h3 {
border-bottom: 0;
margin: 0 6px 10px;
padding-bottom: 0;
}
.pur div {
border: 1px solid #ccc;
margin: 0 6px 10px;
padding-top: 7px;
}
.pur div p {
font-size: 87.5%;
line-height: 2.5;	
text-align: center;
}
.pur div p a:link {
text-decoration: none;
}
.pur div p a:visited {
text-decoration: none;
}
.pur div p a:hover {
text-decoration: underline;
}

.infotop {
display: none;
}

h3.info_t {
padding: 0 10px 4px;
}

.ttleft dl {
margin: 0 10px 10px;
}
.ttleft dt {
clear: both;	
color: #666;
float: left;
font-size: 87.5%;
line-height: 1.2;
margin: 0 25px 10px 0;
width: 22%;
}
.ttleft dd {
float: left;	
font-size: 87.5%;
line-height: 1.2;
margin-bottom: 10px;
width: 68%;
}
.ttleft dd a:link {
text-decoration: none;
}
.ttleft dd a:visited {
text-decoration: none;
}
.ttleft dd a:hover {
text-decoration: underline;
}

.ba1 {
display: none;	
}
.ba2 {
margin-bottom: 10px;	
text-align: center;
}
.ba3 {
margin-bottom: 20px;	
text-align: center;
}

.ttright {
padding-bottom: 10px;
}
.ttright p {
margin-bottom: 10px;
text-align: center;
}

h2.kodawari {
margin: 0 10px 10px;
text-align: center;
}

.koda_l1 {
height: 300px;
margin: 0 auto 10px;
position: relative;
}
.koda_l2 {
height: 300px;
margin: 0 auto 10px;
position: relative;
}
.koda_l3 {
height: 300px;
margin: 0 auto 10px;
position: relative;
}
.koda_l4 {
height: 300px;
margin: 0 auto 10px;
position: relative;
}

.koda_p1 {
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
font-size: 112.5%;
font-weight: bold;
left: 0;	
position: absolute;
text-align: center;
top: 165px;
width: 283px;
}
.koda_p2 {
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;		
font-size: 87.5%;
font-weight: bold;	
left: 0;	
position: absolute;
text-align: center;
top: 200px;
width: 283px;
}
.koda_p3 {
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;		
font-size: 62.5%;	
left: 0;
line-height: 2;
position: absolute;
text-align: center;
top: 235px;
width: 283px;
}

.koda_p1 a:link,.koda_p2 a:link,.koda_p3 a:link {
text-decoration: none;
}
.koda_p1 a:visited,.koda_p2 a:visited,.koda_p3 a:visited {
text-decoration: none;
}
.koda_p1 a:hover,.koda_p2 a:hover,.koda_p3 a:hover {
text-decoration: none;
}

.kodall {
margin: 0 auto;
width: 295px;
}

h2.voice_t {
clear: both;
margin: 0 10px 10px;
text-align: center;
}

.voiceback {
background: url(../img/voiceb.png) no-repeat;
height: 136px;
margin: 0 auto;
padding: 20px;
width: 270px;
}
.voiceback dt {
font-size: 87.5%;
font-weight: bold;
line-height: 1.6;
}
.voiceback dt a {
line-height: 1.6;
}
.voiceback dt a:link {
text-decoration: none;
}
.voiceback dt a:visited {
text-decoration: none;
}
.voiceback dt a:hover {
text-decoration: underline;
}

.voiceback dd {
font-size: 75%;
line-height: 1.6;
}
.voiceback dd a {
line-height: 1.6;
}
.voiceback dd a:link {
text-decoration: none;
}
.voiceback dd a:visited {
text-decoration: none;
}
.voiceback dd a:hover {
text-decoration: underline;
}

.vbp {
float: left;
margin-right: 10px;
}

h2.area_t {
clear: both;
margin: 0 10px 15px;
}

.area {
margin-bottom: 10px;	
}

.area_right p {
font-size: 87.5%;
line-height: 1.5;
margin: 0 10px 15px;	
}

.area_left p {
font-size: 87.5%;
line-height: 1.5;
margin: 0 10px 15px;
}
.area_left p.map {
margin-bottom: 15px;
text-align: center;
}

#slider_area_sp {
margin-bottom: 15px;
}

.cb {
clear: both;
}

.tac {
text-align: center;	
}
.tar {
text-align: right;	
}

.required_text {
	display:inline-block;
	margin-left:5px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:2px 6px;
	border-radius:5px;
	border:none;
	background:#D12E1F;
}
table.contact_f input.wpcf7-text {
	width:80%;
	height:25px;
}
input.wpcf7-text:focus,
textarea#textareafield:focus {
	background:#C6EDDB;
}
#contactsp input.wpcf7-text {
	width:100%;
	height:25px;
}
#contactsp textarea#textareafield {
	width:100%;
}
textarea#textareafield {
	height:100px;
}
.tac input[type="submit"] {
	padding:10px 20px;
	border:none;
	border-radius:5px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	background:#008348;
}
.tac input[type="submit"]:active {
	opacity:0.7;
}
#contactsp span.wpcf7-list-item {
	display:block;
	width:100%;
	line-height:25px;
}
.seo_text {
	font-size:10px;
	color:#CCC;
	text-align:left;
}
@media only screen and (min-width: 760px) {


body {
background-color: #fff;
font-family: "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
text-align: center;
}

.logo {
left: 0;	
position: absolute;
top: 30px;
}
.logo img {
width: auto;
}

h2 {
margin-bottom: 43px;
}

h3 {
border-bottom: 2px solid #004ca0;
clear: both;
font-size: 118.75%;
margin-bottom: 35px;
padding-bottom: 4px;
}
h3 span {
color: #004ca0;
}

h4 {
margin-bottom: 30px;
}
.voice h4,.voicearea h4 {
font-size: 118.75%;
line-height: 1;
margin: 0 0 20px;
}

table {
border-top: 1px solid #bbb;
border-right: 1px solid #bbb;	
border-collapse: collapse;	
clear: both;
margin: 0 34px 55px;
width: 668px;
}
table.su {
margin: 20px 0 0;
width: 280px;
}
table.contact_f {
display: block;	
margin: 0 0 20px;
width: 99%;
}

th {
background: #CAE7F2;	
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
font-size: 87.5%;
font-weight: normal;
line-height: 1.5;
padding: 5px;
text-align: left;
vertical-align: top;
}
table.contact_f th {
margin: 0 0 20px;
width: 20%;
}

td {
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
font-size: 87.5%;
line-height: 1.5;
padding: 5px;
vertical-align: top;
}
table.contact_f td {
width: 79%;
}

#contactsp {
display: none;
}

a:hover img.opa1 {  
opacity: 0.75;
filter: alpha(opacity=75);
-ms-filter: "alpha( opacity=75 )";
background: #fff;
}
a:hover img.opa2 {  
opacity: 0.50;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: #fff;
}

#header {
height: 107px;	
margin: 0 auto;
position: relative;
}

#header1 {		
position: absolute;
right: 0;
top: 49px;
}
#header1 img {		
width: auto;
}

#header2 {		
position: absolute;
right: 0;
top: 0;
}
#header2 img {		
width: auto;
}

#header3 {		
display: none;
}

ul.g_menu {
display: block;
margin: 0 auto 35px;
position: relative;
}
ul.g_menu li {
float: left;
position: relative;
}
ul.g_menu ul {
display: none;
left: 0;
position: absolute;
top: 36px;
}
ul.g_menu ul li {
float: none;
font-size: 87.5%;
}
ul.g_menu ul a {
background: #004ea1;
border-bottom: 1px dotted #fff;
color: #fff;
display: block;
padding: 10px 0;
zoom: 1;
}
ul.g_menu ul a:link {
text-decoration: none;
}
ul.g_menu ul a:visited {
text-decoration: none;
}
ul.g_menu ul a:hover {
background: #2876c9;	
text-decoration: none;
}

ul.g_menu_top {
display: block;	
margin: 0 auto 25px;
position: relative;
}
ul.g_menu_top li {
float: left;
position: relative;
}

.menu1 {
width: 12%;
}
.menu2 {
width: 16%;
}
.menu3 {
width: 20%;
}
.menu4 {
width: 17%;
}
.menu5 {
width: 18%;
}

ul.g_menu_top ul {
display: none;
left: 0;
position: absolute;
top: 36px;
}
ul.g_menu_top ul li {
float: none;
font-size: 87.5%;
}
ul.g_menu_top ul a {
background: #004ea1;
border-bottom: 1px dotted #fff;
color: #fff;
display: block;
padding: 10px 0;
zoom: 1;
}
ul.g_menu_top ul a:link {
text-decoration: none;
}
ul.g_menu_top ul a:visited {
text-decoration: none;
}
ul.g_menu_top ul a:hover {
background: #2876c9;	
text-decoration: none;
}

ul.g_menu li.menu4 ul,ul.g_menu_top li.menu4 ul {
width: 100%;
}

ul.bread {	
margin: 0 auto 15px;	
}
ul.bread li {	
float: left;
font-size: 68.75%;
line-height: 1;
}
ul.bread li a {
line-height: 1;
}
ul.bread li a:link {
text-decoration: none;
}
ul.bread li a:visited {
text-decoration: none;
}
ul.bread li a:hover {
text-decoration: underline;
}

.container {
margin: 0 auto 32px;	
text-align: left;
}

.contents {
float: right;
width: 75%;
}

.menu {
display: block;	
float: left;
width: 25%;
}
.menu ul {
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.menu ul li {
border-top: 1px solid #ccc;	
font-size: 93.75%;
padding: 15px 20px;
}
.menu ul li a:link {
text-decoration: none;
}
.menu ul li a:visited {
text-decoration: none;
}
.menu ul li a:hover {
text-decoration: underline;
}

.menu ul.blh li {
line-height: 1.2;
}

.menu .profile {
border: 1px solid #ccc;
padding: 15px 15px 0;
}
.menu .profile p {
font-size: 87.5%;	
line-height: 1.2;
margin-bottom: 15px;
}

#totop {
margin: 0 auto 15px;	
text-align: right;
}

.footer {
margin: 0 auto 30px;
padding: 20px 0 0 0;
}
.footer dl {
float: left;
margin: 0;
width: auto;
}
.footer dt {
display: block;
float: left;
margin-right: 20px;
}
.footer dd {
font-size: 75%;
margin: 15px 15px 0 0;
}
.footer dd a {
background: url(../img/arrow.png) no-repeat 0 6px;
padding-left: 15px;
}

address {
clear: none;	
float: right;
font-size: 68.75%;
margin-top: 15px;
}

.concool {
clear: both;	
margin: 0 38px;
}
.concool p {
font-size: 118.75%;
line-height: 1.2;
margin-bottom: 0;
}

.see {
clear: both;	
margin: 0 21px;
}
.see p {
font-size: 118.75%;
line-height: 1.2;
margin-bottom: 38px;
}
.see p.mb38 {
margin-bottom: 38px;
}

.media {
clear: both;	
margin: 0 28px 45px;
}
.media p {	
font-size: 118.75%;
line-height: 1.2;
margin-bottom: 0;
}
.media p.media_p {	
float: left;
margin-right: 30px;
}

.works {
clear: both;	
margin: 0 28px 25px;
}
.works p {	
font-size: 118.75%;
line-height: 1.2;
margin-bottom: 15px;
}
.works p.works_p {	
float: left;
margin-right: 30px;
}

h3.faq {
line-height: 1;
padding: 0 6px 4px;
}

.voice {
clear: both;	
margin: 0 0 40px;
}
.voice p {	
font-size: 118.75%;
line-height: 1.2;
margin-bottom: 15px;
}
.voice p.voice_p {	
float: left;
margin: 0 30px 50px 0;
}
.voice dl {
clear: both;
}
.voice dt {
font-size: 118.75%;
margin-bottom: 3px;
}
.voice dd {
border: 2px solid #004ea1;
font-size: 118.75%;
line-height: 1.2;
padding: 10px;
}

.case1 {
float: left;
height: 190px;
margin: 0 0 65px 30px;
width: 230px;
}
.case1 h3 {
font-size: 93.75%;
margin-bottom: 15px;
}

.thumb {
float: left;
margin: 0 15px 15px 0;
}

.thumb_all {
margin: 0 0 55px;
}

.detail {
margin-bottom: 80px;
}

.comment {
margin: 0 0 48px;
padding: 15px;
}

.com_cap1 {
float: left;
margin: 0 30px 40px 34px;
text-align: center;
width: 44%;
}

.com_cap2 {
float: left;
margin: 0 0 40px;
text-align: center;
width: 44%;
}

.com_cap1 p,.com_cap2 p {
font-size: 75%;
}

.three1 {
float: left;
margin: 0 25px 45px 0;
width: 25%;
}
.three2 {
float: left;
margin: 0 25px 45px 0;
width: 25%;
}
.three3 {
float: left;
margin: 0 0 45px 0;
width: 40%;
}

.three1 p,.three2 p,.three3 p {
font-size: 75%;	
}

h3.history {
border-bottom: 0;
margin: 0 0 35px;
padding-bottom: 0;
}

.history_left {
float: left;	
width: 60%;
}

.history_right {
float: right;	
width: 40%;
}
.history_right p {
font-size: 75%;	
line-height: 2;
text-align: center;
}

.history_left table {
margin: 0;
width: 95%;
}
.history_left table th {
font-size: 87.5%;	
width: 18%;
}
.history_left table td {
font-size: 87.5%;		
width: 82%;
}

iframe {
height: 480px;
}
#slider_area iframe {
border: 0;
margin: 0;
width: 760px;
}
#slider_area {
display: block;	
margin: 0 auto;
}

#slider_area_sp {
display: none;	
}

#toparea {
margin: 0 auto;
text-align: left;
}

h2.pul {
display: block;
float: left;	
margin-bottom: 0;
width: 36px;
}

.pur {
float: right;
margin-bottom: 50px;
width: 93%;
}
.pur h3 {
border-bottom: 0;
margin: 0 0 10px;
padding-bottom: 0;
}
.pur div {
border: 1px solid #ccc;
float: left;
margin: 0 16px 0 0;
padding: 7px 7px 0;
width: 28%;
}
.pur div p {
font-size: 81.25%;
}

.tt {
clear: both;
margin-bottom: 30px;
}

.ttleft {
float: left;
width: 76%;
}
.ttleft h2 {
float: left;
margin: 0 20px 0 0;
}
.ttleft dl {
float: left;
height: 150px;
margin: 0 0 30px;
padding: 25px 0 10px;
width: 85%;
}
.ttleft dt {
font-size: 75%;
line-height: 1;
margin: 0 20px 15px 0;
width: auto;
}
.ttleft dd {	
font-size: 81.25%;
line-height: 1;
margin-bottom: 15px;
width: auto;
}

.ttright {
float: right;
padding-bottom: 0;
width: 23%;
}
.ttright p {
margin-bottom: 15px;
}

.ba2 {
float: left;
margin-right: 5px;
}
.ba3 {
float: left;
}

h2.kodawari {
margin: 0 0 30px;
text-align: left;
}

.koda_l1 {
float: left;
height: 300px;
margin-bottom: 15px;
position: relative;
}
.koda_l2 {
float: left;
height: 300px;
margin-bottom: 15px;
position: relative;
}
.koda_l3 {
float: left;
height: 300px;
margin-bottom: 15px;
position: relative;
}
.koda_l4 {
float: left;
height: 300px;
margin-bottom: 15px;
position: relative;
}

h2.area_t {
clear: both;
margin: 0 0 20px;
}

.area_left {
float: left;
width: 32%;	
}
.area_left p {
font-size: 75%;
line-height: 1.4;
margin: 0 0 15px;
}

.area_right {
float: right;
width: 63%;	
}
.area_right p {
font-size: 81.25%;
line-height: 1.7;
margin: 0 0 20px;	
}

.map {
margin-bottom: 15px;
text-align: center;
}

.area {
margin-bottom: 30px;	
}

h2.voice_t {
margin: 0 0 12px;
padding-top: 30px;
text-align: left;
}

.voiceback {
background: url(../img/voiceb.png) no-repeat;
float: left;
height: 136px;
margin: 0 16px 40px 0;
padding: 20px;
width: 25%;
}

.voiceback dt {
font-size: 87.5%;
line-height: 1.2;
}
.voiceback dt a {
line-height: 1.2;
}

.voiceback dd {
font-size: 68.75%;
line-height: 1.6;
}
.voiceback dd a {
line-height: 1.6;
}

h3.googlemap {
background: #9cbacd;	
border-bottom: 0;
font-size: 93.75%;
font-weight: normal;
margin: 40px 0 20px;
padding: 10px;
}

p.gm_text {
line-height: 1.2;
margin: 0 0 35px;
}

p.president {
font-size: 106.25%;
line-height: 1.2;
margin: 0 0 40px;
}

p.president_photo {
margin-bottom: 40px;
text-align: center;
}

p.recruit {
margin: 0 0 35px;
}

table.recruit_ta {
margin: 0 0 55px;
width: 100%;
}

table.recruit_ta th {
font-size: 87.5%;
}

table.recruit_ta td {
font-size: 87.5%;
}

.staff {
background: url(../img/staffline.png) no-repeat left bottom;
border-bottom: 0;
margin: 0 0 45px;
padding: 0 25px;
}

.staff_r {
float: right;
width: 305px;
}
.staff_r h3 {
border-bottom: 0;
margin-bottom: 30px;
padding-bottom: 0;
text-align: left;
}
.staff_r dl {
margin-bottom: 20px;
}
.staff_r dt {
font-size: 93.75%;
line-height: 1.2;
width: 80px;
}
.staff_r dd {
font-size: 93.75%;
line-height: 1.2;
width: 225px;
}
.staff_r p {
font-size: 93.75%;
line-height: 1.2;
margin-bottom: 45px;
}

.staff_l {
float: left;
width: 185px;
}
.staff_l p {
margin-bottom: 45px;
text-align: left;
}

p.privacy {
font-size: 106.25%;
line-height: 1.2;
margin: 0 0 30px;
}

ol {
border: 2px solid #99b3ff;
margin-bottom: 30px;
padding: 25px 25px 15px 50px;
}
ol li {
line-height: 1.2;
font-size: 100%;
margin-bottom: 15px;
}

.privacy_c {
margin: 0 0 0 200px;	
width: 338px;
}
.privacy_c dt {	
font-size: 81.25%;
}
.privacy_c dd {
font-size: 81.25%;
}

.koda_p1 {
width: 295px;
}
.koda_p2 {
width: 295px;
}
.koda_p3 {
font-size: 75%;
top: 230px;
width: 295px;
}

p.kodawari_text1 {
font-size: 93.75%;
line-height: 1.2;
margin-bottom: 60px;
}
p.kodawari_text2 {
font-size: 93.75%;
line-height: 1.2;
margin: 30px 0 50px;
}
p.kodawari_text3 {
font-size: 93.75%;
line-height: 1.2;
margin-bottom: 20px;
}

.kodawari_photo {
float: right;
margin: 0 0 20px 20px;
}

h3.kodawari_t {
font-size: 175%;
}

.blogarea {
margin: 0 40px;
}
.blogarea p {
font-size: 93.75%;
line-height: 2;
margin: 0 0 20px;
}
.blogarea p.day {
font-size: 106.25%;
line-height: 2;
}
.blogarea p.ctright {
text-align: right;
margin-bottom: 40px;
}

.amagai1 {
margin-left: 8px;
}
.amagai2 {
font-weight: bold;	
text-align: center;
}

h3.blog_t {
font-size: 175%;
margin-bottom: 20px;
padding: 0 0 4px;
}


h3.ct {
margin-bottom: 16px;
padding: 30px 0 3px;
}

div.comment-respond h3 {
margin-bottom: 16px;
padding: 1px 0 3px;
}

.form-submit {
padding-bottom: 30px;
}

.bnaarea {	
padding-bottom: 40px;
}

.sitemap ul {
float: left;
margin: 0;
width: 50%;	
}
.sitemap ul li {
font-size: 93.75%;
margin-bottom: 15px;	
}
.sitemap ul li a {
background: url(../img/arrow.png) no-repeat 0 7px;
padding-left: 15px;
}

.cc {
margin-left: 20px;
}

.conv {
margin: 0 0 40px;
}
.conv img {
width: auto;
}

.contact1 {
margin: 0 0 20px;
}

.contact2 {
font-size: 100%;	
line-height: 1.2;
margin: 0 0 40px;
}

.alignleft {
float: left;
margin: 0 20px 40px 0;
}
.alignright {
float: right;
margin-left: 0 0 40px 20px;
}

.pikachoose {
display: block;	
margin: 0;	
width: 100%;
}
.pikachoose_sp {
display: none;
}

/* Style the thumbnails */
.pika-thumbs{ }
.pika-thumbs li{ width: 169px; height:113px; overflow: hidden; cursor: pointer;}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 100%;}
.pika-stage {position: relative; height:auto; margin-bottom: 80px;}
.pika-stage img{height:auto;}
.pika-stage .caption {position: absolute; background: #000; background: rgba(0,0,0,0.75);  border: 1px solid #141414; font-size: 11px; color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {}
.pika-imgnav a.next {}
.pika-imgnav a.play {}
.pika-imgnav a.pause {}

/* The previous and next textual buttons */
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
.pika-textnav a.previous {float: left; width: auto; display: block;}
.pika-textnav a.next {float: right; width: auto; display: block;}

/*for the tool tips*/
.pika-tooltip{display: none;}
.pika-counter{display: none;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; text-align:right; position:absolute; top:15px; right:15px; }

.aco1,.aco2,.aco3 {
display: none;
}

.comment-form-comment textarea {
width: auto;
}

.comment-form-email label {
margin-right: 50px;
}

.title {
padding: 0 0 4px;
}

table.company_sp {
display: none;
}
table.company_pc {
width: 93%;
display: block;
}

h3.case_d {
padding: 0 0 4px;
}

.infotop {
display: block;
}

h3.info_t {
display: none;
}

.kodall {
margin: 0 auto;
width: 600px;
}
}


@media only screen and (min-width: 980px) {
	
#header {
height: 107px;	
margin: 0 auto;
position: relative;
width: 980px;
}

ul.g_menu {
display: block;
margin: 0 auto 35px;
position: relative;
width: 976px;	
}

ul.g_menu ul {
display: none;
left: 0;
position: absolute;
top: 36px;
width: 166px;
}

ul.g_menu ul a {
background: #004ea1;
border-bottom: 1px dotted #fff;
color: #fff;
display: block;
padding: 10px 0;
width: 166px;
zoom: 1;
}

ul.g_menu_top {
display: block;	
margin: 0 auto 25px;
position: relative;
width: 976px;	
}

ul.g_menu_top ul a {
background: #004ea1;
border-bottom: 1px dotted #fff;
color: #fff;
display: block;
padding: 10px 0;
width: 166px;
zoom: 1;
}

ul.bread {	
margin: 0 auto 15px;
width: 980px;	
}

.container {
margin: 0 auto 32px;	
text-align: left;
width: 980px;
}

.contents {
float: right;
width: 736px;
}

.menu {
display: block;	
float: left;
width: 196px;
}

#totop {
margin: 0 auto 15px;	
text-align: right;
width: 980px;
}

.footer {
margin: 0 auto 30px;
padding: 20px 0 0 0;
width: 980px;
}

iframe {
height: 480px;	
margin: 0 78px;
width: 580px;
}
#slider_area iframe {
border: 0;
height: 520px;
margin: 0;
width: 980px;
}
#slider_area {
display: block;	
margin: 0 auto 40px;
width: 980px;
}

#toparea {
margin: 0 auto;
text-align: left;
width: 980px;
}

.pur {
float: right;
margin-bottom: 50px;
width: 924px;
}
.pur div {
border: 1px solid #ccc;
float: left;
margin: 0 16px 0 0;
padding: 7px 0 0;
width: 290px;
}
.pur div p {
font-size: 93.75%;
}

.menu1 {
width: auto;
}
.menu2 {
width: auto;
}
.menu3 {
width: auto;
}
.menu4 {
width: auto;
}
.menu5 {
width: auto;
}

.footer dt {
display: block;
float: left;
margin-right: 40px;
}
.footer dd {
font-size: 87.5%;
margin: 15px 30px 0 0;
}
.footer dd a {
background: url(../img/arrow.png) no-repeat 0 7px;
padding-left: 15px;
}

address {
clear: none;	
float: right;
font-size: 75%;
margin-top: 15px;
}

.area_left {
float: left;
width: 315px;	
}

.area_right {
float: right;
width: 615px;	
}

.voiceback {
background: url(../img/voiceb.png) no-repeat;
float: left;
height: 136px;
margin: 0 16px 40px 0;
padding: 20px;
width: 270px;
}

.voiceback dt {
font-size: 106.25%;
line-height: 1.6;
}
.voiceback dt a {
line-height: 1.6;
}

.voiceback dd {
font-size: 81.25%;
line-height: 1.6;
}
.voiceback dd a {
line-height: 1.6;
}

.koda_l1 {
float: left;
height: 300px;
margin: 0 47px 30px 0;
position: relative;
}
.koda_l2 {
float: left;
height: 300px;
margin-bottom: 30px;
position: relative;
}
.koda_l3 {
float: left;
height: 340px;
margin: 0 47px 0 0;
position: relative;
}
.koda_l4 {
float: left;
height: 340px;
margin: 0;
position: relative;
}

.kodall {
margin: 0;
width: auto;
}

h2.voice_t {
margin: 0 0 12px;
padding-top: 0;
text-align: left;
}

.ttleft {
float: left;
width: 653px;
}
.ttleft h2 {
float: left;
margin: 0 20px 0 0;
}
.ttleft dl {
float: left;
height: 150px;
margin: 0 0 30px;
padding: 25px 55px;
width: 487px;
}
.ttleft dt {
font-size: 75%;
line-height: 1;
margin: 0 40px 15px 0;
width: auto;
}
.ttleft dd {	
font-size: 81.25%;
line-height: 1;
margin-bottom: 15px;
width: auto;
}

.ttright {
float: right;
padding-bottom: 0;
width: 303px;
}

.privacy_c {
margin: 0 0 0 376px;
width: 338px;
}

.sitemap ul {
float: left;
margin: 0;
width: 368px;	
}

.concool p.con_p1 {
float: left;
margin-bottom: 34px;
}
.concool p.con_p2 {
float: right;
margin-bottom: 34px;
}

table.contact_f {
display: block;	
margin: 0 0 20px;
width: 736px;
}

table.contact_f th {
margin: 0 0 20px;
width: 120px;
}

table.contact_f td {
width: 596px;
}

table.recruit_ta {
margin: 0 34px 55px;
width: 668px;
}

.staff {
background: url(../img/staffline.png) no-repeat left bottom;
border-bottom: 0;
margin: 0 46px 45px 45px;
padding: 0 45px;
}

.staff_r {
float: right;
width: 305px;
}
.staff_r h3 {
border-bottom: 0;
margin-bottom: 30px;
padding-bottom: 0;
text-align: left;
}
.staff_r dl {
margin-bottom: 20px;
}
.staff_r dt {
font-size: 93.75%;
line-height: 1.2;
width: 80px;
}
.staff_r dd {
font-size: 93.75%;
line-height: 1.2;
width: 225px;
}
.staff_r p {
font-size: 93.75%;
line-height: 1.2;
margin-bottom: 45px;
}

.staff_l {
float: left;
width: 185px;
}
.staff_l p {
margin-bottom: 45px;
text-align: left;
}

.com_cap1 {
float: left;
margin: 0 30px 40px 34px;
text-align: center;
width: 319px;
}

.com_cap2 {
float: left;
margin: 0 0 40px;
text-align: center;
width: 319px;
}

table.company_pc {
width: 652px;
display: block;
}

.three1 {
float: left;
margin: 0 25px 90px 52px;
width: 165px;
}
.three2 {
float: left;
margin: 0 25px 90px 0;
width: 164px;
}
.three3 {
float: left;
margin: 0 53px 90px 0;
width: 252px;
}

.history_left {
float: left;	
width: 426px;
}

.history_right {
float: right;	
width: 280px;
}

.history_left table {
margin: 0;
width: 426px;
}

.case1 {
float: left;
height: 190px;
margin: 0 15px 65px 0;
width: 230px;
}

.blog_area {
clear: both;
height: 177px;
position: relative;
}
.ba1 {
display: block;
float: none;
left: 0;
position: absolute;
top: 25px;
}
.ba2 {
float: none;	
left: 52px;
margin: 0;
position: absolute;
top: 25px;
}
.ba3 {
float: none;	
left: 370px;
margin-bottom: 0;
position: absolute;
top: 25px;
}

.pikachoose {
display: block;	
margin: 0;	
width: 736px;
}

.pika-stage, .pika-textnav {width: 736px;}
.pika-stage {position: relative; height:490px; margin-bottom: 80px;}
}

@media only screen and (max-width: 699px) {
#hikaku {
	display: none;
}
#hikakuSP {
	text-align: center;
}

#contactPc {
	display: none;
}

#contactSP {
	position: fixed;
	bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	left: 0px;
	padding-left: 20px;
}

#contactSP ul li {
	list-style: none;
	float: left;
	width: 46%;
	height: auto;
	margin-left: 1%;
	margin-right: 1%;
	padding-left: 0px;
}
#contactSP ul li img {
	list-style: none;
	float: left;
	width: 100%;
	height: auto;
}
}

@media only screen and (min-width: 700px) {
#hikakuSP {
	display: none;
}

#contactPc {
	position: fixed;
	right: 0px;
	top: 350px;
}

#contactSP {
	display: none;
}

}