@charset "utf-8";

/* Content
==================================================
URL:http://www.northstarhd.co.jp/

1. 
2. 
3. 
4. 
5. 
6. 
7. 
8. 
9. 
10. 
================================================== */

/*---------------------------------------
default style
-----------------------------------------------*/
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }

* { margin:0; padding:0; }

body {background:url(../images/) top repeat-x; font-size:12px; font-family:verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Osaka","MS PGothic",Sans-Serif; color:#333; line-height:1.5; } /*--- 背景色　白練色　HIRONERI --*/
html {}
img,
fieldset { border:0; }
.body_inner {margin: 0 auto; width: 100%;}
p {max-height: 999999px;}
dt {max-height: 999999px;}
dd {max-height: 999999px;}

.contents_top_space { width:960px; height:20px; }
.contents_title { margin-bottom:30px; width:660px; height:30px; background:url(../images/bg_title_01.png) no-repeat; text-align:left; }
.contents_title h2 { padding:6px 0 0 40px; font-size:13px; color:#fff; letter-spacing: 0.1em; }
.cont {width: 100%; clear: both;}

.title_img {padding-bottom: 30px; margin-top:80px; width:100%; height: 280px; text-align: center;}
.title_img img {margin: 0 auto; width:100%;}

#container {width: 100%;}
.containerBox {podding-left:20px; margin:0 auto; width: 1000px; clear: both;}
/* .onimg {background: url(../images/bg_top_cont.png) top center no-repeat; background-size: 100%;} */

a { color:#283a7c; text-decoration: none;}
li {list-style-type: none;}

.newyear_text {padding: 3em; margin: 0 auto 80px; width: 90%; border: 1px dashed #999;}
.newyear_text p {font-size: 16px; color: #333; line-height: 2em;}

/*---------------------------------------
header_area
-----------------------------------------------*/
#top-head {height: 80px;}
.header_area { height:60px; margin:0 auto; background:url(../images/) no-repeat; text-align:center; }
.header_area h1 { width:740px; margin:0 auto; padding:10px 15px 0; }
.header_area p#siteDescription { width:740px; margin:0 auto; padding:0 15px 10px 30px; }
.header_top { width:100%; height:20px; text-align:center; }
.header_top h1 {font-size:13px;}
.header { width:960px; height:130px; margin:0 auto; background:url(../images/bg_header_area.png); text-align:center; }
.header_logo { float:left; margin: 5px 0 0 23px; width:260x; height:50px;}
.header_logo img {width: 260px; height: 50px;}
.nav {margin: 0 auto; width: 1000px; height: 39px; background: #ff0000;}

/*-----------------------------------------------
footer
-----------------------------------------------*/
footer {margin-top: 130px; width: 100%; height: 450px; background:url(../images/bg_footer.jpg) top center no-repeat; background-size:100% 160%;clear: both; display: block;}
.main_footer {padding: 130px 0 0 0; margin: 0 auto; width: 1005px; height: 200px; border-top: 1px solid #fff;}
.footer_logo {margin-left: 30px; width: 900px; height: 50px;}
.footer_nav {margin-top: 40px; width: 1005px; height: 200px; clear: both;}
.footer_nav h4 {padding-left: 1em;font-size: 13px; color: #333; line-height: 1.5em;}
.footer_nav01 { float:left; padding-left:30px; margin:-50px 0 0 30px; width:390px; height:170px; border-right:1px dotted #96a1cb;}
.footer_nav01 h3 {font-size: 14px; color: #333; line-height: 1.8em;}
.footer_nav02 { float:left; padding-left:30px; margin-top:-50px; width:140px; height:170px; border-right:1px dotted #96a1cb;}
.footer_nav02 h3  {margin-top: 3px; font-size: 13px; color: #333; line-height: 1.5em;}
.footer_nav02 ul {list-style-type: none;}
.footer_nav02 li {padding-left: 1em; font-size: 12px; color: #333; line-height: 1.5em;}
.footer_nav03 { float:left; padding-left:30px; margin-top:-50px; width:160px; height:170px; border-right:1px dotted #96a1cb;}
.footer_nav03 h3  {font-size: 13px; color: #333; line-height: 1.5em;}
.footer_nav03 li {padding-left: 1em; font-size: 12px; color: #333; line-height: 1.5em; list-style-type: square;}
.footer_nav04 { float:left; padding-left:30px; margin-top:-50px; width:250px; height:170px;}
.contact-info ul {list-style-type: none;}
.contact-info li {padding-left: 2em;}
#copyright {padding-top: 80px; margin: 0 auto; width: 1005px; height: 30px; text-align:center; color:#888; line-height:2.0em;clear: both;}
#copyright a { color:#fff; text-decoration: none;}
.footer_contact {padding: 5px 10px; width: 100%; height: 170px; background-color: #fff; border-radius: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;}
.footer_contact h3 {padding: 1em 0; text-align: center;}
.footer_contact h4 {padding: 2em 0 0; text-align: center; font-size: 14px;}
.footer_contact p {font-size: 12px;}

/*---------------------------------------
パンくず
-----------------------------------------------*/
.topicPath {margin-top: 20px;list-style: none;overflow: hidden;font-size: 12px; background: #fff;}
.topicPath li {float: left;}
.topicPath li a {height: ;color: white;text-decoration: none;padding: 2px 0 2px 26px;background: #05497d;position: relative;display: block;float: left;}
.topicPath li a:after {content: " ";display: block;width: 0;height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 25px solid #05497d;position: absolute;top: 50%;margin-top: -50px;left: 100%;z-index: 2;}
.topicPath li a:before {content: " ";display: block;width: 0;height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid white;position: absolute;top: 50%;margin-top: -50px;margin-left: 2px;left: 100%;z-index: 1;}
.topicPath li:first-child a {padding-left: 18px;}
.topicPath li:nth-child(2) a       { padding-left: 38px; background:#05497d; }
.topicPath li:nth-child(2) a:after { border-left-color: #05497d; }
.topicPath li:nth-child(3) a       { padding-left: 30px; background: #05497d; }
.topicPath li:nth-child(3) a:after { border-left-color: #05497d; }
.topicPath li:last-child a {background: transparent !important;color: black;pointer-events: none;cursor: default;}

.topicPath li:last-child a:after { border: 0; }
.topicPath li a:hover { background: #05497d; }
.topicPath li a:hover:after { border-left-color: #05497d !important; }

/*---------------------------------------
G-nav
-----------------------------------------------*/
.inner {width: 100%;margin: 0 auto;position: relative;}
.inner:after {content:"";clear: both;display: block;}
 
/*--------header-----------*/
#top-head {top: -100px;position: absolute;width: 100%;margin: 70px auto 0;padding: 30px 0 0;line-height: 1;z-index: 999; background: #fff;background: rgba(255,255,255,.7);}
#top-head a,
#top-head {color: #222;text-decoration: none;}
#top-head .inner {position: relative;}
#top-head .logo {float: left;position: relative;font-size: 26px;height: 50px;}
#top-head .logo a {position: absolute  width: 100%;height: 50px;}

 
/*--------固定化されたときのCSS-----------*/
#top-head.fixed {margin-top: 0;top: 0;position: fixed;padding-top: 10px;background: #fff;background: rgba(255,255,255,.7);transition: top 0.65s ease-in;-webkit-transition: top 0.65s ease-in;-moz-transition: top 0.65s ease-in;}
#top-head.fixed .logo {position: relative;font-size: 24px;color: #333;}
#top-head.fixed .logo a {position: absolute;width: 100%;height: 30px; }
#top-head.fixed #global-nav ul li a {color: #333;padding: 0 10px;padding-bottom: 10px;}

span.nav_s {font-size: 9px; color: #574C57;}

#nav {position: ; list-style:none; width:; margin:30px auto 0px auto; height:43px; padding:0px 20px 0px 20px; -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
#nav li {float:left;display:block;text-align:center;position:relative;padding: 4px 10px 4px 10px;margin-right:0;margin-top:7px;border:none;}
#nav li:hover {border: 1px solid #1E88A8;padding: 4px 9px 1px 9px;background: #fff;}
#nav li a {font-size:15px; color: #1E88A8;display:block;outline:0;}
#nav li:hover a {margin-top: -1px; color:#1E88A8;}

.dropdown_5columns {margin:4px auto; float:left; position: fixed; right:-999em; text-align:left; padding:10px 5px 5px 5px; background:#fff;}
.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {margin-right: 80px; width: auto;}
.dropdown_6columns {width: auto;}

#nav li:hover .dropdown_1column, 
#nav li:hover .dropdown_2columns, 
#nav li:hover .dropdown_3columns,
#nav li:hover .dropdown_4columns,
#nav li:hover .dropdown_5columns {right:-1px;top:auto;}
#nav li:hover .dropdown_6columns {right:-1px;top:auto;}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {display:inline;float: left;position: relative;margin-left: 5px;margin-right: 5px;}
.col_1 {width:160px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}

.col_5 {width:100%;}/*  商品情報 */

.col_6 {width:390px;}/*  プラント事業 */
.col_7 {width:280px;}/*  導入プロセス */

.col_1 img {width:150px; height: ;}

#nav .nav_right {float:right;margin-right:0px;}
#nav li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
#nav p, #nav h2, #nav h3, #nav ul li {font-family:Arial, Helvetica, sans-serif;line-height:21px;font-size:12px;text-align:left;}
#nav h2 {font-size:21px;font-weight:400;letter-spacing:-1px;margin:7px 0 14px 0;padding-bottom:14px;border-bottom:1px solid #666;}
#nav h3 {font-size:14px;margin:7px 0 14px 0;padding-bottom:7px;border-bottom:1px solid #888;}
#nav p {line-height:18px;margin:0 0 10px 0;}
#nav li:hover div a {font-size:12px;color:#015b86;}
#nav li:hover div a:hover {color:#029feb;}

.img_left {width:auto;float:left;margin:5px 15px 5px 5px;}

#nav li .black_box {background-color:#1E88A8;color: #fff;padding:4px 6px 4px 6px;}

#nav li ul {list-style:none;padding:0;margin:0 0 12px 0;}
#nav li ul li {font-size:12px;line-height:24px;position:relative;padding:0;margin:0;float:none;text-align:left;width:130px;}
#nav li ul li:hover {background:none;border:none;padding:0;margin:0;}

/*---------------------------------------
common
-----------------------------------------------*/
.cont_title h2 {font-size: 29px;font-weight: 100; font-family: 'Playfair Display', serif;}
.cont_title h3 {padding-top: 50px; font-size: 23px;font-weight: 100; font-family: 'Playfair Display', serif;}
.title_s {margin-left: 2em; font-size: 16px; color: #555}

a.btn{display: inline-block;width: 150px;margin: 45px 40px 40px;padding: 15px 10px; border: 1px solid #999;background: #29a5d9; color: #777;text-align: center;text-decoration: none;line-height: 1;ransition: .3s;}

.button {position: relative;display: inline-block;padding: 1.5em 6em;border: 1px solid #094c80;color: #094c80;text-align: center;text-decoration: none;outline: none;}
.button::after {position: absolute;top: 0;left: 0;content: '';width: 100%;height: 100%;border: 1px solid #094c80;color: #fff;opacity: 0;transition: all .3s;}
.button:hover::after {top: 4px;left: 4px;opacity: 1;color: #fff;}

/*---------------------------------------
TOP
-----------------------------------------------*/
/*------コンテンツ一覧*/
.top_cont {padding-top: 80px; margin: 0 auto; width: 1000px;}
.top_cont h1 {padding: 0; font-size: 22px; color: #353c56; font-weight: 100; text-align: center;}
.top_contBox {margin: 5px; width: 240px; height: 210px; float: left; text-align: center;}
.top_contBox img {width: 240px; height: 160px;}
.top_contBox p {font-size: 16px; color: #333; line-height: 1.8em;}

/*------FACT*/
.fact {margin: 0 auto; width: 1000px;}
.factBox {float: left; margin: 20px 16px 0; width: 300px; height: 260px;}
.factBox_IMG01 {margin-top: ; width: 300px; height: 200px; background:url(../images/top_contIMG01.jpg) no-repeat;}
.factBox_IMG02 {margin-top: ; width: 300px; height: 200px; background:url(../images/top_contIMG02.jpg) no-repeat;}
.factBox_IMG03 {margin-top: ; width: 300px; height: 200px; background:url(../images/top_contIMG03.jpg) no-repeat;}
.factBox p {margin-top: 2em; font-size: 13px; color: #333; line-height: 1.5em;}
.factBox h3 {margin: 1em 0 1em 0; font-size: 16px; color: #353c56; font-weight: bold; line-height: 1.5em; text-align: center}
.factBox h4 {margin-bottom: 5px; text-align: center;}
.linkbox {position: relative;}
.linkbox a {position: absolute; top: 0;left: 0; width: 100%; height:100%;}
.linkbox a:hover{opacity: 0.1; background-color: #000;}

p.shuffle {padding-top: 90px; font-size:80px; font-weight: 100; color: #353c56; line-height: 0.8em; text-align: center; font-family: 'Playfair Display', serif;}

span.fs {font-size:60px; color: #ff0000; text-align: center; line-height: 2.0em;}
p.fs {font-size:30px; text-align: center;}
p.fss {margin: 20px auto 0; width: 85%; font-size:14px; color: #333;}

/*---------------------------------------
main_image
-----------------------------------------------*/
.wrapper {position: ; width: 100%;margin-bottom: -20px;}
#video {padding-top: -60px;width: 100%;background: url('../images/_bg_top_cont.png') no-repeat; top: -50;z-index: 1;}
.main_img {width:100%;}
.main_img_logo {position: absolute; width: 100%; height: auto; margin:270px auto 0; text-align: center; z-index: 100;s: ;}
.main_img_logo img {width: 460px;}

/*---------------------------------------
Our Business
-----------------------------------------------*/
/* Oil and Gas Field Development in Indonesia */
.oil_cont {margin-top: 50px; width:1000px;}
.oil_cont_text p {padding: 1em; font-size: 15px;}
.oil_contA {margin-top: 20px; width:1000px; height:400px; background: url(../images/bg_Ache-province_contA.jpg) no-repeat;}
.oil_contA_photo {float: left; margin: 5px; width:300px; height:390px;}
.oil_contA_text {float: right; margin: 25px 90px 0 0; width:500px; height:390px;}
.oil_contA_text h2 {font-size: 20px; color: #222; line-height: 2.5em;}
.oil_contA_text p {padding-left: 1em; font-size: 15px; color: #333; line-height: 2.0em;}

.oil_contB {margin-top: 100px; width:1000px; height:400px; background: url(../images/bg_Ache-province_contB.jpg) no-repeat;}
.oil_contB_photo {float: right; margin: 5px; width:300px; height:390px;}
.oil_contB_text {float: left; margin: 25px 0 0 90px; width:500px; height:390px;}
.oil_contB_text h2 {font-size: 20px; color: #222; line-height: 2.5em;}
.oil_contB_text p {padding-left: 1em; font-size: 15px; color: #333; line-height: 2.0em;}

.oil_contC {margin-top: 20px; width:1000px; height:400px; background: url(../images/bg_csr_contC.jpg) no-repeat;}
.oil_contC_photo {float: left; margin: 5px; width:300px; height:390px;}
.oil_contC_text {float: right; margin: 25px 90px 0 0; width:500px; height:390px;}
.oil_contC_text h2 {font-size: 20px; color: #222; line-height: 2.5em;}
.oil_contC_text p {padding-left: 1em; font-size: 15px; color: #333; line-height: 2.0em;}

/* Investment */
.investment_cont {margin-top: 50px; width:1000px;}
.investment_cont_text p {padding: 1em; font-size: 15px;}
.investment_contA {margin-top: 20px; width:1000px; height:400px; background: url(../images/bg_investment_contA.jpg) no-repeat;}
.investment_contA_photo {float: left; margin: 5px; width:300px; height:390px;}
.investment_contA_text {float: right; margin: 25px 90px 0 0; width:500px; height:390px;}
.investment_contA_text h2 {font-size: 20px; color: #222; line-height: 2.5em;}
.investment_contA_text p {padding-left: 1em; font-size: 15px; color: #333; line-height: 2.0em;}

.investment_contB {margin-top: 100px; width:1000px; height:200px;}
.investment_contB_photo {float: right; margin: 5px; width:300px; height:390px;}
.investment_contB_text {float: left; margin: 25px 0 0 0; width:1000px; height:;}
.investment_contB_text h2 {font-size: 20px; color: #222; line-height: 2.5em;}
.investment_contB_text p {padding-left: 1em; font-size: 15px; color: #333; line-height: 2.0em;}

/* Environmental Project */
.environmental_cont {margin-top: 50px; width:1000px;}
.environmental_cont_text p {padding: 1em; font-size: 15px;}
.environmental_contA {margin-top: 20px; width:1000px; height:400px; background: url(../images/bg_environmental_contA.jpg) no-repeat;}
.environmental_contA_photo {float: left; margin: 5px; width:300px; height:390px;}
.environmental_contA_text {float: right; margin: 25px 0 0 0; width:450px; height:390px;}
.environmental_contA_text h2 {font-size: 20px; color: #222; line-height: 2.5em;}
.environmental_contA_text p {padding-left: 1em; font-size: 15px; color: #333; line-height: 2.0em;}

.environmental_contB {margin-top: 100px; width:1000px; height:400px; background: url(../images/bg_environmental_contB.jpg) no-repeat;}
.environmental_contB_photo {float: right; margin: 5px; width:300px; height:390px;}
.environmental_contB_text {float: left; margin: 25px 0 0 90px; width:500px; height:390px;}
.environmental_contB_text h2 {font-size: 20px; color: #222; line-height: 2.5em;}
.environmental_contB_text p {padding-left: 1em; font-size: 15px; color: #333; line-height: 2.0em;}

/*---------------------------------------
会社情報
-----------------------------------------------*/
.corporate_cont {margin-top: 50px; width:1000px; height: 390px;}
.corporate_main {margin: 60px auto 150px; width: 1000px;}
.corporate_mainBox {float: left; margin: 100px 16px 0; width: 300px; height: 500px; background: #eee;}
.corporate_mainBox img {width: 300px; height: 500px;}
.corporate_mainBox h2 {font-size: 18px; color: #333; line-height: 2.5em;text-align: center; border-bottom: 1px solid #999; border-top: 1px solid #999;}
.corporate_mainBox p {font-size: 14px; color: #333; line-height: 1.5em;}

/*  理念  */
.rinen_cont {margin-top: 50px; width:1000px;}
.rinen_contA {padding-left: 2em; margin-top: 30px; width:1000px;}
.rinen_contA h3 {margin-top: 20px;}
.rinen_contA p {padding-left: 1em;}
.rinen_contA_photo {float: left; margin: 5px; width:300px; height:390px;}
/*.rinen_contA_text {float: right; margin: 5px; width:670px; height:390px;}*/
.rinen_contA_text {margin: 5px; width:1000px; height:390px;}
.rinen_contA_text p {font-size: 14px; color: #333; line-height: 2.2em;}
.rinen_contA_text h2 {margin-bottom: 1em; font-size: 18px; color: #333; line-height: 2.2em;}
span.rinen_contA_name {float: right; margin-top: 3em; font-size: 18px; color: #555;}
.rinen_contB {margin-top: 20px; width:1000px; height:200px;}
.rinen_contB p {font-size: 14px; color: #333; line-height: 2.2em;}
.rinen_contB h2 {margin-bottom: 1em; font-size: 18px; color: #333; line-height: 2.2em;}

.rinen_contC {margin-top: 20px; width:1000px; height:500px;}
.rinen_contC_text {float: left; margin: 20px; width:460px; height:180px;}
.rinen_contC_text p {font-size: 14px; color: #333; line-height: 1.8em;}
.rinen_contC_text h3 {margin-bottom: 0.5em; font-size: 16px; color: #333; line-height: 1.8em;}

.rinen_contD {margin-top: 20px; width:1000px; height:200px;}
.rinen_contD_photo {float: left; margin: 5px; width:200px; height:200px;}
.rinen_contD_photo img {width:200px; height:200px;}
.rinen_contD_text {float: left; padding-top: 40px; margin: 0 0 0 20px; width:690px; height:160px;}
.rinen_contD_text h3 {margin-bottom: 0.5em; font-size: 16px; color: #333; line-height: 1.8em;}
.rinen_contD_text p {font-size: 14px; color: #333; line-height: 1.8em;}

/*  CSR  */
.csr_cont {margin-top: 50px; width:1000px;}
.csr_contA {margin-top: 20px; width:1000px; height:400px; background: url(../images/bg_csr_contA.jpg) no-repeat;}
.csr_contA_photo {float: left; margin: 5px; width:300px; height:390px;}
.csr_contA_text {float: right; margin: 25px 90px 0 0; width:500px; height:390px;}
.csr_contA_text h2 {font-size: 20px; color: #222; line-height: 2.5em;}
.csr_contA_text p {padding-left: 1em; font-size: 15px; color: #333; line-height: 2.0em;}

.csr_contB {margin-top: 20px; width:1000px; height:400px; background: url(../images/bg_csr_contB.jpg) no-repeat;}
.csr_contB_photo {float: right; margin: 5px; width:300px; height:390px;}
.csr_contB_text {float: left; margin: 25px 0 0 90px; width:500px; height:390px;}
.csr_contB_text h2 {font-size: 20px; color: #222; line-height: 2.5em;}
.csr_contB_text p {padding-left: 1em; font-size: 15px; color: #333; line-height: 2.0em;}

.csr_contC {margin-top: 20px; width:1000px; height:400px; background: url(../images/bg_csr_contC.jpg) no-repeat;}
.csr_contC_photo {float: left; margin: 5px; width:300px; height:390px;}
.csr_contC_text {float: right; margin: 25px 90px 0 0; width:500px; height:390px;}
.csr_contC_text h2 {font-size: 20px; color: #222; line-height: 2.5em;}
.csr_contC_text p {padding-left: 1em; font-size: 15px; color: #333; line-height: 2.0em;}

/*  会社概要  */
.outline_cont {margin-top: 50px; width:1000px;}
.outline_contA {padding-bottom: 20px; margin-top: 20px; width:1000px;}
.outline_contA ul {padding-left: 1em}
.outline_contA ul li {padding-left: 2em}
.outline_contA dl {margin: 0;padding-left: 1em;border-width: 0 1px 1px;}
.outline_contA dl dt {margin: 0; padding: 0.5em; font-size: 100%; line-height: 1.7em;}
.outline_contA dl dd {margin: -2.5em 0 0 13em; padding: 0.4em; border-left: #ccc solid 1px; line-height: 2.0em;}
.outline_contA p {padding-left: 2em}
.outline_contA h2 {padding-left: 1em}
.outline_map {margin-top: 20px; width:1000px; height:500px;}
.outline_map h2 {font-size:28px; font-weight: 100; color: #777;}
.company { float:right; margin:30px 0 10px 0; text-align:right; line-height:1.5em; }
.company_text { margin:40px auto 0 auto; width:620px; }
.company_text hr { margin:20px 0; border:1px dotted #ccc; clear:both; }
.company_text p { margin-bottom:1em; line-height:1.5em; font-size:12px; }
.company_text ul { padding-left:40px;}
.company_text ol { padding-left:40px;}
.company_text dl { width:600px; border:1px solid #362d79; border-top:0; background:#fff; display:inline-block; }
.company_text dt { float:left; width:10em; border-top:1px solid #362d79; padding-top:10px; padding-left:10px; padding-bottom:0; padding-right:0; font-weight:bold; }
.company_text dd { margin-left:10em; padding:10px; border-top:1px solid #362d79; border-left:1px dotted #8c84c1; background:#fff;}
.company_text h3 { margin:20px 0 2px 0; font-size:13px; color:#333; }
.corp_photo { height:230px;}
.corp_photo h2 {}
.corp_photo h3 {margin:0;}
.corp_photo p {}
.corp_photo img {float:left; margin-right:10px; width:270px;}
.btn_accessmap{margin:50px 0 80px; text-align:center;}
.title_entsuji { padding:0.2em 0; margin-bottom:20px; text-align:center; font-size:30px; border-top:1px solid #999; border-bottom:1px solid #999;}

/*---------------------------------------
お問い合わせ
-----------------------------------------------*/
.contact_cont {margin-top: 50px; width:1000px;}
.contact_contA {padding: 20px; margin: 50px auto 10px; width:900px; height:180px; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd;}
.contact_contA h3 {margin: 30px auto 20px; font-size: 30px; color: #333;font-weight: 100; text-align: center;}
.contact_contA p {margin: 1em 0 1em 1em; font-size: 13px; color: #333; line-height: 1.5em;}
.contact_contB {padding-bottom:50px;  margin: 20px auto 0; width:900px; }
.contact_contB h2 {font-size: 18px; color: #333; line-height: 2.0em; border-bottom: 1px solid #ccc;}
.contact_privacy {padding:15px 15px 30px 15px; margin: 50px 0 30px; width: 900px;}
.contact_privacy h3 {margin-bottom: 1.1em; font-size: 16px; text-align: left; line-height: 2.0em; color: #333; border-bottom: 1px solid #ccc;}
.contact_privacy h4 {padding-left: 1em; margin-bottom: 0.5em; font-size: 14px; color: #333;}
.contact_privacy p {padding:0 0 1em 2em; font-size: 13px; color: #333;line-height: 1.5em;}
.contact_privacy ul {padding:0 0 2em 4em; font-size: 13px; }
.contact_privacy li {line-height: 1.8em; color: #333;}
.contact_area{ margin:10px 0 0 20px; width:660px; height:300px; }
.contact_mainBox{padding:20px 0; width:100%; border-bottom:1px dotted #ccc;}
.contact_mainBox h3{padding-left:1em; font-size:17px; color:#333;}
.contact_mainBox p{padding-left:1em; margin:1em 0; font-size:15px; color:#333;}
input#submit_button {width: 150px;height: 50px; font-size: 14px; color: #333; background: #fff;}
.form_btn {}
.button2 {position: relative;display: inline-block;padding: .5em 4em;color: #333;text-align: center;text-decoration: none;outline: none;overflow: hidden;transition: all .5s;}
.button2::before,
.button2::after {position: absolute;display: block;content: '';width: 100%;height: 100%;transition: all .5s;}
.button2::before {top: 0;left: 0;border-top: 2px solid #ccc;border-left: 2px solid #ccc;}
.button2::after {right: 0;bottom: 0;border-right: 2px solid #ccc;border-bottom: 2px solid #ccc;}
.button:hover {background-color: #ccc;color: #000;transition: all .7s;}
.button2:hover::before,
.button2:hover::after {width: 0;height: 0;opacity: 0;transition: all .7s;}

/*-----------------------------------------------
pageup
-----------------------------------------------*/
#pageup { width:960px; height:25px; margin:0 auto; }
#page-top { /*position: fixed; bottom: 20px; right: 20px;*/ margin-left:860px; font-size: 77%; }
#page-top a { background:#353B87; text-decoration:none; color:#fff; width:100px; padding:8px 0; text-align:center; display:block; border-radius:5px; }
#page-top a:hover { text-decoration:none; background:#F7D301; }

/*-----------------------------------------------
font
-----------------------------------------------*/
.fs_12 {font-size:12px}
.fs_13 {font-size:13px}
.fs_14 {font-size:14px}
.fs_15 {font-size:15px}
.fs_16 {font-size:16px}
.fs_17 {font-size:17px}
.fs_18 {font-size:18px}
.fs_19 {font-size:19px}
.fs_20 {font-size:20px}
.fs_21 {font-size:21px}
.fs_22 {font-size:22px}
.fs_23 {font-size:23px}
.fs_24 {font-size:24px}
.fs_25 {font-size:25px}
.fs_26 {font-size:26px}
.fs_27 {font-size:27px}
.fs_28 {font-size:28px}
.fs_29 {font-size:29px}
.fs_30 {font-size:30px}
.fs_31 {font-size:31px}
.fs_32 {font-size:32px}
.fs_33 {font-size:33px}
.fs_34 {font-size:34px}
.fs_35 {font-size:35px}
.fs_36 {font-size:36px}
.fs_37 {font-size:37px}
.fs_38 {font-size:38px}
.fs_39 {font-size:39px}
.fs_40 {font-size:40px}

.fc_kohbai {color:#e16b8c;}
.fc_nakabeni {color:#db4d6d;}
.fc_kurobeni {color:#3f2b36;}
.fc_sumi {color:#1c1c1c;}
.fc_aisumicha {color:#373c38;}
.fc_hanada {color:#006284;}
.fc_tsuyakusa {color:#2ea9df;}
.fc_red {color:#ff0000;}
.fw_100 {font-weight:100;}
.fw_200 {font-weight:200;}
.fw_300 {font-weight:300;}
.fw_400 {font-weight:400;}
.fw_500 {font-weight:500;}
.fw_b {font-weight: bold;}
.fb {border-bottom:1px solid #ccc;}
.fm_1em {margin:1em 0 0 1em}
.fm_2em {padding-top:1em; margin-top:3em; border-top:1px dashed #999; clear:both;}
.fm_3em {margin-bottom:3em}
.fm_1 {padding-left:1em}
.flh_3 {line-height:3.0em}
.center {text-align: center;}

/*-----------------------------------------------
22.TOP UP
-----------------------------------------------*/
#page-top {position: fixed;bottom: 20px;right: 20px;font-size: 80%;}
#page-top a {display: block;background: #666;color: #fff;width: 70px;padding: 10px 0;text-align: center;text-decoration: none;border-radius: 10px;}
#page-top a:hover {background: #034d87;text-decoration: none;}

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

-----------------------------------------------*/
/* Media queries */
@media screen and (max-width: 50em) {
.content {padding: 0 10px;text-align: center;}
.grid figure {display: inline-block;float: none;margin: 10px auto;width: 100%;}
	
}


@media (min-width: 1200px) {
	
	
}

@media (max-width: 989px) {
			

}

@media (max-width: 767px) {
.wrapper {
  height: 200px; 

  position: relative; 
  width: 100%; 
}


}

@media (max-width: 480px) {
.wrapper {margin: 0; height: 200px;}
span.nav_s {font-size: 7px;}
.header_logo { float:left; margin: 5px 0 0 20px; width:220x; height:50px;}	
.header_logo img {width: 220px; height: auto;}
	
}