@charset "utf-8";
/*
------------------------------------------------------------------- */

.mb10{
	margin-bottom: 10px !important;
}

/*------ 共通 ------*/
body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	font-weight: 500;
	margin:0 auto;
	color: #231815;
}
a{
	text-decoration: none;
}
h4{
	font-size: 18px;
}
p {
}
span {
}
ul{
	list-style: none;
}
img{
	max-width: 100%;
}

/*文字*/
.bold{
	font-weight: bold;
}
.p_red{
	color: #d62d3b;
	font-size: 12px;
	font-weight: bold;
}
.red{
	color: #d62d3b;
}
.center{
	text-align: center;
}


/* 全体widthと背景 */
#wrap {
	margin: 0 auto;
	background-size: contain;    
}

.sp{
	display: none;
}



@media screen and (max-width: 500px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
}

/* サービス内容が変更となります！
------------------------------------------------------------------- */
#wrap{
	background-image: url('../../images/piago2104/img_mv_back.png');
	background-size: 0.5%;
}
#wrap .title{
	background-color: #fbc701;	
}
#wrap .title .title_inner{
	max-width: 750px;
	margin: 0 auto;
}
#wrap .inner{
	max-width: 750px;
	margin: 0 auto;
	padding-bottom: 30px;
}
#wrap .inner ul{
    max-width: 650px;
    margin: 0 auto;
	line-height: 1.3;
}
#wrap .inner ul li{
	display: inline;
	font-size: 12px;
}
@media screen and (max-width: 750px) {
	#wrap .inner ul{
		padding: 0 6vw;
	}
}
@media screen and (max-width: 480px) {
	#wrap{
		background-image: url('../../images/piago2104/img_mv_back.png');
		background-size: 2%;
	}
}