.lp_content,.lp_content div,.lp_content dl,.lp_content dt,.lp_content dd,.lp_content ul,.lp_content ol,.lp_content li,.lp_content h1,.lp_content h2,.lp_content h3,.lp_content h4,.lp_content h5,.lp_content h6,.lp_content pre,.lp_content form,.lp_content fieldset,.lp_content input,.lp_content textarea,.lp_content p,.lp_content blockquote,.lp_content th,.lp_content td {
    margin:0;
    padding:0;
    zoom:1;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img {
    border:0;
}
address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
.lp_content h1,.lp_content h2,.lp_content h3,.lp_content h4,.lp_content h5,.lp_content h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym {
    border:0;
}

img {
    vertical-align:bottom;
    display: block;
}
video{
    display: block;
    width: 100%;
}

/* */
#content div,#content p {
	margin: 0;
	line-height: 150%;
	padding: 0;
	width: auto;
}

@media screen and (max-width: 639px) {
    /*　画面サイズ 639pxまで適用　*/
    #content{
	width: 100%;
	}
}

@media screen and (min-width:640px) {
    /*　画面サイズ 640px以上から適用　*/
    #content{
    width: 640px;
    margin:0 auto;
    }
}

#content {
	font-size: 18px;
}

#content img {
	width:100%;
vertical-align:bottom;
}
/*********content*********/
#content .btn01{
    margin: 30px 0;
    padding: 0 0 10%;
}
#content .btn01 img{
    width: 60%;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}
#articleContents{
    display: none;
}

.movie01{
    background: #025aa7;
}
.movie01 video{
    width: 87.5%;
    margin: 0 auto;
}
.switch{
    display: none;
}
#content .cvBox{
    position: relative;
}
#content .cvBox .btn03{
    position: absolute;
    margin: 0 auto;
    width: 85%;
    left: 0;
    right: 0;
    top: 81%;
}


/* -----------------------------------------------------------
checkbox
----------------------------------------------------------- */

#content .ckBox{
  padding:0 6.2% 2%;
    background: #f4fafe;
    background-size: 100%;
  font-size:130%;
  text-align:left;
}
#content .ckBox.wh{
    background: #fff;
}

#content .ckBox input[type="checkbox"]{
   -webkit-transform: scale(1.6);
   transform: scale(1.6);
   display: block;
   width:3%;
}
#content .ckBox input[type="checkbox"]+span{
    width: 90%;
}
#content .ckBox p{
    display: flex;
  line-height:160%;
  padding-bottom:3%;
}
#content .ckBox p small{
    font-size: 60%;
    line-height: 1.2;
}


@media screen and (max-width: 639px) { 
    /*　画面サイズ 639pxまで適用　*/
#content .ckBox input[type="checkbox"]{
   -webkit-transform: scale(1.4);
   transform: scale(1.4);
   display: block;
   width:8%;
}
}

#content p{
  clear:both;
}

#content {
outline: none;
}

input:focus{
outline:none;
}

/**********radio**********/
ul,
li,
label,
span {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
#content .ckBox .btnList{
    display: flex;
    justify-content: space-between;
    font-size: 0;
    padding: 5%;
}
#content .ckBox .btnList p{
    display: block;
    width: 48%;
}
#content .ckBox .btnList p span{
    cursor: pointer;
}
#content .ckBox .btnList input {
    display: none;
}

input[type="radio"]+.y01 {
    background: url("../img/yes-off.jpg") no-repeat;
    background-size: contain;
    width: 100%;
    padding: 25% 0;
    display: block;
}

input[type="radio"]+.y01:hover {
    background: url("../img/yes-on.jpg") no-repeat;
    background-size: contain;
}

input[type="radio"]:checked+.y01 {
    background: url("../img/yes-on.jpg") no-repeat;
    background-size: contain;
}

input[type="radio"]+.n01 {
    background: url("../img/no-off.jpg") no-repeat;
    background-size: contain;
    width: 100%;
    padding: 25% 0;
    display: block;
}

input[type="radio"]+.n01:hover {
    background: url("../img/no-on.jpg") no-repeat;
    background-size: contain;
}

input[type="radio"]:checked+.n01 {
    background: url("../img/no-on.jpg") no-repeat;
    background-size: contain;
}
/*成分表示*/
.component{
    width: 96%;
    margin: 50px auto;

}
.component .component-title{
    margin-bottom: 20px;
    color: #004197;
    font-weight: bold;
    text-align: center;
    position: relative;
}
.component .component-title:before,
.component .component-title:after{
    content: '';
    position: absolute;
    border-top: 3px solid #004197;
    width: 35%;
    top: 50%;
}
.component .component-title:before{
    left: 0;
}
.component .component-title:after{
    right: 0;
}

.component .component01{
    margin-bottom: 30px;
    border-bottom: 1px solid #004197;

}
.component .component01 dt{
    color: #004197;
    font-weight: bold;
}
.component .component01 dt,
.component .component02 dt{
    line-height: 1.5;
}
.component .component01 dd,
.component .component02 dd{
    margin-bottom: 20px;
    line-height: 1.5;
}
.component .component01 dd ul li{
    position: relative;
    padding-left: 5%;
}
.component .component01 dd ul li:before{
    content: '●';
    position: absolute;
    left: 0;
}