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

._sp{display: none;}

body{background:#f6f5f3!important;}

main #mv{background:#fff;}
main #mv .box{max-width:1200px; margin:0 auto; padding: 0 15px; box-sizing: border-box; display: block; position: relative;}
main #mv h2{position: relative;}
main #mv h2 span.txt{position: absolute; top:0; margin-top:7%; padding:15px; box-sizing: border-box; border:1px #dbd9da solid;}
main #mv h2 span.txt .box{font-size:45px; font-weight:bold; letter-spacing: 0.05em; color:#000; padding:20px 20px 30px 30px; box-sizing: border-box; border:#eeeded 1px solid; border-left:#ca0637 3px solid; background: #fff; display: block;}
main #mv h2 span.txt .box span{font-size:19px; line-height: 1.75; letter-spacing: 0.075em; margin-top:5px; color:#999; display: block;}
main #mv p{position: relative;}
main #mv p span.txt{position: absolute; width:100%; top:0; padding:6% 0; font-size:19px; line-height: 1.75; letter-spacing: 0.075em; text-align: center; display: block;}
main #mv p span.txt strong{color:#c90636; font-weight: bold;}
main #mv .btn{margin-bottom:8%; margin-top:-3%;}
main #mv .btn a{width:480px; height:84px; background:#ca0636; line-height: 84px; color:#fff;font-size:28px; 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 28px; padding-left:38px; position: relative; z-index: +1;}



@media screen and (max-width: 1000px) {
  main #quality{margin-top:-2%;}
  main #mv h2 span.txt{transform:scale(0.8); left:-5%;}
  main #mv p span.txt{font-size:16px;} 
}
@media screen and (max-width: 900px) {
  main #quality{margin-top:-2%;}
  main #mv h2 span.txt{left:-10%; transform:scale(0.7);}
  main #mv p span.txt{font-size:14px;} 
}
@media screen and (max-width: 800px) {
  main #quality{}
  main #mv h2 span.txt{left:-15%; transform:scale(0.6);}
  main #mv p span.txt{font-size:12px;} 
}

main #quality{background:#f6f5f3; display: block; position: relative; z-index: +1;}
main #quality h2{max-width:1200px; margin:5% auto 2% auto; font-size:42px; letter-spacing: 0.05em; line-height:1.45; color:#656565; text-align: center;}
main #quality h3{font-size:32px; color:#ca0636; font-weight: bold; text-align: center; margin-bottom: 1%;}
main #quality p.lead{font-size:19px; letter-spacing: 0.05em; line-height:2; color:#4c4c4c; text-align: center; margin-bottom:5%; padding: 0 15px; box-sizing: border-box;}
main #quality .box{max-width:1200px; background:#fff; margin:0 auto 8% auto; padding:3% 5%; box-sizing: border-box;}
main #quality .box h4{font-size:26px; letter-spacing: 0.05em; font-weight:bold;}
main #quality .box p.qa{font-size:18px; letter-spacing: 0.05em; margin-bottom:4%;}
main #quality .box p.image{margin-bottom:5%;}
main #quality .box p.note{font-size:16px; letter-spacing: 0.05em;}
main #quality .box p.note:before{display:none;}
main #quality .box p.note span{font-weight:bold; margin-right:10px;}
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:20px auto; padding-right:27px; display: inline-block;}
main #quality .box p.note a:hover{text-decoration: underline;}

@media screen and (max-width: 1000px) {
  main #quality h2{font-size:32px;}
  main #quality h3{font-size:24px;}
  main #quality p.lead{font-size:16px;}
  main #quality .box h4{font-size:21px;}
  main #quality .box p.note{font-size:14px;}
}
@media screen and (max-width: 900px) {
  main #quality h2{font-size:28px;}
  main #quality h3{font-size:21px;}
  main #quality p.lead{font-size:14px;}
  main #quality .box h4{font-size:18px;}
  main #quality .box p.note{font-size:12px;}
}
@media screen and (max-width: 800px) {
  main #quality h2{font-size:24px;}
  main #quality h3{font-size:18px;}
  main #quality p.lead{font-size:12px;}
  main #quality .box h4{font-size:16px;}
  main #quality .box p.note{font-size:11px;}
}

main #merit{background:#fff; display: block;}
main #merit h2{max-width:1200px; margin:5% auto 2% auto; font-size:42px; letter-spacing: 0.05em; line-height:1.45; color:#656565; text-align: center;}
main #merit h3{font-size:30px; color:#656565; text-align: center; margin-bottom: 2%;}
main #merit ul{max-width:1280px; width:100%; margin:5% auto 8% auto;}
main #merit ul li{float:left; width:33.333%; border-right:1px #cbcbcb solid; box-sizing:border-box; padding:0 3.125%;}
main #merit ul li:nth-last-child(1){border:none;}
main #merit p.lead{font-size:18px; letter-spacing: 0.05em; margin-bottom:4%; min-height:8em;}

@media screen and (max-width: 1200px) {
  main #merit h3{font-size:26px;}
}
@media screen and (max-width: 1050px) {
  main #merit h2{font-size:32px;}
  main #merit h3{font-size:23px;}
  main #merit p.lead{font-size:16px;}
}
@media screen and (max-width: 900px) {
  main #merit h2{font-size:28px;}
  main #merit h3{font-size:20px;}
  main #merit p.lead{font-size:14px;}
}
@media screen and (max-width: 800px) {
  main #merit h2{font-size:24px;}
  main #merit h3{font-size:18px;}
  main #merit p.lead{font-size:12px;}
}

main #program{background:#f6f5f3; display: block; position: relative;}
main #program h2{max-width:760px; margin:5% auto 0% auto; position: relative;}
main #program h2 .lead{font-size:30px; color:#656565; /*letter-spacing: 0.05em;*/ text-align: center; margin-bottom: 2%;}
main #program h2 .title{font-size:60px; color:#ca0636; /*letter-spacing: 0.05em;*/ font-weight: bold; text-align:left; margin-bottom: 0%; display: block; line-height:1.5;}
main #program h2 .descount{font-size:36px; color:#656565; /*letter-spacing: 0.05em;*/ font-weight: bold; text-align:left; margin-bottom: 2%;  display: block; position: relative; top:-0.25em;}
main #program h2 .descount span{font-size:18px; font-weight:normal;position: relative; top:-0.75em; display: inline-block;}
main #program h2 .days{font-size:18px; color:#656565; letter-spacing: 0.05em; font-weight: bold; height:120px; width: 120px; display: block; border-radius: 60px; border:#B8B7B7 1px solid; background: #fff; text-align: center; padding-top:20px; line-height: 1.3; position: absolute; right:0; top:60px;}
main #program h2 .days span{font-size:24px; color:#ca0636; letter-spacing: 0.05em; font-weight: bold; display: block;}
main #program .box{max-width:1200px; background:#fff; margin:0 auto 4% auto; padding:3% 5% 4% 5%; box-sizing: border-box;}
main #program .box h3{font-size:20px; color:#656565; letter-spacing: 0.05em; font-weight: bold; text-align:center; margin:0 auto 4% 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:50%; float: left;}
main #program .btn{margin-bottom:8%;}
main #program .btn a{width:480px; height:84px; background:#ca0636; line-height: 84px; color:#fff;font-size:28px; 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 28px; padding-left:38px; position: relative; z-index: +1;}

main #partner{background: #fff; display: block;}
main #partner h2{max-width:1200px; margin:5% auto 2% auto; font-size:42px; letter-spacing: 0.05em; line-height:1.45; color:#656565; text-align: center;}
main #partner ul{max-width: 1200px; background: #fff; margin: 0 auto 8% auto; padding:3% 5% 0 5%; box-sizing: border-box;}
main #partner ul li{margin-bottom:8%;}
main #partner ul li:nth-last-child(1){margin-bottom:0;}
main #partner ul li .image{width:25%; float:left;}
main #partner ul li .txt{width:70%; float:right;}
main #partner ul li .txt h3{font-size: 30px; font-weight:bold; color:#666666; letter-spacing: 0.05em; margin-bottom: 2%;}
main #partner ul li .txt h3 span{font-size: 20px; display: block; margin-top:1%; color:#ca0636;}
main #partner ul li .txt .lead{font-size: 18px;letter-spacing: 0.05em; margin-bottom:4%;}
main #partner ul li .txt .btn_more{width:170px; background:#fff; border:1px #B5B4B4 solid; line-height: 46px; color:#fff;font-size:18px; letter-spacing: 0.05em; font-weight: bold; text-align: center;}
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 14px; padding-left:24px; position: relative; z-index: +1;}

@media screen and (max-width: 1000px) {
  main #partner h2{font-size:32px;}
  main #partner ul li .txt h3{font-size:23px;}
  main #partner ul li p.lead{font-size:16px;}
}
@media screen and (max-width: 900px) {
  main #partner h2{font-size:28px;}
  main #partner ul li .txt h3{font-size:20px;}
  main #partner ul li .txt p.lead{font-size:14px;}
}
@media screen and (max-width: 800px) {
  main #partner h2{font-size:24px;}
  main #partner ul li .txt h3{font-size:18px;}
  main #partner ul li .txt p.lead{font-size:12px;}
}

main #support{background: #f6f5f3; display: block;}
main #support ul{max-width: 1200px; margin: 5% auto 8% 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:40%;}
main #support ul li .txt{width:55%;}
main #support ul li .txt h3{font-size: 30px; font-weight:bold; color:#666666; letter-spacing: 0.05em; margin:2% 0 1% 0;}
main #support ul li .txt .lead{font-size: 22px; line-height: 2; letter-spacing: 0.05em; margin:3% 0;}
main #support ul li .txt h4{font-size: 20px; font-weight:bold; color:#ca0636; letter-spacing: 0.05em; margin:6% 0 1% 0;}
main #support ul li .txt .sub{font-size: 16px; line-height: 2; letter-spacing: 0.05em; margin:0;}

@media screen and (max-width: 1000px) {
  main #support ul li .txt h3{font-size: 23px;}
  main #support ul li .txt .lead{font-size: 18px;}
  main #support ul li .txt h4{font-size: 17px;}
  main #support ul li .txt .sub{font-size: 14px;}
}
@media screen and (max-width: 900px) {
  main #support ul li .txt h3{font-size: 20px;}
  main #support ul li .txt .lead{font-size: 16px;}
  main #support ul li .txt h4{font-size: 15px;}
  main #support ul li .txt .sub{font-size: 13px;}
}
@media screen and (max-width: 800px) {
  main #support ul li .txt h3{font-size: 18px;}
  main #support ul li .txt .lead{font-size: 14px;}
  main #support ul li .txt h4{font-size: 14px;}
  main #support ul li .txt .sub{font-size: 12px;}
}

main #seminar{background: #fff; display: block;}
main #seminar h2{max-width:1200px; margin:5% auto 3% auto; font-size:42px; letter-spacing: 0.05em; line-height:1.45; color:#656565; text-align: center;}
main #seminar h3{margin:0% auto 3% auto; font-size:30px; letter-spacing: 0.05em; line-height:1.45; color:#656565; text-align: center; font-weight: bold;}
main #seminar h3 span{display: block; font-size:18px; font-weight: normal; margin-top:1%;}
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: 20px; line-height: 30px; color: #656565; letter-spacing: 0.05em; font-weight: bold; text-align: center; margin: 0 auto 6% 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:30px; 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:30px; 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 10px solid; padding:4% 0; box-sizing: border-box;}
main #seminar ul.graph{}
main #seminar ul.graph li{border:none; width:50%; float: left; padding:0% 4%; margin:0; box-sizing: border-box;}
main #seminar ul.graph li .image{margin-bottom:6%;}
main #seminar ul.graph li .lead{font-size:18px; letter-spacing: 0.05em; line-height: 1.7;}

@media screen and (max-width: 1000px) {
  main #seminar h2{font-size:32px;}
  main #seminar h3{font-size: 23px;}
  main #seminar h3 span{font-size:16px;}
  main #seminar ul.graph li .lead{font-size: 16px;}
  main #seminar h5{font-size: 18px;}
}
@media screen and (max-width: 900px) {
  main #seminar h2{font-size:28px;}
  main #seminar h3{font-size: 20px;}
  main #seminar h3 span{font-size:15px;}
  main #seminar ul.graph li .lead{font-size: 15px;}
  main #seminar h5{font-size: 17px;}
}
@media screen and (max-width: 800px) {
  main #seminar h2{font-size:24px;}
  main #seminar h3{font-size: 18px;}
  main #seminar h3 span{font-size:14px;}
  main #seminar ul.graph li .lead{font-size: 14px;}
  main #seminar h5{font-size: 16px;}
}

main #consultation{background: #f6f5f3; display: block;}
main #consultation h2{max-width:1200px; margin:5% auto 3% auto; font-size:42px; letter-spacing: 0.05em; line-height:1.45; color:#656565; text-align: center;}
main #consultation h3{margin:0% auto 2% auto; font-size:30px; letter-spacing: 0.05em; line-height:1.45; color:#666666; text-align:left; font-weight: bold; clear: both;}
main #consultation .box{max-width:1080px; background:#fff; margin:0 auto 4% auto; padding:3% 5% 4% 5%; box-sizing: border-box;}
main #consultation .box .image{width:30%; float:left; margin-bottom: 3%;}
main #consultation .box .txt{width:65%; float:right;}
main #consultation .box .txt p{margin-top:4%;}
main #consultation .box p{font-size:18px; letter-spacing: 0.05em; line-height: 1.7;}

main #consultation .box p.btn{margin: 4% auto; text-align: center;}
main #consultation .box p.btn a{width:480px; 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;}

@media screen and (max-width: 1000px) {
  main #consultation h2{font-size:32px;}
  main #consultation h3{font-size: 23px;}
  main #consultation .box p{font-size: 16px;}
}
@media screen and (max-width: 900px) {
  main #consultation h2{font-size:28px;}
  main #consultation h3{font-size: 20px;}
  main #consultation .box p{font-size: 15px;}
}
@media screen and (max-width: 800px) {
  main #consultation h2{font-size:24px;}
  main #consultation h3{font-size: 18px;}
  main #consultation .box p{font-size: 14px;}
}

main #inquiry{background: #f6f5f3; display: block; max-width:1080px; margin: 0 auto;}
main #inquiry h2{max-width:1080px; margin:3% auto 8% auto; font-size:38px; font-weight:bold; letter-spacing: 0.05em; line-height:1.7; color:#656565; text-align: center;}
main #inquiry .btn{margin-bottom:8%; margin: 0px auto; width:50%;}
main #inquiry .btn a{width:90%; height:84px; background:#ca0636; line-height: 84px; color:#fff;font-size:28px; 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 28px; padding-left:38px; position: relative; z-index: +1;}
main #inquiry .txt{width:50%; float:right; text-align: center;}
main #inquiry .txt p.tel{font-size:38px; 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 34px; padding-left:68px; position: relative; z-index: +1;}
main #inquiry .txt p{font-size:18px; letter-spacing: 0.05em; line-height: 1.7; color:#666666;}

@media screen and (max-width: 1000px) {
  main #inquiry h2{font-size:32px;}
  main #inquiry .btn{float:none;width:480px; margin: 0 auto 5% auto;}
  main #inquiry .btn a{width:480px; margin: 0 auto;}
  main #inquiry .txt{width:100%; float:none; text-align: center; margin-bottom:8%;}
}
@media screen and (max-width: 900px) {
  main #inquiry h2{font-size:28px;}

}
@media screen and (max-width: 800px) {
  main #inquiry h2{font-size:24px;}

}