/* ------ base ----- */
body{padding:0; margin:0; color:#555; font-size:0.8em; line-height:1.4; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
p,h1,h2,h3,h4{margin:0; font-size:1em;}
a{color:#06C;}
a:hover{color:#418DD9;}
ul{padding:0; margin:0; list-style:none;}
ol{padding:0 0 0 2em; margin:0;}
address{font-style:normal;}
table{font-size:1em; text-align:left;}
table,th,td{border:none;}
th{font-weight:normal;}
form{padding:0; margin:0;}
img{border:none;}
.hide{height:0; width:0; overflow:hidden; position:absolute;}
div.clear{clear:both; width:inherit; height:0; font-size:0; line-height:0;}




.top_text{
    width: 100%;
    position: absolute;
    z-index: 99;
    text-align: center;
    top: 8%;
    left: 0%;
}

.top_text img{
    max-width: 100%;
}

@media (max-width: 768px){
.top_text{
    top:15%;
}
}

@media (max-width: 480px){
.top_text{
    top:2%;
}
}
/* ------ other ----- */
@media (max-width: 768px){
#naviwhole {
    display: none;
}
}

nav ul{
display:none;
}


.sp_on{
display:none;
}

@media(max-width:768px){
.sp_on{
display:block;
}
}


.sp_on_480{
display:none;
}

@media(max-width:480px){
.sp_on_480{
display:block;
}
}


@media(max-width:768px){
.tab_none{
display:none;
}
}

@media(max-width:480px){
.sp_none{
display:none;
}
}



.top_image{
width: 100%;
padding-top: 500px;
background-image: url("../images/main_image.jpg");
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}

@media(max-width:768px){
.top_image{
padding-top: 80%;
}
}

/* ------ structure ----- */
div#head{max-width:900px; height:74px; margin:0 auto; text-align:left; background:url(../images/bg_head.gif) no-repeat; position:relative;}
h1{position:absolute; left:0; top:0;}
h1 a{display:block; width:310px; height:74px;}

h2{
    text-align: center;
    font-size: 20px;
    border-bottom: 1px solid #AFAFAF;
padding-bottom: 10px;
}



h3{
    text-align: left;
    font-size: 18px;
    border-bottom: 1px solid #AFAFAF;
}

h3:after{
    content: " ";
    color: #fff;
    float: right;
    position: relative;
    bottom: 7px;
    background: url(../images/yajirushi.png);
    display: block;
    height: 29px;
    width: 30px;
}

@media(max-width:400px){
h3:after{
display:none;
}
}

p#headnavi{position:absolute; right:177px; top:32px; font-size:11px; line-height:1.1;}
p#headnavi a{padding-left:10px; color:#777; text-decoration:none; background:url(../images/ya_3.jpg) 0 2px no-repeat;}
p#headnavi a:hover{color:#AAA;}
a#headnavi1,a#headnavi2,a#headnavi3{position:absolute; top:27px; display:block; width:20px; height:20px;}
a#headnavi1{left:789px; background:url(../images/headnavi1.jpg) no-repeat;}
a#headnavi2{left:811px; background:url(../images/headnavi2.jpg) no-repeat;}
a#headnavi3{left:833px; background:url(../images/headnavi3.jpg) no-repeat;}
a#headnavi1:hover{background:url(../images/headnavi1.jpg) 0 -20px no-repeat;}
a#headnavi2:hover{background:url(../images/headnavi2.jpg) 0 -20px no-repeat;}
a#headnavi3:hover{background:url(../images/headnavi3.jpg) 0 -20px no-repeat;}
div#mainimg{font-size:0; line-height:0; background:url(../images/bg_mainimg.jpg) top repeat-x;}
div#mainimg div{height:297px; background:url(../images/mainimg.jpg) center no-repeat;}
div#naviwhole{background-color: #F1F1F1;border-bottom: 5px solid #1B4D96;}
div#navi{max-width:900px; margin:0 auto;}

div#navi ul{
display: table;
table-layout: fixed;
width: 100%;
list-style:none;
padding:0; margin:0;
}

div#navi li{
display:table-cell;
vertical-align:middle;
text-align:center;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f1f5f8', endColorstr = '#dde2e8');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f1f5f8', endColorstr = '#dde2e8')";
background-image: -moz-linear-gradient(top, #f1f5f8, #dde2e8);
background-image: -ms-linear-gradient(top, #f1f5f8, #dde2e8);
background-image: -o-linear-gradient(top, #f1f5f8, #dde2e8);
background-image: -webkit-linear-gradient(top, #f1f5f8, #dde2e8);
background-image: linear-gradient(top, #f1f5f8, #dde2e8);
}

ul li a	{
color:#575757;
font-weight:bold;
font-size:14px;
text-decoration:none;
padding:10px;
display:block!important;
border-left: 1px solid #fff;
border-top: 3px solid #f1f5f8;
}

ul li span{
color:#A7A7A7;
font-size:6px;
font-weight: normal;
}

ul li a:hover{
color: #575757;
text-decoration: none;
border-top: 3px solid #1B4D96;
}

.now{
border-top: 3px solid #1B4D96;
}



div#mainhead{height:30px; font-size:0; line-height:0;}

#print{
    min-height: calc(100vh - 220px);
}

@media(max-width:768px){
#print{
    padding-top:50px;
}
}

.bg1{
background-color:#F5F5F5;
}

#greeting_inner{
max-width: 900px;
margin: 0 auto;
    padding: 40px 20px 40px 20px;
}

#greeting_inner p{
font-size:14px;
text-align:left;
line-height:1.7em;
padding:30px 10px 30px 10px;
}

#greeting_inner span{
    color: #A7A7A7;
    font-size: 6px;
    font-weight: normal;
}

#greeting_inner p img{
float:left;
padding:0 30px 20px 0;
}

.ceo{
text-align: right;
}


#jigyou_inner{
max-width: 900px;
margin: 0 auto;
    padding: 40px 20px 40px 20px;
}

.inner_title{
    color: #A7A7A7;
    font-size: 6px;
    font-weight: normal;
}

.jigyou_box{
padding: 30px 10px 0px 10px;
border-collapse: separate;
border-spacing: 20px 10px;
}

.flright{display:table-cell;}
.flleft{display:table-cell;}

.flleft,.flright{
width:50%;
padding:25px;
box-sizing:border-box;
background-color: #DDEEFF;
}

@media(max-width:768px){
.flleft,.flright{
display:block;
width:100%;
padding:20px;
margin-bottom:20px;
box-sizing:border-box;
background-color: #DDEEFF;
}
}



.jigyou_box a{
color: #575757;
text-decoration:none;
}

.jigyou_box a:hover{
color: #1B4D96;
text-decoration:underline;
}

#profile_inner{
max-width: 900px;
margin: 0 auto;
    padding: 40px 20px 40px 20px;
}

#profile_inner span{
    color: #A7A7A7;
    font-size: 6px;
    font-weight: normal;
}

#profile_inner table{
	width:100%;
}

#profile_inner table th,#profile_inner table td{
	background: url(../images/bg_1.gif) bottom repeat-x;
}

#profile_inner table th{
	width:15%;
	font-weight:bold;
}

#profile_inner table td{
	width:85%;
	padding:15px;
}




.contact_textarea {
    text-align: center;
    font-size: 16px;
    padding: 10px 10px 0 10px;
}

.phoneno {
    text-align: left;
    margin: 20px 0 20px 0;
    font-size: 14px;
    line-height: 1.5;
}

.phoneno p {
    font-size: 14px;
    vertical-align: top;
}



.contact_wrap {
    width: 100%;
    box-sizing: border-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}


@media(max-width:768px){
.contact_wrap {
    padding: 0;
}
}



.contact_box {
    max-width: 900px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    color: #fff;
}

#formwrap {
    margin: 0 auto;
    color: #555;
    padding: 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

@media(max-width:768px){
#formwrap {
	padding:0px;
}
}

.form_inner {
    max-width: 750px;
    margin: 0 auto;
    color: #575757;
    padding: 20px;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

table.formTable {
    width: 100%;
    margin: 0 auto;
    line-height: 2.0em;
}

table.formTable tr {
    border: none;
}

table.formTable th {
    font-weight: normal;
    text-align: left;
    font-size: 14px;
    padding: 10px 0 0 0;
}

table.formTable td {
    font-weight: normal;
    text-align: left;
    border-bottom: 1px solid #D4D4D4;
    padding-bottom: 20px;
}

#btn_confirm {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    color: rgb(255, 255, 255);
    font-size: 16px;
    background-color: #1B4D96;
    width: 250px;
    height: 50px;
    margin-top: 20px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    cursor: pointer;
    border: 1px solid #1B4D96;
    border-radius: 4px;
}

@media(max-width:480px){
#btn_confirm {
    width: 100%;
}
}

#btn_confirm:hover {
    font-size: 16px;
    background-color: #205EB7;
    border: 1px solid #205EB7;
    border-radius: 4px;
    cursor: pointer;
}


input.form1 {
    width: 30%;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 14px;
    color: rgb(12, 12, 12);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    margin: 0px;
    padding: 0.1em;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
}

input.form2 {
    width: 50%;
    margin: 0px;
    padding: 0.1em;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    color: #0C0C0C;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
}

@media(max-width:768px){
input.form1 {
	width: 60%;
}
}

@media(max-width:768px){
input.form2 {
	width: 80%;
}
}

@media(max-width:480px){
input.form1 {
	width: 98%;
}
}

@media(max-width:480px){
input.form2 {
	width: 98%;
}
}


textarea {
    width: 96%;
    height: 10em;
    line-height: 1.5;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 14px;
    color: rgb(12, 12, 12);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    resize: none;
    padding: 0.3em;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
}


td.error input, td.error textarea, td.error label {
    background: #FF7E7E;
}


.footer_left{
float:left;
width:50%;
box-sizing:border-box;
padding-bottom: 20px;
}

.footer_right{
float:left;
width:50%;
box-sizing:border-box;
text-align:right;
}

@media(max-width:768px){
.footer_left,.footer_right{
float:none;
width:100%;
text-align:center;
padding-bottom:20px;
}
}




#business_inner{
max-width: 900px;
margin: 0 auto;
    padding: 40px 20px 40px 20px;
overflow: hidden;
min-height: calc(100vh - 440px);
}

@media(max-width:768px){
.business_single_image{
width:100%;
}
}

.business_left{
float:left;
width:50%;
box-sizing:border-box;
padding-bottom: 20px;
padding-right: 15px;
}

.business_right{
float:left;
width:50%;
box-sizing:border-box;
}

@media(max-width:768px){
.business_left img,.business_right img{
width:100%;
}
}

@media(max-width:768px){
.business_left,.business_right{
float:none;
width:100%;
text-align:center;
padding-bottom:20px;
padding-right: 0px;
}
}


.business_left2{
float:left;
width:50%;
box-sizing:border-box;
padding-bottom: 20px;
text-align: center;
}

.business_right2{
float:left;
width:50%;
box-sizing:border-box;
text-align: center;
}

.business_left2 img,.business_right2 img{
width:95%;
}



.business_left3{
float:left;
width:33.3%;
box-sizing:border-box;
padding-bottom: 20px;
text-align: center;
}

.business_left3 img{
width:95%;
}



#business_inner table th{
width:35%;
}

div#right{float:right; width:630px;}
div#right h2{padding-top:11px;}
div#left{float:left; width:195px;}
ul#subnavi{border-top:1px solid #D8D8D8;}
ul#subnavi li{border:1px solid #D8D8D8; border-top:none;}
ul#subnavi li a{display:block; width:193px; padding:10px; color:#555; text-decoration:none; background:url(../images/bg_subnavi.jpg) center repeat-x;
voice-family:"\"}\""; voice-family:inherit; width:173px;}/* exclude winIE5.x */
ul#subnavi li a:hover,ul#subnavi li.now a{background:#F1F5F8;}
ul#subnavi li a span{display:block; padding-left:26px; background:url(../images/ya_1.gif) 5px 6px no-repeat;}
div.subdiv{width:195px; padding:11px 12px; border:2px solid #E0E0E0;
voice-family:"\"}\""; voice-family:inherit; width:167px;}/* exclude winIE5.x */

p#pagetop{padding:35px 0 0 744px;}
p#pagetop a{display:block; width:116px; height:23px; background:url(../images/b_pagetop.jpg) no-repeat;}
p#pagetop a:hover{background:url(../images/b_pagetop.jpg) 0 -23px no-repeat;}
div#footwhole{padding:20px 10px 20px 10px; background:#64B7E5;}
div#foot{max-width:900px; margin:0 auto; color:#FFF; font-size:12px; text-align:left; position:relative;padding:0 10px 0 10px;}
div#foot address{line-height:1.5;}
p#footnavi{padding-top:20px; border-top:1px dotted #4C6FAB;   clear: both;}
p#footnavi a{color:#FFF; text-decoration:none;}
p#footnavi a:hover{color:#C2E2F5;}


.copyright{
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
}

p#footcopy{font-size:12px; font-family:Helvetica;}

/* ------ class ----- */
a.linkother{padding-right:18px; background:transparent url(../images/mark_linkother.gif) right no-repeat;}
ul.disc{list-style-type:disc; margin-left:1.6em;}
ul.decimal{list-style-type:decimal; margin-left:2em;}
table.table1{border-top:1px solid #CCC; border-left:1px solid #CCC;}
table.table1 th,table.table1 td{border-right:1px solid #CCC; border-bottom:1px solid #CCC; background:#FFF;}
table.table1 th{text-align:center; background:#EEE;}

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

.waku{ border:1px solid #CCC;}
.waku2{border:2px solid #C4D4E6;}
.small{font-size:0.85em; line-height:1.5;}
.red{color:#F00;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgr5{margin-right:5px;}
.mgr10{margin-right:10px;}
.mgr15{margin-right:15px;}
.mgr20{margin-right:20px;}
.mgr25{margin-right:25px;}
.mgr35{margin-right:35px;}
.mgb5{margin-bottom:5px;}
.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb25{margin-bottom:25px;}
.mgb30{margin-bottom:30px;}
.mgb35{margin-bottom:35px;}
.mgb40{margin-bottom:40px;}
.mgl20{margin-left:20px;}
.w200{width:200px;}
.w260{width:260px;}
.w305{width:305px;}
.w340{width:340px;}
.w350{width:350px;}
.w390{width:390px;}
.w630{width:630px;}

@media(max-width:768px){
.pdt50_sp{
padding-top:20px;
}
}

.t0{
padding: 0 17px 5px;
    border-bottom: 1px solid #CCC;
    color: #575757;
    font-size: 20px;
}
.t1{padding:0 17px 5px; border-bottom:1px solid #CCC; border-left:6px solid #1E4A96; color:#575757; font-size:1.3em;}
.t2{color:#1E4A96; font-size:1.2em; font-weight:bold;}
.t3{color:#575757; font-size:1.1em;}

/* ------ p home ----- */
body#home div#right{width:610px;}
div#homemessage{padding-bottom:40px; background:url(../images/home_2.jpg) right 20px no-repeat;}
div#homemessage p{width:330px;}

div.homebn p a{color:#555; text-decoration:none;}
div.homebn p a:hover{color:#06C; text-decoration:underline;}

div.homebn2{width:610px; background:url(../images/bg_homebn2.jpg) top no-repeat;}
div.homebn2 div.flleft,div.homebn div.flright{width:298px; padding:15px 17px 20px;
voice-family:"\"}\""; voice-family:inherit; width:264px;}/* exclude winIE5.x */
div.homebn2 p a{color:#555; text-decoration:none;}
div.homebn2 p a:hover{color:#06C; text-decoration:underline;}

body#home div#left{width:215px;}
body#home div#news li,body#home div#blog li{padding:6px 0;}
body#home div#blog li a{color:#555; text-decoration:none;}
body#home div#news p,body#home div#blog p{margin-top:6px;}
body#home div#news p a,body#home div#blog p a{padding-right:9px; background:url(../images/ya_3.jpg) right 3px no-repeat;}
body#home p#pagetop{padding-top:25px}

/* ------ p news ----- */
div#news li,div#blog li{padding:15px 0; border-bottom:1px dotted #CCC;}

/* ------ p company ----- */
table#company th{font-weight:bold;}
div#message{width:628px; padding:14px; font-size:1.2em; border:1px solid #CCC;
voice-family:"\"}\""; voice-family:inherit; width:600px;}/* exclude winIE5.x */

/* ------ p contact ----- */
div#contact textarea{width:410px;}
div#contact_thanks p{margin:70px 0;}

/* ------ p privacy ----- */
p#privacytx{padding-bottom:20px; border-bottom:1px dotted #CCC; margin-bottom:22px;}

/* ------ p sitemap ----- */
div#sitemap div.flleft,div#sitemap div.flright{width:297px;}
div#sitemap li{padding:14px 0 14px 55px; border-bottom:1px dotted #CCC; background:url(../images/ya_1.gif) 15px 20px no-repeat;}
div#sitemap li li{padding:6px 0 0 42px; border:none; background:url(../images/ya_2.gif) 27px 11px no-repeat;}


/* ------ topbtn ----- */
#page-top {
	width:0px;
	height:0px;
	position: fixed;
	right: 80px;
	z-index:9999;
	opacity: 0.7;
	filter: alpha(opacity=70); 
	-ms-filter: "alpha(opacity=70)";
}

.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #E0E0E0;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.posi::before{
	top:-60px;
	width: 50px;
	height: 50px;
background: #868686;
    border-radius: 10px;
}
.posi::after{
	top:-45px;
	left:11px;
	width: 25px;
	height: 25px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#page-top:hover {
	opacity: 1;
	filter: alpha(opacity=100); 
	-ms-filter: "alpha(opacity=100)";
}

@media(max-width:768px){
#page-top:hover {
	opacity: 0.7;
	filter: alpha(opacity=70); 
	-ms-filter: "alpha(opacity=70)";
}
}





/*アンカーリンクスマホのメニュー高さ分ネガティブマージン
---------------------------------------------------------------------------*/
@media(max-width:768px){
#link_business,#link_profile,#link_contact {
	position:absolute;
	padding-top:50px;
	margin-top:-50px;
}
}