@charset "UTF-8";
/* CSS Document */
.layout_body {max-width:inherit !important;}
#items_function {width:calc(100% + 40px);left:-20px;position:relative;}

/*reset*/
body {margin:0;}
#items_function li {list-style:none;}
#items_function p,
#items_function h2,
#items_function h3 {margin:0;}
#items_function ul,
#items_function ol {padding:0;}

#items_function {font-size:16px;font-weight:normal;line-height:2;}
#items_function .inner {max-width:1040px;padding:0 20px;margin:0 auto;}
#items_function img {display:block;width:100%;}

#items_function .ttl,
#items_function .ttl_t,
#items_function .ttl_b {line-height:1.8;color:#144960;font-weight:400;}
#items_function .ttl {font-size:26px;}
#items_function .ttl_t {font-size:18px;}
#items_function .ttl_b {font-size:32px;}
#items_function .inner > h2 {margin-bottom:200px;}
#items_function .inner > h2 span {display:block;}
#items_function .inner > h2 .ttl,
#items_function .inner > h2 .ttl_b {font-family:"Yu Mincho", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", sans-serif;font-weight:400;}
#items_function .txt {font-size:24px;line-height:1.8;color:#144960;margin-bottom:30px;}
#items_function .tc {text-align:center;}

#items_function br.pc {display:block;}
#items_function br.sp {display:none;}

#items_function section {background-size:100% auto;padding:10.7vw 0 100px;}

#asb,#asm,#ssa,#ssb {background:
    linear-gradient(to bottom, #ffffffDD, transparent 30%),
    url("https://activesleep.jp/assets/images/ec/asb_bg01_r.jpg") no-repeat left top;}
/*#asm {background: linear-gradient(to bottom, #eeeeeeDD, transparent 30%);} url("https://activesleep.itembox.design/item/pattern/img/asm_bg.png") no-repeat left top;*/
/*#ssa {background: linear-gradient(to bottom, #eeeeeeDD, transparent 30%);} url("https://activesleep.itembox.design/item/pattern/img/ssa_bg.png") no-repeat left top;*/
/*#ssb {background: linear-gradient(to bottom, #eeeeeeDD, transparent 30%);} url("https://activesleep.itembox.design/item/pattern/img/ssb_bg.png") no-repeat left top;*/
#app {background:url("https://activesleep.itembox.design/item/pattern/img/app_bg.png") no-repeat left top;}


#asb .position {width:73%;display:flex;justify-content:space-between;margin:0 auto;}
#asb .position {margin-bottom:120px;}
#asb .position li {width:calc(20% - 16px);}
#asb .position li img {margin-bottom:20px;}
#asb .position li div {line-height:1.5em;color:#144960;text-align:center;}

#asb .inner > .image {width:38.57vw;margin:20px auto 35px;}

#asb .auto {width:80%;display:flex;justify-content:space-between;margin:0 auto;}
#asb .auto li {width:calc(50% - 15px);}
#asb .auto li .image {margin-bottom:30px;}

.link_btn {max-width:400px;margin:80px auto 0;}
.link_btn a {display:block;font-size:16px;line-height:1;text-align:center;letter-spacing:.025em;padding:16px 0 18px;border:1px solid #144960;background:#144960;color:#fff;position:relative;border-radius:5px;text-decoration:none;}
.link_btn a:after {content: '';position: absolute;top: 0;bottom: 0;right: 20px;display: inline-block;margin-top: auto;margin-bottom: auto;width: 9px;height: 9px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .4s;transition: all .4s;}

.items,
.function {display:flex;justify-content:space-between;}
.items {align-items:center;margin-bottom:130px;}
.items .text {width:50%;}
.items .image {width:45%;}
#items_function .items .ttl {margin-bottom:30px;}

.function > div {width:45%;}
#items_function .function p {font-size:14px;margin-bottom:30px;}
#items_function .function .ttl {font-size:24px;text-align:center;margin-bottom:30px;}

#asm .inner > h2 .ttl,
#asm .inner > h2 .ttl_b,
#ssb .inner > h2 .ttl,
#ssb .inner > h2 .ttl_b,
#app .inner > h2 .ttl,
#app .inner > h2 .ttl_b {text-align:right;}

#ssa .inner > h2 .ttl,
#ssa .inner > h2 .ttl_b {text-align:center;color:#144960;}
#ssa .function > div:nth-of-type(2) .image {width:62.22%;margin:0 auto;}

#spec1 .asb_sec_list_item {border-top: 1px solid #e6e6e6;}
#spec1 .asb_sec_list_item:first-of-type {border:none;}
#spec1 .spec {display:flex;align-items:center;padding:16px 10px;}
#spec1 .spec_ttl {width:auto;min-width:8em;margin-right:50px;font-size:14px;font-weight: bold;text-align: center;}
#spec1 .spec_txt {font-size:14px;line-height:1.6;letter-spacing:.01em;}
#spec1 .notation {font-size:12px;line-height:1.6;margin-top:10px;}

@media screen and (max-width:768px){
    #items_function {width:calc(100% + 5.33334vw);left:-2.66667vw;}
    .link_btn {margin:0 auto;}
    
    #items_function br.pc {display:none;}
    #items_function br.sp {display:block;}
    
    #items_function {font-size:3.2vw;}
    #items_function .ttl {font-size:5.33333vw;}
    #items_function .ttl_t {font-size:18px;}
    #items_function .ttl_b {font-size:6.13333vw;}
    #items_function .txt {font-size:4.8vw;}
    
    #items_function section {padding:32.7vw 0 100px;}
    #items_function .inner > h2 {margin-bottom:100px;}
    
    #asb .position {width:100%;flex-wrap:wrap;justify-content: center;}
    #asb .position li {width:calc(33.33% - 10px);padding:0 5px 10px;}
    #asb .link_btn {margin:80px auto 0;}
    
    #asb .inner > .image,
    #asb .auto {width:100%;}
    
    #ssa .inner > h2 .ttl,
    #ssa .inner > h2 .ttl_b {color:#144960;}
    
    .items,
    .function {display:block;}
    .items .text,
    .items .image,
    .function > div {width:100%;}
    .function > div {margin-bottom:50px;}
    .items .text {margin-bottom:20px;}
    
    #spec1 .spec_ttl {margin-right:0;text-align:left;}
    #spec1 .spec_txt {margin-left:0;}
    #spec1 .spec {display:block;}
}