html,body{margin:0;overflow-x:hidden;font-size:12px;background-image:url(../images/background.png);}
.clearfix:before,.clearfix:after,.row:before,.row:after{content:" ";display:table;}
.clearfix:after,.row:after{clear:both;}
*{box-sizing:border-box;margin:0;}
img{display:block;max-width:100%;}
.no-wrap{white-space:nowrap;}
p{margin:0;}

header{height:150px;background-repeat:no-repeat;background-position:center top;background-size:cover;background-image:url(../images/header.jpg);}
#menu_btn{position:absolute;width:40px;right:10px;top:10px;}
#header_inner{width:100%;position:relative;}
#header_logo{display:block;position:absolute;left:10px;top:10px;}
#header_logo img{display:block;max-width:230px;}
#header_title{position:absolute;width:230px;height:30px;left:0px;top:80px;background-repeat:no-repeat;background-position:right top;background-size:cover;}
.title_about{background-image:url(../images/title_about.png);}
.title_vision{background-image:url(../images/title_vision.png);}
.title_works{background-image:url(../images/title_works.png);}
.title_flow{background-image:url(../images/title_flow.png);}
.title_recruit{background-image:url(../images/title_recruit.png);}
.title_contact{background-image:url(../images/title_contact.png);}

#header_title h2{display:none;}
.banner_pc{display:none;}

#main_menu{position:absolute;left:50%;top:50px;width:280px;transform:translate(-50%, 0);background-color:rgba(255,255,255,.8);z-index:2;display:none;}
.menu{width:33.33%;float:left;text-align:center;}
.menu a{display:inline-block;margin:5px auto;}

.breadcrumb{list-style:none;padding:0;margin:10px 20px 0;}
.breadcrumb li{display:inline-block;padding:0;}
.breadcrumb > li + li:before {content: " / ";}

.sub_title{background-color:#F1F1F1;padding:5px 0;margin:20px 0 0;}
.sub_inner{margin:0 10px 5px;border-left:5px solid #4AA0D1;}
.sub_inner img{height:28px;padding:0 5px 0;}
.sub_title hr{display:block;height:1px;border:0;margin:0 0 5px;padding:0;border-top: 1px solid #4AA0D1;-webkit-margin-before:0;-webkit-margin-after:0;}

.contents_inner{margin:10px 20px 0;}

#footer_img{height:150px;background-repeat:no-repeat;background-position:center top;background-size:cover;background-image:url(../images/footer.png);}
#footer_head{background-color:#2176B7;color:#fff;padding:20px 0;}
#footer_address{width:280px;margin:0 auto;display:table;}
#footer_logo{display:table-cell;width:30%;vertical-align:middle;padding-right:10px;}
#footer_name{display:table-cell;width:70%;vertical-align:middle;font-size:140%;font-weight:700;}
#footer_head p{text-align:center;margin:5px 0 0;}
#mail a{display:block;width:247px;margin:10px auto 0;}

#footer_link{border-top: 1px solid #fff;padding:0;}
#footer_link .sp_link{display:block;background-color:#3C8CC9;color:#fff;line-height:40px;padding:0 20px;border-bottom: 1px solid #fff;text-decoration:none;}
#footer_link .sp_link:nth-child(2n){background-color:#166AAA;}
#footer_link span{display:inline-block;float:right;font-weight:700;}
#copy{font-size:80%;color:#fff;text-align:center;padding:20px 0;background-color:#035493;}
#copy span{float:none;text-align:center;font-weight:normal;}

#gmap {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
#gmap iframe,#gmap object,#gmap embed {position:absolute;top:0;left:0;width:100%;height:100%;}

dl{display:table;border-bottom:1px solid #ccc;width:100%;}
dt{display:table-cell;padding:5px 0 5px 5px;width:30px;}
dd{display:table-cell;padding:10px 5px;}
dl:last-child{border:none;}


.table{width:100%;border-collapse:collapse;margin:20px auto 0;}
.table th{border:1px solid #CCC;border-bottom:none;display:block;padding:5px;text-align:left;font-weight:normal;background-color:#0B559E;color:#fff;}
.table td{border:1px solid #CCC;border-bottom:none;display:block;padding:5px;text-align:left;}
.table tr:last-child td{border-bottom:1px solid #CCC;}

.table p:nth-of-type(1){margin-bottom:10px;}

.red{color:red;}

.contact_table{width:280px;border-collapse:collapse;margin:20px auto 0;}
.contact_table tr{display:block;border-bottom:1px solid #CCC;padding:0 0 10px;margin:0 0 10px;}
.contact_table th{display:block;text-align:left;font-weight:normal;font-size:14px;}
.contact_table td{display:block;text-align:left;}
.contact_table tr:last-child{border-bottom:none;}

.contact_table input,textarea{display:block;width:100%;padding:5px 5px;font-size:14px;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;}
.form_btn{text-align:center;}

#flow_image{width:280px;margin:20px auto 0;}

.about_title{color:#044d85;font-weight:700;font-size:14px;}
.about_title span{display:inline-block;background-color:#044d85;width:20px;height:20px;color:#fff;margin-right:10px;text-align:center;}
.about_detail{margin:5px 0 10px;}
.about_img{margin:10px 0 0;text-align:center;}
.about_img img{display:inline-block;margin:0 0 10px;}
.product{display:inline-block;width:200px;line-height: 1.8em;}



.contents_border{border-bottom:1px solid #ccc;}
.contents_border:last-child{border:none;}

.work_img{margin:20px 0 0;}
.work_img p{text-align:center;line-height:2;}

.vision_image{text-align:center;margin:10px 0 0;}
.vision_image img{display:inline-block;}
.vision_detail p{line-height:1.8;}
.vision_detail p:last-child{text-align:right;margin:10px 0 0;}

.vision_detail2{margin-top:15px;}
.vision_detail2 p{font-size:16px;line-height: 1.5em;}
.vision_detail2 p:nth-of-type(3){margin-bottom:12px;}

#step2{display:none;}

.name1{float:right;text-align:right;display:inline-block;margin-top:30px;}
.name2{font-family: "ro-shino-std",serif;font-size:28px;display:inline-block;}

.recruit_msg{font-size:14px;text-align:center;margin-top:30px;}


@media (min-width: 568px){
#main_menu{width:500px;}
.breadcrumb{width:500px;margin:10px auto 0;}
.menu{width:16.66%;}
.menu a{margin:10px;}
.contents_inner{width:500px;margin:10px auto;}

.pull_left{float:left;width:60%;}
.about_img{float:left;width:40%;}
.about_detail{padding:5px 10px 5px 5px;margin:0;}

.sub_title{margin:30px 0 0;}

.table{width:500px;display:table;}
.table th{display:table-cell;padding:10px 10px;text-align:center;}
.table td{display:table-cell;padding:10px 10px;}

.contact_table{width:500px;display:table;}
.contact_table tr{display:table-row;}
.contact_table th{display:table-cell;padding:10px 10px;width:150px;}
.contact_table td{display:table-cell;padding:10px 10px;}
.contact_table td:last-child{text-align:left;}
.form_btn{margin:20px 0;}

#flow_image{width:500px;margin:20px auto 0;}

}

@media (min-width: 667px){
#main{width:600px;}
#main_menu{width:600px;}  
.breadcrumb{width:600px;}
.table{width:600px;}
header{height:200px;}
#header_title{width:310px;height:40px;top:100px;}
#header_logo img{display:block;max-width:300px;}

.sub_title{margin:40px 0 0;}
.sub_inner{width:600px;}
.sub_inner img{padding:0 10px 0;}

.contents_inner{width:600px;margin:20px auto;}
#footer_address{width:auto;margin:0 auto;display:table;}
#footer_logo{width:97px;}
#footer_head p{width:400px;margin:5px auto 0;text-indent:120px;text-align:left;}
#footer_link{background-color:#2176B7;border:none;text-align:center;padding:0 0 10px;}
#footer_link .sp_link{display:inline-block;background:none;line-height:1;padding:0 5px 0 0;border:none;border-right: 1px solid #fff;}
#footer_link .sp_link:nth-child(2n){background:none;}
#footer_link .sp_link:last-child{border:none;}
#footer_link span{display:none;}

#flow_image{width:600px;margin:20px auto 0;}



}

@media (min-width: 768px){
.banner_sp{display:none;}
.banner_pc{display:block;}
#footer_img{height:200px;background-position:center bottom;}
.contents_inner{margin:30px auto;}
.work_img{float:left;width:50%;}
.work_img img{padding:0 10px;}
}

@media (min-width: 992px){
body{font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;font-size:14px;}
header{height:250px;}
#header_title{width:310px;height:40px;top:120px;}

#header_logo{width:900px;left:50%;top:20px;transform:translate(-50%, 0);}
#header_logo img{display:block;max-width:100%;}
#menu_btn{display:none;}
#main_menu{display:block;width:400px;transform:translate(0, 0);bottom:auto;top:10px;background:none;}
.menu a{margin: 0 5px 10px;}
#header_logo{width:900px;}
#header_logo img{display:block;max-width:100%;}	
.breadcrumb{width:900px;margin:20px auto 0;}

#footer_img{height:250px;background-position:center bottom;}
footer{position:relative;}
#footer_link .sp_link{padding:0 10px 0 5px;}
#footer_address{width:900px;display:block;}
#footer_head p {width:900px;margin: 0 auto;text-indent:110px;}
#footer_logo{display:block;float:left;width:auto;}
#footer_name{display:block;float:left;width:auto;line-height:40px;}
#footer_link{width:900px;position:absolute;left:50%;top:80px;transform:translate(-50%, 0);text-align:right;background:none;}
#mail{width:900px;position:absolute;left:50%;top:30px;transform:translate(-50%, 0);}
#mail a{margin:0;float:right;}
#copy{font-size:100%;}

.contents_inner{width:900px;}
.table{width:900px;margin:30px auto 0;}
.table th{width:30%;}
.contact_table{width:900px;}
.contents_banner img{display:inline-block;}

.sub_title{margin:50px 0 0;}
.sub_inner img{height:35px;}
.sub_inner{width:900px;margin: 0 auto 5px;}
.work_img{float:left;width:33.3%;}

.pull_left{float:left;width:70%;}
.about_img{float:left;width:30%;}
.about_detail{padding:10px 20px 20px 35px;}

#flow_image{text-align:center;}
#flow_image img{display: inline-block;}

.vision_detail{float:left;width:100%;font-family:"游明朝", YuMincho;font-weight:700;}
.vision_detail2{float:left;width:100%;font-family:"游明朝", YuMincho;font-weight:700;}
.vision_image{float:left;width:30%;margin:0;}
.vision_image img{padding:0 0 0 20px;}
	
.vision_detail2 p{font-size:19px;}
	

#main_header{text-align:center;}
#main_header img{border:1px solid #fff;margin:0 auto;}

#flow_image{width:900px;margin:30px auto 0;}

.recruit_msg{font-size:16px;}


}

@media (min-width: 1200px){
header{height:300px;}
#header_title{width:400px;height:50px;top:150px;}
.breadcrumb{width:1140px;}
.contents_inner{width:1000px;}
#header_logo{width:1140px;}


#footer_address{width:1100px;}
#footer_head p {width:1100px;}
#footer_link{width:1100px;}
#footer_img{height:550px;}
.sub_inner img{height:40px;}
.sub_inner{width:1140px;margin: 0 auto 5px;}	

.pull_left{float:left;width:80%;}
.about_img{float:left;width:20%;}

.about_title{font-size:18px;}
.about_title span{width:25px;height:25px;}
.about_contents{margin:20px 20px 0;} 

.contents_inner:first-child .vision_detail{font-size:110%;}
.vision_detail p{line-height:2;}

.contact_contents{width:900px;margin:0 auto;}

#main_menu{width:440px;transform:translate(-100px, 0);}
}

@media (min-width: 1400px){
#header_title{width:500px;;height:62px;}
	
#main_menu{width:500px;transform:translate(-100px, 0);}
}

@media (min-width: 1600px) {
#header_title{width:550px;}
#main_menu{width:500px;transform:translate(-50px, 0);}
}

@media (min-width: 1800px) {
#header_title{width:600px;}
}