@charset "UTF-8";

/*---------------------------------------------------------------------------------------------
 bridal
  ---------------------------------------------------------------------------------------------*/

#container.noborder {
    border: none;
}

h2.pageTitle span{
    display: block;
    font-size: 14px;
    font-weight: bold;
}
h1.pageTitle span{
    display: block;
    font-size: 14px;
    font-weight: bold;
}
.area1{
    margin-top: 47px;
}
.area1 .areaContent{
    margin-top: 9px;
    overflow: hidden;
    width: 100%;
}
.area1 .areaContent .img{
    float: left;
    width: 48%;
}
.area1 .areaContent .img+.img{
    margin-left: 29px
}
.area2 {
    margin: 98px 0px 60px 0px;
}
.area2 .subTitle{
    margin-top: 10px;
}
.area2 .areaContent{
    overflow: hidden;
    margin-top: 32px;
}
.area2 .areaContent .img{
    float: left;
    width: 48%;
}
.area2 .areaContent .img+.img{
    margin-left: 29px;
}
.area2 .areaContent .title.remove1{
    margin-bottom: 29px;
}
.area2 .title.highspeed {
	margin-top: 60px;
}
.area2 .areaContent .title.remove2{

	margin-bottom: 29px;
	width: 100%;
}
.pc{
    display: block;
}
.sp{
    display: none;
}

.img_fast {
    width: 100%;
    text-align: center;
/*    float: left;*/
    margin-top: 70px;
}
.img_dietmonitor {
    width: 100%;
    text-align: center;
    float: left;
    margin-bottom: 40px;
}
.area1 .areaContent2 .img.campaign {
	margin-bottom: 60px;
}
.line_exp {
		margin-bottom: 40px;
	}
	.line_exp .use_agreement{
		display: block;
		margin: 20px 0 0;
		}
.fasting {
	margin-top: 60px;
}
@media(max-width: 1046px){
    .wraper{
        width: 100%;
    }
    .area1,
    .area2{
        width: 100%;
    }
    .area1 .areaContent,
    .area2 .areaContent{
        width: 100%;
    }
    .area1 .areaContent .img,
    .area2 .areaContent .img{
        float: left;
        width: 48%;
    }
    .area1 .areaContent .img+.img,
    .area2 .areaContent .img+.img{
        margin-left: 3%;
    }

    .mainMenuSp.sp {
        display: block;
    }
}
@media(max-width: 768px){
    #container {
        margin-top: 15px;
    }
    .wraper{
        padding: 0;
    }

    .mainMenuSp .wraper {
        padding: 0 2.5% 10% 2.5%;
    }

    .area1{
        margin-top: 23px;
    }
    .area1 .title{
        width: 70%;
    }
    .area2 .title{
        width: 53%;
    }
    .area1 .areaContent{
        margin-top: 5px;
    }
    .area1 .areaContent .img,
    .area2 .areaContent .img{
        width: 100%;
    }
    .area1 .areaContent .img img,
    .area2 .areaContent .img img{
        width: 100%;
    }
    .area1 .areaContent .img+.img{
        margin-left: 0px;
        margin-top: 40px;
    }
    .area2{
        margin: 61px 0px 60px 0px;
    }
    .pc{
        display: none;
    }
    .sp{
        display: block;
    }
    .area2 .subTitle{
        width: 61%;
        margin-top: 7px;
    }
    .area2 .areaContent{
        margin-top: 20px;
    }
    .area2 .areaContent .img+.img{
        margin-left: 0px;
        margin-top: 22px;
    }
    .img_fast {
        margin-top: 22px;
    }
	.img_dietmonitor {
    margin-bottom: 40px;
}
	.line_exp {
		margin-bottom: 40px;
	}
	.line_exp .use_agreement{
		display: block;
		margin: 20px auto 0;
		}
	.fasting {
	margin-bottom: 60px;
}
	.title.dietmonitor {
		width: 80%;
	}
	}

.area1 .areaContent2 .img.campaign {
	margin-bottom: 40px;
}
@media(max-width: 414px){
    h2.pageTitle span{
        font-size: 11px;
        letter-spacing: -1px;
        line-height: 1;
    }
    
        h1.pageTitle span{
        font-size: 11px;
        letter-spacing: -1px;
        line-height: 1;
    }
}