.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

._pc{display: none;}

body{background:#f6f5f3!important;}

main img{width:100%;}

main{padding:0!important;}
main #mv{max-width:100%; margin:0 auto; padding:0; box-sizing: border-box; background: #fff;}
main #mv h2{position: relative; margin: 0; padding:30px 0 0 0; background:#f8f8f8;}
main #mv h2 span.txt{padding:0 12px; box-sizing: border-box; display: block;}
main #mv h2 span.txt .box{font-size:28px; line-height: 1.2; font-weight:bold; /*letter-spacing: 0.05em;*/ color:#000; padding:0px 0 5px 13px; box-sizing: border-box; border-left:#ca0637 3px solid; display: block;}
main #mv h2 span.txt .box span{font-size:16px; line-height: 1.55; letter-spacing: 0.075em; margin-top:5px; color:#999; display: block;}
main #mv h2 span.txt .box span br{display:none;}
main #mv p{position: relative; background:url(https://rise.itembox.design/item/images/campaign/healthysleep/img_sub_sp_v02.jpg) 0 0 no-repeat; background-size:100% auto;}
main #mv p span.txt{padding:6% 12px 6% 12px; font-size:16px; line-height: 1.75; /*letter-spacing: 0.075em;*/ text-align:left; display: block;}
main #mv p span.txt strong{color:#c90636; font-weight: bold;}
main #mv .btn{margin-bottom:18%;}
main #mv .btn a{width:80%; height:55px; background:#ca0636; line-height:55px; color:#fff;font-size:19px; /*letter-spacing: 0.05em;*/ font-weight: bold; text-align: center; margin: 0 auto 0 auto; box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.1);}
main #mv .btn a span{background:url(https://rise.itembox.design/item/images/campaign/healthysleep/icon_btn.png) 0 50% no-repeat; background-size:auto 20px; padding-left:28px; position: relative; z-index: +1;}

@media screen and (max-width:359px) {
  main #mv .btn a{font-size:16px;}
  main #mv .btn a span{background:url(https://rise.itembox.design/item/images/campaign/healthysleep/icon_btn.png) 0 50% no-repeat; background-size:auto 16px; padding-left:20px;}
}

main #quality{background:#f6f5f3; display: block; position: relative; z-index: +1;}
main #quality h2{max-width:100%; margin:18% auto 8% auto; font-size:28px;  /*letter-spacing: 0.05em;*/ line-height:1.45; color:#656565; text-align: center;}
main #quality h3{font-size:18px; color:#ca0636; font-weight: bold; text-align: center; margin-bottom:4%;}
main #quality p.lead{font-size:15px; /*letter-spacing: 0.05em;*/ line-height:2; color:#4c4c4c; text-align:left; margin-bottom:6%; padding: 0 15px; box-sizing: border-box;}
main #quality p.lead br{display: none;}
main #quality .box{max-width:calc(100% - 20px); background:#fff; margin:0 auto 18% auto; padding:6% 5%; box-sizing: border-box;}
main #quality .box h4{font-size:15px;  /*letter-spacing: 0.05em;*/ font-weight:bold; margin-bottom:3%;}
main #quality .box p.qa{font-size:14px;  /*letter-spacing: 0.05em;*/ margin-bottom:4%; padding-left:1em; text-indent:-1em; margin-bottom:2%;}
main #quality .box p.image{margin-bottom:5%;}
main #quality .box p.note{font-size:12px;  /*letter-spacing: 0.05em;*/}
main #quality .box p.note:before{display:none;}
main #quality .box p.note span{font-weight:bold; display: block;}
main #quality .box p.note a{background:url(https://rise.itembox.design/item/images/campaign/healthysleep/icon_link.png) 100% 50% no-repeat; background-size:14px auto; padding-right:20px; display: inline; word-break: break-all;}
/*main #quality .box p.note a:hover{text-decoration: underline;}*/

main #merit{background:#fff; display: block;}
main #merit h2{max-width:100%; margin:12% auto 0% auto; font-size:28px; /*letter-spacing: 0.05em;*/ line-height:1.45; color:#656565; text-align: center;}
main #merit h3{font-size:22px; color:#656565; text-align: center; margin-bottom: 2%;}
main #merit ul{max-width:90%; width:90%; margin:0% auto 8% auto;}
main #merit ul li{float:left; width:100%; border-bottom:1px #cbcbcb solid; box-sizing:border-box; padding:10% 0;}
main #merit ul li:nth-last-child(1){border:none;}
main #merit p.lead{font-size:15px; line-height: 2; /*letter-spacing: 0.05em;*/ margin-bottom:8%; padding: 0 5%; box-sizing: border-box;}

main #program{background:#f6f5f3; display: block; position: relative;}
main #program h2{max-width:420px; margin:18% auto 2% auto; position: relative; padding: 0 15px; box-sizing: border-box;}
main #program h2 .lead{font-size:20px; color:#656565; /*letter-spacing: 0.05em;*/ text-align: center; margin-bottom: 2%; display: block;}
main #program h2 .title{font-size:40px; color:#ca0636; /*letter-spacing: 0.05em;*/ line-height: 1.2; font-weight: bold; text-align:left; margin-bottom:2%; display: block;}
main #program h2 .descount{font-size:30px; color:#656565; /*letter-spacing: 0.05em;*/ line-height: 1.2; font-weight: bold; text-align:left; margin-bottom:10%;  display:block; width: 100%;}
main #program h2 .descount span{font-size:14px; font-weight:normal; margin-left:0; position: relative; top:0.75em; display:inline-block; line-height: 1.75;}
main #program h2 .descount em{}
main #program h2 .days{font-size:15px; color:#656565;  /*letter-spacing: 0.05em;*/ height:100px; width:100px; border-radius:50px; padding-top:16px; line-height: 1.3; position: absolute; right:0; top:75px; border:#B8B7B7 1px solid; background: #fff; text-align: center;}
main #program h2 .days span{font-size:20px; color:#ca0636; /*letter-spacing: 0.05em;*/ font-weight: bold; display:block;}
main #program .box{max-width:100%; background:#fff; margin:0 auto 10% auto; padding:10% 5% 4% 5%; box-sizing: border-box;}
main #program .box h3{font-size:15px; color:#656565; /*letter-spacing: 0.05em;*/ font-weight: bold; text-align:center; margin:0 auto; max-width: 420px; width:100%; position: relative;}
main #program .box h3:before{content:""; position: absolute; width:100%; height:1px; background:#cbcbcb; top:50%; left:0; display:inline-block;}
main #program .box h3 span{background:#fff; padding: 0 20px; box-sizing: border-box; position: relative; z-index: +1;}
main #program .box ul{}
main #program .box ul li{width:100%; margin:12% 0 10% 0;}
main #program .btn{margin-bottom:10%;}
main #program .btn a{width:80%; height:55px; background:#ca0636; line-height:55px; color:#fff;font-size:19px; /*letter-spacing: 0.05em;*/ font-weight: bold; text-align: center; margin: 0 auto 0 auto; box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.1);}
main #program .btn a span{background:url(https://rise.itembox.design/item/images/campaign/healthysleep/icon_btn.png) 0 50% no-repeat; background-size:auto 20px; padding-left:28px; position: relative; z-index: +1;}

@media screen and (max-width:359px) {
  main #program h2 .lead{font-size:18px;}
  main #program h2 .title{font-size:36px;}
  main #program h2 .descount{font-size:26px;}
  main #program h2 .descount span{font-size:12px;}
  main #program h2 .descount em{}
  main #program h2 .days{font-size:13px; height:90px; width:90px; border-radius:45px; padding-top:16px; line-height: 1.3; position: absolute; right:0; top:65px;}
  main #program h2 .days span{font-size:16px;}
  main #program .btn a{font-size:16px;}
  main #program .btn a span{background:url(https://rise.itembox.design/item/images/campaign/healthysleep/icon_btn.png) 0 50% no-repeat; background-size:auto 16px; padding-left:20px;}
}

main #partner{background: #fff; display: block;}
main #partner h2{max-width:100%; margin:18% auto 8% auto; font-size:28px; letter-spacing: 0.05em; line-height:1.45; color:#656565; text-align: center;}
main #partner ul{max-width:100%; background: #fff; margin: 0 auto 8% auto; padding:3% 5% 10% 5%; box-sizing: border-box;}
main #partner ul li{margin-bottom:18%;}
main #partner ul li:nth-last-child(1){margin-bottom:0;}
main #partner ul li .image{width:75%; margin:0 auto 6% auto;}
main #partner ul li .txt{width:100%;}
main #partner ul li .txt h3{font-size: 20px; font-weight:bold; color:#666666; letter-spacing: 0.05em; margin-bottom: 4%;}
main #partner ul li .txt h3 span{font-size:16px; display: block; margin-top:1%; color:#ca0636;}
main #partner ul li .txt .lead{font-size:15px;/*letter-spacing: 0.05em;*/ margin-bottom:8%;}
main #partner ul li .txt .btn_more{text-align: center;}
main #partner ul li .txt .btn_more a{width:135px; height:35px; background:#fff; border:1px #B5B4B4 solid; line-height: 35px; color:#656565;font-size:15px; letter-spacing: 0.05em; font-weight: bold; display: inline-block;}
main #partner ul li .txt .btn_more span{background:url(https://rise.itembox.design/item/images/campaign/healthysleep/icon_more.png) 0 50% no-repeat; background-size:auto 12px; padding-left:16px; position: relative; z-index: +1;}

main #support{background: #f6f5f3; display: block;}
main #support ul{max-width: 100%; margin: 10% auto 18% auto; padding:3% 5% 0 5%; box-sizing: border-box;}
main #support ul li{margin-bottom:8%;}
main #support ul li:nth-last-child(1){margin-bottom:0;}
main #support ul li:nth-child(2n-1) .image{float:right;}
main #support ul li:nth-child(2n-1) .txt{float:left;}
main #support ul li:nth-child(2n) .image{float:left;}
main #support ul li:nth-child(2n) .txt{float:right;}
main #support ul li .image{width:100%;}
main #support ul li .txt{width:100%;}
main #support ul li .txt h3{font-size: 24px; line-height: 1.5; font-weight:bold; color:#666666; /*letter-spacing: 0.05em;*/ margin:2% 0;}
main #support ul li .txt .lead{font-size: 18px; line-height: 2; /*letter-spacing: 0.05em;*/ margin:3% 0 12% 0;}
main #support ul li .txt h4{font-size: 18px; font-weight:bold; color:#ca0636; /*letter-spacing: 0.05em;*/ margin:6% 0 2% 0;}
main #support ul li .txt .sub{font-size: 15px; line-height: 2; /*letter-spacing: 0.05em;*/ margin:0 0 10% 0;}

main #seminar{background: #fff; display: block;}
main #seminar h2{max-width:100%; margin:18% auto 8% auto; font-size:28px; /*letter-spacing: 0.05em;*/ line-height:1.45; color:#656565; text-align: center;}
main #seminar h3{margin:0% auto 5% auto; font-size:20px; /*letter-spacing: 0.05em;*/ line-height:1.45; color:#656565; font-weight: bold; text-align: center;}
main #seminar h3 span{display: block; font-size:15px; font-weight: normal; margin-top:2%; line-height: 2; padding: 0 5%; box-sizing: border-box; text-align: left;}
main #seminar h4{font-size: 20px; color: #ca0636; /*letter-spacing: 0.05em;*/ font-weight: bold; text-align: center; margin: 0 auto 4% auto; max-width:92%; width:92%; position: relative;}
main #seminar h4:before{content:""; position: absolute; width:100%; height:1px; background:#cbcbcb; top:50%; left:0; display:inline-block;}
main #seminar h4 span{background: #fff; padding: 0 10px; box-sizing: border-box; position: relative; z-index: +1;}
main #seminar h5{font-size: 18px; line-height: 30px; color: #656565; /*letter-spacing: 0.05em;*/ font-weight: bold; text-align: center; margin: 0 auto 8% auto; position: relative;}
main #seminar h5:before{content:""; background:url(https://rise.itembox.design/item/images/campaign/healthysleep/h_before.png) 0 0 no-repeat; background-size:auto 30px; display: inline-block; width:24px; height:30px; position: relative; top:8px;}
main #seminar h5:after{content:""; background:url(https://rise.itembox.design/item/images/campaign/healthysleep/h_after.png) 100% 0 no-repeat; background-size:auto 30px; display: inline-block; width:24px; height:30px; position: relative; top:8px;}
main #seminar ul.list{max-width: 1200px; margin: 0% auto 8% auto;}
main #seminar ul.list li{margin-bottom:8%; border:#f6f5f3 5px solid; padding:4% 0 0 0; box-sizing: border-box;}
main #seminar ul.list li:nth-last-child(1){margin-bottom:18%;}
main #seminar ul.graph{}
main #seminar ul.graph li{border:none; width:100%; padding:0% 5%; margin:0!important; box-sizing: border-box;}
main #seminar ul.graph li .image{margin-bottom:8%; padding:0% 10%; box-sizing: border-box;}
main #seminar ul.graph li .lead{font-size:15px; letter-spacing: 0.05em; line-height: 1.7; margin-bottom:8%;}

main #consultation{background: #f6f5f3; display: block;}
main #consultation h2{max-width:100%; margin:18% auto 8% auto; font-size:28px; /*letter-spacing: 0.05em;*/ line-height:1.45; color:#656565; text-align: center;}
main #consultation h3{margin:0% auto 5% auto; font-size:18px; /*letter-spacing: 0.05em;*/ line-height:1.6; color:#656565; font-weight: bold; text-align:left;}
main #consultation .box{max-width:100%; background:#fff; margin:0 auto 4% auto; padding:8% 5% 10% 5%; box-sizing: border-box;}
main #consultation .box .image{width:100%; margin:12% 0 12% 0; padding:0% 10%; box-sizing: border-box;}
main #consultation .box .txt{width:100%;}
main #consultation .box .txt p{margin-top:4%;}
main #consultation .box p{font-size:15px; /*letter-spacing: 0.05em;*/ line-height: 1.7;}

main #consultation .box p.btn{margin: 8% auto 8% auto; text-align: center;}
main #consultation .box p.btn a{width:100%; margin: 0 auto; padding: 8% 0; color:#fff; background:url(https://rise.itembox.design/item/images/campaign/healthysleep/img_2_1.png) 50% 20% no-repeat; background-size:cover; display: block; position: relative;}
main #consultation .box p.btn a:before{content:""; width:100%; height:100%; background:rgba(0,0,0,0.2); position: absolute; top:0; left:0;  display: block;}
main #consultation .box p.btn a span{font-size:30px; line-height:1.5; position: relative; z-index: +1;}
main #consultation .box p.btn a span em{font-size:18px; display: block;}

main #inquiry{background: #f6f5f3; display: block;}
main #inquiry h2{max-width:100%; margin:12% auto 8% auto; font-size:19px; font-weight: bold; /*letter-spacing: 0.05em;*/ line-height:1.45; color:#656565; text-align: center;}
main #inquiry .box{margin-bottom: 10%;}
main #inquiry .btn{margin-bottom:10%;}
main #inquiry .btn a{width:80%; height:55px; background:#ca0636; line-height:55px; color:#fff;font-size:17px; /*letter-spacing: 0.05em;*/ font-weight: bold; text-align: center; margin: 0 auto 0 auto; box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.1);}
main #inquiry .btn a span{background:url(https://rise.itembox.design/item/images/campaign/healthysleep/icon_btn.png) 0 50% no-repeat; background-size:auto 20px; padding-left:28px; position: relative; z-index: +1;}
main #inquiry .txt{width:100%; text-align: center;}
main #inquiry .txt p.tel{font-size:30px; font-weight:bold; color:#666666;}
main #inquiry .txt p.tel span{background:url(https://rise.itembox.design/item/images/campaign/healthysleep/icon_tel.png) 0 50% no-repeat; background-size:auto 26px; padding-left:48px; position: relative; z-index: +1;}
main #inquiry .txt p{font-size:14px; /*letter-spacing: 0.05em;*/ line-height: 1.7; color:#666666;}

@media screen and (max-width:359px) {
  main #inquiry h2{font-size:18px;}
  main #inquiry .btn a{font-size:15px;}
  main #inquiry .btn a span{background:url(https://rise.itembox.design/item/images/campaign/healthysleep/icon_btn.png) 0 50% no-repeat; background-size:auto 16px; padding-left:20px;}
}
