@charset "UTF-8";


/*****************************************************
add
*****************************************************/
#add{
	background:url('../img/add/add_bg.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	background-attachment:fixed;
}
#add .inner{
	background:rgba(255,255,255,0.1);
	padding:25px 40px 40px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/* メインテキスト
------------------------------------------------- */
#add-maintext{
	text-align:center;
	margin:30px 0 40px;
}
#add-maintext .b-sublargettl{
	font-size:30px;
	font-size:3.0rem;
	line-height:1.3;
	color:#666;
}
#add-maintext .b-largettl{
	font-size:60px;
	font-size:6.0rem;
	color:#111;
	letter-spacing:2px;
	margin:0 0 15px;
}
#add-maintext .b-largetext{
	font-size:26px;
	font-size:2.6rem;
	font-weight:200;
	color:#111;
	margin:0 0 10px;
}
#add-maintext .b-text{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.6;
}
/* 各事業内容
------------------------------------------------- */
#add-type{
	display:flex;
	flex-wrap:wrap;
}
.b-typeblock{
	max-width:430px;
	width:47%;
	padding:0 3% 0 0;
}
.b-typeblock:nth-child(2n){
	padding:0 0 0 3%;
}
#marketing,
#design{
	margin:60px 0 0;
}
/* ----- head ----- */
.b-typeblock .head{
	margin:0 0 20px;
}
.b-typeblock .head .title{
	font-size:22px;
	font-size:2.2rem;
	color:#111;
	letter-spacing:2px;
}
.b-typeblock .head .subtitle{
	font-size:12px;
	font-size:1.2rem;
	color:#666;
}
/* ----- typelist ----- */
.b-typeblock .typelist{
	list-style-type:none;
	margin:0 0 20px;
	padding:0;
}
.b-typeblock .typelist li{
	font-weight:200;
	color:#111;
}
.b-typeblock .typelist li + li{
	margin:5px 0 0;
}
.b-typeblock .typelist li span{
	color:#666;
	letter-spacing:0.8px;
}
/* ----- dl ----- */
.b-typeblock dl dt{
	font-weight:bold;
	color:#111;
	margin:0 0 7px;
}
.b-typeblock dl dd{
	margin:0 0 15px;
}
.b-typeblock dl dd p{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.3;
}
/* ----- acc-block ----- */
.b-typeblock .acc-block + .acc-block{
	margin:20px 0 0;
}
.b-typeblock .acc-block .acc-ttl{
	background:#f5f5f5;
	line-height:1.3;
	padding:8px 20px;
}
.b-typeblock .acc-block .acc-ttl:before{
	content:'＋';
	margin:0 10px 0 0;
}
.b-typeblock .acc-block.open .acc-ttl:before{
	content:'ー';
}
.b-typeblock .acc-block .acc-content{
	padding:30px 40px 25px;
}
.b-typeblock .acc-block .acc-content p{
	font-size:12px;
	font-size:1.2rem;
	line-height:1.5;
}
.b-typeblock .acc-block .acc-content img + p,
.b-typeblock .acc-block .acc-content p + img{
	margin:8px 0 0;
}
/* ----- ボタン ----- */
.b-typeblock .btn-blue{
	line-height:40px;
	margin:40px 0 0;
}
/* ページ下部お問い合わせボタン
------------------------------------------------- */
#bottom-contactbtn{
	max-width:430px;
	width:100%;
	font-size:21px;
	font-size:2.1rem;
	line-height:70px;
	margin:20px auto;
}
/* ページ下部メンバーバナー
------------------------------------------------- */
#bottom-memberbtn{
	text-align:center;
}


@media screen and (max-width:768px){
	/*****************************************************
	　business 
	*****************************************************/
	#add{
		background:none;
	}
	#add .inner{
		/*padding:40px 15px 35px;*/
		padding:6.25vw 1.12vw 5.46vw;
	}
	
	.inner {
    width: 95%;
}
	
	
	/* メインテキスト
	------------------------------------------------- */
	#add-maintext{
		margin:4.68vw 0 6.25vw;
	}
	#add-maintext .b-sublargettl{
		font-size:4.68vw;
	}
	#add-maintext .b-largettl{
		font-size:9.37vw;
		margin:0 0 2.34vw;
	}
	#add-maintext .b-largetext{
		font-size:4.06vw;
		margin:0 0 1.56vw;
	}
	#add-maintext .b-text{
		font-size:2.5vw;
	}
	/* 各事業内容
	------------------------------------------------- */
	#add-type{
		display:block;
	}
	.b-typeblock{
		max-width:none;
		width:auto;
		padding:0;
	}
	.b-typeblock:nth-child(2n){
		padding:0;
	}
	.b-typeblock + .b-typeblock{
		margin:6.25vw 0 0;
	}
	/* ----- head ----- */
	.b-typeblock .head{
		margin:0 0 3.12vw;
	}
	.b-typeblock .head .title{
		font-size:3.43vw;
	}
	.b-typeblock .head .subtitle{
		font-size:2.18vw;
	}
	/* ----- typelist ----- */
	.b-typeblock .typelist{
		margin:0 0 3.12vw;
	}
	.b-typeblock .typelist li + li{
		margin:1.25vw 0 0;
	}
	/* ----- dl ----- */
	.b-typeblock dl dt{
		margin:0 0 1.09vw;
	}
	.b-typeblock dl dd{
		margin:0 0 2.34vw;
	}
	.b-typeblock dl dd p{
		font-size:2.5vw;
	}
	/* ----- acc-block ----- */
	.b-typeblock .acc-block + .acc-block{
		margin:3.12vw 0 0;
	}
	.b-typeblock .acc-block .acc-ttl{
		padding:1.25vw 3.12vw;
	}
	.b-typeblock .acc-block .acc-content{
		padding:4.68vw 6.25vw 3.9vw;
	}
	.b-typeblock .acc-block .acc-content p{
		font-size:2.18vw;
	}
	.b-typeblock .acc-block .acc-content img + p,
	.b-typeblock .acc-block .acc-content p + img{
		margin:1.25vw 0 0;
	}
	/* ----- ボタン ----- */
	.b-typeblock .btn-blue{
		line-height:2.2;
		margin:6.25vw 0 0;
	}
	/* ページ下部お問い合わせボタン
	------------------------------------------------- */
	#bottom-contactbtn{
		font-size:3.28vw;
		line-height:3.4;
		margin:6.25vw auto;
	}
}