/*/*/.index #about {
border-bottom:1px solid #e5e5e5;
margin:0 auto 120px;
}
h2.ttl {
text-align:center;
font-size: 28px;
font-weight: 700;
margin-bottom:10px;
letter-spacing: 0.4em;
margin-right: -0.4em;
}
span.ttl_caption {
display:block;
text-align:center;
font-size: 12px;
margin-bottom:80px;
}
.index #about .sec_inner {
width:1020px;
padding-bottom:120px;
}
.index #about .sec_inner .ph {
float:left;
width: 550px;
margin-right:50px;
}
.index #about .sec_inner .ph img{
width: 100%;
}
.index #about .sec_inner .txt {
float:right;
width:405px;
font-size:13px;
line-height:2em;
}
.index #about .sec_inner .txt h4 {
font-size: 21px;
margin: 8px 0 30px 0;
font-weight: 100;
line-height:1.5em;
text-align: justify;
}
.index #about .sec_inner .txt p{
display:block;
margin-bottom:40px;
line-height:1.8em;
text-align:justify;
}
@media screen and (max-width:1080px){ 
.index #about {
margin:0 auto 60px;
}
h2.ttl {
font-size: 24px;
margin-bottom:10px;
}
span.ttl_caption {
font-size: 12px;
margin-bottom:10px;
}
.index #about .sec_inner {
width:100%;
margin:0 auto 30px;
padding:5%;
box-sizing:border-box;
}
.index #about .sec_inner .ph {
width:100%;
float:none;
margin-right:0px;
margin-bottom:5%;
}
.index #about .sec_inner .ph img{
width:100%;
}
.index #about .sec_inner .txt {
float:none;
width:100%;
line-height:1.5em;
}
.index #about .sec_inner .txt h4 {
margin:20px 0;
line-height:1.5em;
}
.index #about .sec_inner .txt p {
margin-bottom:5%;
line-height:1.5em;
text-align:justify;
}
}/*/*/.index .works {
width:100%;
margin:0 auto 120px;
border-bottom:1px solid #e5e5e5;
}
.works .sec_inner {
margin:0 auto;
width:1020px;
padding-bottom:120px;
}
.works .sec_inner .list li{
width:320px;	
float:left;
margin-right:30px;
margin-bottom:70px;
}
.works .sec_inner .list li:nth-child(3n){
margin-right:0;
}
.works .sec_inner .list .img {
position: relative;
width:100%;
height:195px;
overflow: hidden;
margin-bottom:20px;
}
.works .sec_inner .list .img a .icon-arrow_right:before {
text-align:center;
display:block;
width:100%;
font-size:30px;
margin:70px 0 20px;
}
.works .sec_inner .list .img a .vd {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
color:#fff;
font-size:12px;
text-align:center;
background: rgba(0,0,0,.6);
-webkit-transition: .3s;
transition: .3s;
opacity: 0;
letter-spacing:0.2em;
}
.works .sec_inner .list .img a .vd .mont{
letter-spacing: 0.2em;
font-weight: bold;
}
.works .sec_inner .list .img img{
width:100%;
height:auto;
-webkit-transition: .3s;
transition: .3s;
}
.works .sec_inner .list .img img:nth-child(n+2){
display:none;
}
.works .sec_inner .list .img:hover img{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.works .sec_inner .list .img:hover .vd {
opacity: 1;
}
.works .sec_inner .list .ttl {
display:block;
font-size:15px;
margin-bottom:15px;
}
.works .sec_inner .list .desc {
font-size:12px;
color:#999;
}
.works .sec_inner .list .desc span,
.works .sec_inner .list .desc small{
display: inline-block;
vertical-align: bottom;
}
.works .sec_inner .list .desc small{
font-size:9px;
}
.works .sec_inner .btn {
font-size:12px;
width: 500px;
margin: 0 auto;
}
@media screen and (max-width:1080px){
.index .works {
width:100%;
margin:0 auto 60px;
}
.works .sec_inner {
width:100%;
padding:5%;
box-sizing:border-box;
}
.works .sec_inner .list {
width: 100%;
}
.works .sec_inner .list li {
display:inline-block;
float:none;
width:47%;
margin-right:5%;
}	
.works .sec_inner .list .img {
height:auto;
}
.works .sec_inner .list li:nth-child(even){
margin-right:0%;
}
.works .sec_inner .list li:nth-child(3n){
margin-right:5%;
}
.works .sec_inner .list li:nth-child(6){
margin-right:0% !important;
}
.works .sec_inner .list li:last-child {
margin-right:0%;
}
.works .sec_inner .list .img a .icon-arrow_right:before {
display:none;
}
.works .sec_inner .list .img a .vd {
display:none;
}
.works .sec_inner .list .img:hover img{
-webkit-transform:none;
transform:none;
}
.works .sec_inner .list .img:hover .vd {
opacity: 1;
}
.works .sec_inner .btn {
width:100%;
margin-bottom:40px;
}
}
@media screen and (max-width:850px){
.works .sec_inner {
width:100%;
padding:5%;
box-sizing:border-box;
}
.works .sec_inner .nav{
width:100%;
margin:0 auto 30px;
box-sizing:border-box;
}
.works .sec_inner .list li {
width:100% !important;
float:none !important;
margin-right:0 !important;
margin-bottom:40px !important;
}
}/*/*/.howtoorder {
width: 100%;
border-bottom:1px solid #e5e5e5;
box-sizing:border-box;
margin:0 0 100px 0;
}
.howtoorder .sec_inner {
width:960px;
margin:0 auto 120px;
}
.howtoorder .sec_inner .ph {
width: 960px;
margin:0 auto 80px auto;
height: 350px;
overflow: hidden;
position: relative;
}
.howtoorder .sec_inner .ph img{
width: 100%;
position: absolute;
top: 0%;
left: 0;
}
.howtoorder .flow .icon-arrow_right:before {
display:block;
float: right;
margin-top: 8%;
color:#ccc;
}
.flow .icon-arrow_right a:before {
display:none;
}
.howtoorder .flow a:hover {
opacity:0.5;
}
.howtoorder .sec_inner .txt {
clear:both;
width:820px;
font-size:12px;
line-height:2em;
margin:0 auto;
}
.howtoorder .sec_inner .txt .btn{
width: 500px;
margin:0 auto;
}
.howtoorder .sec_inner .txt p{
text-align:center;
display:block;
margin-bottom:60px;
}
.howtoorder .sec_inner .flow{
width: 900px;
margin:0 auto 60px;
font-size:12px;
}
.howtoorder .sec_inner ul li {
position: relative;
float:left;
width:150px;
text-align:center;
display:block;
}
.howtoorder .sec_inner .flow dl dt{
display:inline-block;
font-size:36px;
margin-bottom:20px;
}
.howtoorder .sec_inner .flow dl .crim{
display: block;
margin-bottom: 8px;
font-size: 13px;
font-style: italic;
color: #999;
}
@media screen and (max-width:1080px){
.howtoorder .sec_inner {
width:100%;
margin:0 auto 30px;
padding:5%;
box-sizing:border-box;
}
.howtoorder .sec_inner .ph {
width:100%;
height:auto;
margin-bottom:30px;
}
.howtoorder .sec_inner .ph img{
width:100%;
}
.howtoorder .sec_inner .flow {
width:100%;
margin:0 auto;
}
.howtoorder .sec_inner ul li{
width:50%;
margin:0 auto 8% auto;
}
.howtoorder .sec_inner dt .icon {
font-size:52px;
}
.howtoorder .sec_inner .txt {
width:100%;
}
.howtoorder .sec_inner .txt p {
text-align:justify;
margin-bottom:10%;
line-height:1.5em;
}
.howtoorder .sec_inner .txt .btn {
width:100%;
}
.howtoorder .sec_inner .ph img{
width: 100%;
position: relative;
top: 0%;
left: 0;
}
}
@media screen and (max-width:680px){
.howtoorder .sec_inner dt .icon {
font-size:40px;
}
}/*/*/.index .voice {
width:100%;
margin:0 auto;/**/}
.voice .sec_inner {
margin:0 auto;
width:1020px;
padding-bottom:120px;
}
.voice .sec_inner .list li{
width:320px;	
float:left;
margin-right:30px;
margin-bottom:70px;
min-height: 315px;
}
.voice .sec_inner .list li:nth-child(3n){
margin-right:0;
}
.voice .sec_inner .list .articleLeadimg {
position: relative;
width:100%;
height:195px;
overflow: hidden;
margin-bottom:20px;
}
.voice .sec_inner .list .articleLeadimg a .icon-arrow_right:before {
text-align:center;
display:block;
width:100%;
font-size:30px;
margin:70px 0 20px;
}
.voice .sec_inner .list .articleLeadimg a .vd {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
color:#fff;
font-size:12px;
text-align:center;
background: rgba(0,0,0,.6);
-webkit-transition: .3s;
transition: .3s;
opacity: 0;
letter-spacing:0.2em;
}
.voice .sec_inner .list .articleLeadimg a .vd .mont{
font-weight: bold;
letter-spacing: 0.2em;
}
.voice .sec_inner .list .articleLeadimg img{
width:100%;
height:auto;
-webkit-transition: .3s;
transition: .3s;
}
.voice .sec_inner .list .articleLeadimg img:nth-child(n+2){
display:none;
}
.voice .sec_inner .list .articleLeadimg:hover img{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.voice .sec_inner .list .articleLeadimg:hover .vd {
opacity: 1;
}
.voice .sec_inner .list .post_ttl {
display:block;
font-size: 15px;
line-height: 1.5em;
margin: 0 0 10px 0;
}
.voice .sec_inner .list .post_info {
font-size:12px;
color:#999;
line-height:1.5em;
}
.voice .sec_inner .btn {
font-size:12px;
width: 500px;
margin: 0 auto;
}
@media screen and (max-width:1080px){
.index .voice {
width:100%;
margin:0 auto 60px;
}
.voice .sec_inner {
width:100%;
padding:5%;
box-sizing:border-box;
}
.voice .sec_inner .list {
width: 100%;
}
.voice .sec_inner .list li {
display:inline-block;
float:none;
width:47%;
margin-right:5%;
}	
.voice .sec_inner .list .articleLeadimg {
height:auto;
}
.voice .sec_inner .list li:nth-child(even){
margin-right:0%;
}
.voice .sec_inner .list li:nth-child(3n){
margin-right:5%;
}
.voice .sec_inner .list li:nth-child(6){
margin-right:0% !important;
}
.voice .sec_inner .list li:last-child {
margin-right:0%;
}
.voice .sec_inner .list .articleLeadimg a .icon-arrow_right:before {
display:none;
}
.voice .sec_inner .list .articleLeadimg a .vd {
display:none;
}
.voice .sec_inner .list .articleLeadimg:hover img{
-webkit-transform:none;
transform:none;
}
.voice .sec_inner .list .articleLeadimg:hover .vd {
opacity: 1;
}
.voice .sec_inner .btn {
width:100%;
margin-bottom:40px;
}
}
@media screen and (max-width:850px){
.voice .sec_inner {
width:100%;
padding:5%;
box-sizing:border-box;
}
.voice .sec_inner .nav{
width:100%;
margin:0 auto 30px;
box-sizing:border-box;
}
.voice .sec_inner .list li {
width:100% !important;
float:none !important;
margin-right:0 !important;
margin-bottom:40px !important;
}
}/*/*/.info  {
padding:120px 0;
box-sizing:border-box;
}
.info  .sec_inner{
width: 1020px;
margin:0 auto;
}
.info .left-box,
.info .right-box {
width: 460px;
}
.info .ttl_area {
width: 100%;
height:32px;
line-height:1em;
margin-bottom:40px;
}
.info .ttl{
text-align:left;
float:left;
margin-bottom:0;
margin-right:20px;
font-size: 28px;
font-weight: bold;
letter-spacing: 0.4em;
}
.info .ttl_caption{
text-align:left;
float:left;
margin-bottom:0;
padding-top: 5px;
}
.info .btn {
float:right;
font-size: 11px;
width:112px;
}
.info .btn a{
border:1px solid #fff;
background-color:#f2f2f2;
padding: 9px 0 7px;
line-height: 1em;
font-size: 10px;
}
.info .btn a:hover{
border:1px solid #fff;
background-color:#f9f9f9;
color:#666666;
}
.info .btn-4a a:before {
display:none;
left: 130%;
top:-3px;
font-size: 5px;
width:5px;
}
.info .btn-4a:hover a:before {
left: 88%;
}
.info .icon-arrow_right a:before {
color:#ccc;
}
.info dl dd .icon-arrow_right:after {
display:none;
content: "\e606";
color:#ccc;
position:absolute;
top:0;
right:0;
}
.info dl {
width: 100%;
}
.info dl:last-child {
border-bottom:none;
margin-bottom:60px;
}
.info dl dt {
display:block;
color:#aaa;
margin-bottom:10px;
}
.info dl dd {
font-size:13px;
display:block;
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px dashed #e5e5e5;
position:relative;
}
.info .left-box .fb-page {
width: 100% !important;
margin-bottom: 0;
}
.info .post_list {
margin: 0;
}
.info .post_list li{
margin: 0 0 15px 0;
width: 100%;
}
.info .post_list li:last-child{
margin: 0;
}
.info .post_list .left-box {
display:inline-block;
vertical-align:middle;
width: 25%;
margin: 0 2% 0 0;
float: none;
}
.info .post_list .left-box img{
width: 100%;
height: 100%;
}
.info .post_list .right-box {
display:inline-block;
vertical-align:middle;
width: 66%;
float: none;
}
.info .post_list .right-box .ttl{
font-size: 15px;
font-weight: normal;
margin: 0 0 10px 0;
line-height: 1.5em;
letter-spacing: .1em;
float: none;
}
.info .post_list .right-box .post_info{
font-size: 12px;
color: #aaa;
}
@media screen and (max-width:1080px){
.info  {
padding:5%;
box-sizing:border-box;
}
.info  .sec_inner{
width: 100%;
padding-top:5%;
}
.info .ttl_caption{
padding-top:3px;
}
.info .left-box.fbtimeline,
.info .right-box.blog {
width: 100%;
margin-bottom: 80px;
}
.info .ph {
width:100%;
}
.info .ph img{
width:100%;
}
.info .left-box .fb-page {
margin-bottom: 60px;
}
}
@media screen and (max-width:680px){
.info .btn {
float:right;
font-size: 11px;
width:112px;
}
.info .btn a{
color:#333;
}
.info .btn-4a a:before {
left: 88%;
top:-3px;
font-size: 5px;
}
}