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

#header-balloon-clip {

	background:url(../images/balloon-clip/bg_main.jpg) center 23px;
	background-repeat:no-repeat;
	background-color:#fffaec;
	/*width: 100%;
	height:auto;*/
	-moz-background-size:100% auto;
	background-size:100% auto;
	/*background-size: cover;*/
	padding-bottom:61%;
}
@media only screen and (max-width: 768px) {
    #header-balloon-clip {
        background:url(../images/balloon-clip/bg_main_sp.jpg) center 23px;
        background-repeat:no-repeat;
        background-color:#fffaec;
        background-size:100% auto;
        padding-bottom:123%;
    }
}

ul{
	list-style:none;
}

@media only screen and (max-width: 768px) {
    .br-sp{
        display: block;
    }
}

.text-main-box{
    margin-top: 2em;
}
.text-main-box .text-main{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: deeppink;
}
@media only screen and (max-width: 768px) {
    .text-main-box .text-main{
        font-size: 16px;
    }
}

.copyBox .left{
	width: 578px;
	float: left;
	vertical-align: middle;
	text-align: center;
}
.copyBox .right{
	width: 312px;
	float: left;
	vertical-align: middle;
}
.copyBox .right p{
	margin: 1em 0 2em;
}

.clip-left {
	width:495px;
	margin-right:20px;
	float:left;
	/*display:block;*/
}
.clip-right {
	margin-top:0.5em;
	float: left;
}

.clip-right li{
	margin-bottom:0.5em;
}

.clip-right .pcs {
	padding-left:7em;
}

.indent-1_clip {
	text-indent:-1em;
	padding-left:1em;
}


/*768px以内用(タブレット・スマホ横)　151211追記*/
@media only screen and (max-width: 768px) {

.copyBox .left{
	width: 100%;
	text-align: left;
}
.copyBox .right{
	width: 100%;
	text-align: center;
	margin-bottom: 2em;
}
	
.clip-left {
	width:100%;
	margin-right:0px;
	text-align: center;
}
.clip-right {
	width:100%;
	/*text-indent:-1em;
	padding-left:1em;*/
}

.indent-1_clip {
	text-indent:-1em;
	padding-left:1em;
}
.indent-7_clip {
	text-indent:-7em;
	padding-left:7em;
}