*{ letter-spacing: -0.05em; color: #333;}
.container {  margin: 0 auto; position: relative; z-index: 5; padding: 0 16px;}
.sec{padding: 50px 0; text-align: center;}

.title_wrap{margin: 0 0 30px;}
.title_wrap h2{font-size: 26px; line-height: 26px; font-weight: 700; color: #333;}
.title_wrap span{display: block;font-size: 14px; line-height: 14px; color: #7AA3BB; margin: 0 0 5px; letter-spacing: 0.05em;}

.tab{ display: flex; border: 1px solid #7A9FBA; margin: 0 0 30px;}
.tab li{flex-grow: 1; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 14px; cursor: pointer;}
.tab li:not(:last-child){border-right: 1px solid #7A9FBA;}
.tab li.active{background: #7A9FBA; color: #fff;}


.caution{padding: 0 20px;}
.caution .list{text-align: left;}
.caution .list:not(:first-child){margin: 30px 0 0 0;}
.caution strong{font-size: 24px; line-height: 24px; font-weight: 700; color: #333; height: 120px; padding: 13px 16px; display: flex; align-items: flex-end; background: url(/theme/sisun_v1/img/v1/12/view_08/m_before_01.png)no-repeat center; background-size: cover;}
.js_before .caution .list:nth-child(1) strong{font-size: 24px; line-height: 24px; font-weight: 700; color: #333; height: 120px; padding: 13px 16px; display: flex; align-items: flex-end; background: url(/theme/sisun_v1/img/v1/12/view_08/m_before_01.png)no-repeat center; background-size: cover;}

.js_before .caution .list:nth-child(2) strong{background: url(/theme/sisun_v1/img/v1/12/view_08/m_before_02.png)no-repeat center; background-size: cover;}
.js_before .caution .list:nth-child(3) strong{background: url(/theme/sisun_v1/img/v1/12/view_08/m_before_03.png)no-repeat center; background-size: cover;}
.js_before .caution .list:nth-child(4) strong{background: url(/theme/sisun_v1/img/v1/12/view_08/m_before_04.png)no-repeat center; background-size: cover;}
.js_before .caution .list:nth-child(5) strong{background: url(/theme/sisun_v1/img/v1/12/view_08/m_before_05.png)no-repeat center; background-size: cover;}
.js_before .caution .list:nth-child(6) strong{background: url(/theme/sisun_v1/img/v1/12/view_08/m_before_06.png)no-repeat center; background-size: cover;}
.js_after .caution .list:nth-child(1) strong{background: url(/theme/sisun_v1/img/v1/12/view_08/m_after_01.png)no-repeat center; background-size: cover;}
.js_after .caution .list:nth-child(2) strong{background: url(/theme/sisun_v1/img/v1/12/view_08/m_after_02.png)no-repeat center; background-size: cover;}
.js_after .caution .list:nth-child(3) strong{background: url(/theme/sisun_v1/img/v1/12/view_08/m_after_03.png)no-repeat center; background-size: cover;}
.js_after .caution .list:nth-child(4) strong{background: url(/theme/sisun_v1/img/v1/12/view_08/m_after_04.png)no-repeat center; background-size: cover;}
.js_after .caution .list:nth-child(5) strong{background: url(/theme/sisun_v1/img/v1/12/view_08/m_after_05.png)no-repeat center; background-size: cover;}
.js_after .caution .list:nth-child(6) strong{background: url(/theme/sisun_v1/img/v1/12/view_08/m_after_06.png)no-repeat center; background-size: cover;}
.js_after .caution .list:nth-child(7) strong{background: url(/theme/sisun_v1/img/v1/12/view_08/m_after_07.png)no-repeat center; background-size: cover;}
.js_after .caution .list:nth-child(8) strong{background: url(/theme/sisun_v1/img/v1/12/view_08/m_after_08.png)no-repeat center; background-size: cover;}

.caution ul{background: #F1F2F4; padding: 16px;}
.caution ul li{font-size: 12px; line-height: 17px; text-indent: -11px; padding: 0 0 0 11px; word-break: keep-all;}
.caution ul li:not(:first-child){margin: 10px 0 0 0;}
.caution ul li:before{content: ''; display: inline-block; width: 6px; height: 6px; margin: 5px 5px 0 0; background: #333; border-radius: 100%; vertical-align: top;}

.manage{border-top: 1px solid #aaa; margin: 30px 0 0 0; padding: 30px 0 0 0;}
.manage u{text-decoration: none; position: relative;}
.manage u:after{content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #333;}
.manage .tab li{font-size: 12px; line-height: 16px;}
.manage .contents{display: inline-block; padding: 0 20px;}
.manage p{font-size: 14px; line-height: 20px; margin: 0 0 30px;}
.manage > img{margin: 0 0 30px; padding: 0 20px;} 
.manage iframe{margin: 0 0 30px; width: 100%; height: 49vw;}
.manage ol{ background: #F1F2F4; padding: 16px; text-align: left;}
.manage ol li{font-size: 12px; line-height: 17px; text-indent: -16px; padding: 0 0 0 16px; word-break: keep-all;}
.manage ol li:not(:first-child){margin: 10px 0 0 0;}
.manage ol li.title{font-size: 20px; line-height: 20px; font-weight: bold; text-align: center; padding: 0 0 3px;}

.scar{border-top: 1px solid #aaa; margin: 30px 0 0 0; padding: 30px 0 0 0;}
.scar h6{font-size: 22px; line-height: 22px; margin: 0 0 30px;}
.scar dl{margin: 30px 0 0 0;}
.scar dt{font-size: 20px; line-height: 20px; font-weight: bold;}
.scar dd{font-size: 14px; line-height: 20px; margin: 30px 0 0 0;}
.scar ol{margin: 30px 0 0 0;}


@media(max-width:370px){
.manage .contents{display: inline-block; padding: 0;}
}

@media(max-width:360px){
.tab li{font-size: 12px;}
}

@media(max-width:340px){
.container {padding: 0 10px;}
}