@charset "UTF-8";
html{font-size: 62.5%;}
body {font-size: 1.0rem;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
	background:#dfdfdf;
	color:#444;
	font-family:Arial,Hiragino Kaku Gothic ProN,'ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;}

html,body,h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{margin:0; padding:0;font-weight:lighter;}
a:focus,* focus,a:hover,a:active {outline: none;}
a { -webkit-tap-highlight-color: rgba(0,0,0,0); }
input { -webkit-tap-highlight-color: rgba(0,0,0,0); }
img {width: auto\9; vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
ul,ol{list-style:none;}

.clear{clear:left;clear:right;clear:both}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

.mt0{margin-top:0 !important}.mt5{margin-top:5px !important}.mt10{margin-top:10px !important}.mt20{margin-top:20px !important}.mr5{margin-right:5px !important}.mr10{margin-right:10px !important}.mr20{margin-right:20px !important}.mb0{margin-bottom:0 !important}.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}.mb20{margin-bottom:20px !important}.ml5{margin-left:5px !important}.ml10{margin-left:10px !important}.ml20{margin-left:20px !important}.pt0{padding-top:0 !important}.pt10{padding-top:10px !important}.pt20{padding-top:20px !important}.pr10{padding-right:10px !important}.pr20{padding-right:20px !important}.pb0{padding-bottom:0 !important}.pb10{padding-bottom:10px !important}.pb20{padding-bottom:20px !important}.pl10{padding-left:10px !important}.pl20{padding-left:20px !important}

.opacity:hover{filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;background-color:#fff}

hr{height: 1px; border:none; border-top:1px solid #ccc; margin:20px 0;}
hr.grey{height: 4px;border-top: 4px solid #A8A8A8;margin: 10px 0px;}

h1, .h1, h2,.h2, h3, .h3, h4, .h4, h5, .h5, h6,.h6 {font-family:Century Gothic,Arial,sans-serif;text-align:center;letter-spacing: 0.5em; }
h1{color: #333;font-size:77px;font-size:7.7rem;}
h2{color: a8a8a8;font-size:40px;font-size:4.0rem;}

p{font-size:14px;font-size:1.4rem;margin-bottom:14px;line-height:1.85;}

.wrapper{background: #fff;}
.container {width: 800px; margin: 0 auto;background: #fff;}
footer{clear:both;width:100%;background:#dfdfdf;height:90px;}
footer p{font-size:12px;font-size:1.2rem;text-align:center;}
footer p a{text-decoration:none;color:#333;}

.center{text-align:center;}
.f16{font-size:16px;font-size:1.6rem;}
.fb{font-weight:bold;}
.ls0{letter-spacing:normal;}

.img_right{float:right;margin-left:10px;}
.sp500{display:none;}


/*トップページ*/
header{width:100%;background:url(../img/top_p.jpg) bottom center no-repeat;height:460px;background-size:cover;}
.top_bar{font-family:Century Gothic,Arial,Hiragino Kaku Gothic ProN,'ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;background:url(../img/bar_right.png) no-repeat right 5px center #333;color:#fff;font-weight:700;font-size:12px;line-height:36px;height:36px;letter-spacing: 3px;padding:0 10px;}
.profile{padding:20px 0 10px;}
nav ul li{float:left;}
.menu_a,.menu_w{width:26%; margin-right:11%;}
.menu_c{width:26%;}
nav ul li img{width:100%;}
nav{margin-bottom:190px;}
h1{margin:80px 0 30px 38px;}
p.century{font-family:Century Gothic,Arial,Hiragino Kaku Gothic ProN,'ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;}

/*CONTENTS*/
header.contents{background:none;height:36px;}
.works_bar{font-family:Century Gothic,Arial,Hiragino Kaku Gothic ProN,'ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;font-weight:normal;font-size:20px;font-size:2.0rem;line-height:36px;height:36px;padding:0 10px;background:url(../img/bar_right.png) no-repeat right 5px center #333;}
.works_bar li{float:left;margin-right:40px;color:#fff;}
.works_bar li a{color:#fff; text-decoration:none;}
.works_bar li a:hover{text-decoration:underline;}
li.nav_works{color:#965251;}
li.nav_about{color:#194c8b;}
li.nav_contact{color:#a2bbe3;}
.works_navi{font-size:18px; font-size:1.8rem; text-align:center;font-family:Century Gothic,Arial,Hiragino Kaku Gothic ProN,'ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;}
.works_navi a{color:#666;}
.works_navi a:hover{color:#898989;}
.main_p img{width:100%;}

h2{border-bottom:4px solid #a8a8a8; margin:20px 0;position:relative;color:#a8a8a8;padding-bottom:20px;}
img.h2_arrow{position:absolute;bottom:-13px;  left: 0;right: 0; margin:0 auto;}

.grey_back{background:#555; color:#fff; padding:2px 4px;}
ul.phase{padding-left:1em;}
ul.phase li{text-indent:-1em;font-size:14px;font-size:1.4rem;}
ul.phase li:first-letter{font-weight:bold;}
.box{width:96%;margin:0 auto;}

.workbox {padding:0 20px;line-height:1.6;}
.workbox p{line-height:1.6;}
.works_l{float:left;width:34%;}
.works_r{padding-left:36%;}
.works_l50{float:left;width:49%;}
.works_r50{padding-left:51%;}
.workbox .thumb2 img{float:left;width:49%;}
.workbox p a{color:#965251;}

h1.ls0{margin:80px 30px 30px}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size:10px;
	line-height: 1.2;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 24px 0;
    text-align: center;
    display: block;
    border-radius: 50%;
	    -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50%;   /* Firefox用 */  
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
.link_color a{color:#965251;}
/*↓Mobile Size↓*/
@media screen and (max-width:670px) {
	h1{font-size:50px;font-size:5.0rem;margin:20px 0 10px 25px;}
	h2{font-size:32px;font-size:3.2rem;}
.container {width: 100%;}
header{height:260px;background-size:cover;}
.top_bar,.works_bar{background-image:none;background-color:#333;}
.works_bar{font-size:14px;}
.works_l img{width:100%;}
.thumb1 img{width:auto;}

h1.ls0{margin:20px 0 10px;}

}

@media screen and (max-width:500px) {
.works_l,.works_r,.works_l50,.works_r50{float:none;width:auto;}
.works_r,.works_r50{padding-left:0;}
.works_l,.works_l50{margin-bottom:15px;}
.works_l img{width:auto;}
.workbox .thumb2 img{width:auto;float:none;}
.profile img{width:60%;}
.works_navi{font-size:14px;font-size:1.4rem;}
h2#text{font-size:24px;font-size:2.4rem;letter-spacing:normal;}
h1{font-size:44px;font-size:4.4rem;}
.sp500{display:block;}
}