/*---------------------------------------------------------
メインキャッチ
---------------------------------------------------------*/

#mainCatch{
	position: relative;
	padding:0;
	margin:0;
	height:400px;
}

#mainCatch a{
	display:block;
	height:400px;
	width:960px;
	margin:0 auto;
}

.mainImg{
	background: url(../picassonin/common/img/bg_header.png) no-repeat;
	background-position:center;
}
/*
#mainCatch p{
	width:492px;
	padding:40px 0;
}*/

#catchText{
	align-items: center;
	background: url(../img/icon_01.png) no-repeat;
	background-position: right;
	display:flex;
	height: 344px;
	justify-content: center;
	text-align: center;
}

#catchText h1{
	margin: 0 auto 40px;
	padding: 0;
}

#catchText p{
	max-width: 500px;
	margin: auto;
	text-align: left;
}
#catchText p.p_2{
    padding-top: 1em;
}

/*---------------------------------------------------------
事業内容
---------------------------------------------------------*/

#service{
	position: relative;
	background: url(../img/pic_01r.png) no-repeat #eaeaea;
	background-position: 95% 5%;
}

p.shadow{
	width:45%;
	margin:40px 0;
	text-shadow: #eaeaea 1px 1px 0px, #eaeaea -1px 1px 0px,
	#eaeaea 1px -1px 0px, #eaeaea -1px -1px 0px;
}

#service ul {
	/*overflow: hidden;*/
	margin:0;
	padding:0;
	width:984px;
	text-align:center;
}

#service ul li{
	float:left;
	position: relative;
	width: 304px;
	min-height:405px;
	margin-right: 20px;
	background: #fff;
	border: #d2d2d2 solid 1px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 3px 0 rgba(210,210,210,1);
	box-shadow: 0 3px 0 rgba(210,210,210,1);
}

#service a{
	display:block;
	min-height:333px;
	padding:36px 52px;
	color:#313131;
}

#service h2{
	font-size:18px;
	color:#5c5c5c;
	margin:12px 0 10px;
}

.arrow02{
	position: absolute;
	top:65%;
	right:24px;
}

/*---------------------------------------------------------
制作実績
---------------------------------------------------------*/

#works h1{
	float:left;
	margin-bottom:40px;
}

#boxCol{
	clear: both;
	width:984px;
	overflow: hidden;
	padding:0;
}

.box3col li{
	float: left;
	width:304px;
	margin-right: 24px;
}

#works h2{
	font-size:16px;
	color:#313131;
	margin:7px 0;
}

/*---------------------------------------------------------
ニュース
---------------------------------------------------------*/

#news{
	background: #eaeaea;
	margin:0;
}

#news h1{
	float:left;
	margin-bottom:40px;
}

#newsList{
	clear: both;
	width:844px;
	margin:0 auto;
	zoom: 1;
	overflow:hidden;
}

#newsList dt{
	float:left;
	width:82px;
	padding:20px 106px 20px 0;
	line-height:1.8em;
}

#newsList dd{
	margin-top:-1px;
	padding:20px 0;
	border-top:1px solid #bfbfbf;
	line-height:1.8em;
}










@media all and (max-width: 768px) {
    
.inner .ttl img{
    width: auto;
    margin-left: 10px;
    height: 10vw;
}


/*---------------------------------------------------------
メインキャッチ
---------------------------------------------------------*/

#mainCatch{
/*	position: relative;
	padding:0;
	margin:0;*/
	height:43vw;
        width: 100%;
}

#mainCatch a{
	/*display:block;*/
	height:43vw;
	width:100%;
	/*margin:0 auto;*/
}

#mainCatch a img{
    width: 100%;
    height: auto;
}

.mainImg{
	/*background: url(../picassonin/common/img/bg_header.png) no-repeat;*/
	/*background-position:center;*/
        background-size: cover;
}
/*
#mainCatch p{
	width:492px;
	padding:40px 0;
}*/

#catchText{
	height:40vw;
	text-align: center;
	/*background: url(../img/icon_01.png) no-repeat;*/
	/*
	background-position: right bottom;
    background-size: 70%;
	background-color: rgba(255,255,255,0.5);
	background-blend-mode: lighten;
	*/
	background: none;
}

#catchText h1{
	padding: 0;
	margin-bottom: 10px;
}
#catchText h1 img{
    width: 40%;
    height: auto;
}

#catchText p{
    width: 90%;
    margin: 0 auto;
	text-align:left;
}
#catchText p.p_1{
}
#catchText p.p_2{
}

/*---------------------------------------------------------
事業内容
---------------------------------------------------------*/

#service{
	position: relative;
	background: url(../img/pic_01r.png) no-repeat #eaeaea;
	background-position: 95% 1em;
        background-size: 52%;
        font-size: 3.5vw;
}

p.shadow{
	width:95%;
	margin:10vw auto;
/*	text-shadow: #eaeaea 1px 1px 0px, #eaeaea -1px 1px 0px,
	#eaeaea 1px -1px 0px, #eaeaea -1px -1px 0px;*/
}

#service ul {
	/*overflow: hidden;*/
	/*margin:0;*/
	/*padding:0;*/
	width:100%;
	/*text-align:center;*/
}

#service ul li{
	float:none;
	/*position: relative;*/
	width: 90%;
	min-height:0;
	margin-right: 0;
        margin: 10px auto;
	/*background: #fff;*/
	/*border: #d2d2d2 solid 1px;*/
	/*-webkit-border-radius: 8px;*/
	/*-moz-border-radius: 8px;*/
	/*-ms-border-radius: 8px;*/
	/*-o-border-radius: 8px;*/
	/*border-radius: 8px;*/
	/*-webkit-box-shadow: 0 3px 0 rgba(210,210,210,1);*/
	/*box-shadow: 0 3px 0 rgba(210,210,210,1);*/
}

#service a{
	/*display:block;*/
	min-height:0;
	padding:2.5em;
	/*color:#313131;*/
}

#service img.icon{
    width: 30%;
    height: auto;
}

#service h2{
	font-size:4vw;
	/*color:#5c5c5c;*/
	/*margin:12px 0 10px;*/
}

.arrow02{
	/*position: absolute;*/
	/*top:65%;*/
	right:0.7em;
        width: 1em;
        height: auto;
}

/*---------------------------------------------------------
制作実績
---------------------------------------------------------*/
#works{
    position: relative;
}
#works h1{
	/*float:left;*/
	margin-bottom:0;
}

#works a.btn.right{
    position: absolute;
    top: 60px;
    right: 0.5em;
}

#boxCol{
	clear: both;
	width:85%;
        margin: 0 auto;
	/*overflow: hidden;*/
	/*padding:0;*/
}

.box3col li{
	float: none;
	width:100%;
	margin-right: 0;
        margin: 40px 0;
}

.box3col li img{
    width: 100%;
    height: auto;
}

#works h2{
	font-size:3.8vw;
	/*color:#313131;*/
	/*margin:7px 0;*/
}

/*---------------------------------------------------------
ニュース
---------------------------------------------------------*/

#news{
	/*background: #eaeaea;*/
	/*margin:0;*/
}

#news a.btn.right{
    position: absolute;
    top: 43px;
    right: 0.5em;
}

#news h1{
	float:left;
	margin-bottom:40px;
}

#news .inner .ttl img{
    height: 4.2vw;
}

#newsList{
	/*clear: both;*/
	width:95%;
	/*margin:0 auto;*/
	/*zoom: 1;*/
	/*overflow:hidden;*/
}

#newsList dt{
    margin-top:-1px;
    border-top:1px solid #bfbfbf;
	float:none;
	width:100%;
	padding:20px 0 0 0;
	/*line-height:1.8em;*/
}

#newsList dd{
	margin-top:0;
	padding:5px 0 20px 0;
	border-top:none;
	/*line-height:1.8em;*/
}
}