﻿.systemBase h2{font-family:"小塚ゴシック Pro","Kozuka Gothic Pro",sans-serif}.systemBase h2 .subTtl{color:black;display:inline-block;font-size:2.8rem;letter-spacing:.05em;line-height:0.7;font-weight:600}@media screen and (max-width: 767px){.systemBase h2 .subTtl{font-size:2.0rem}}.systemBase h2 .subTtl::after{background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;display:block;content:"";height:3px;width:auto}.systemBase h2 .ruby{color:#333;display:block;font-size:1rem;letter-spacing:.05em;padding:3px 0 0;font-weight:500}@media screen and (max-width: 767px){.systemBase h2 .ruby{font-size:0.9rem}}.systemBase h3{background-color:black;color:white;font-size:1.8rem;margin:0 auto 30px;padding:10px 0;text-align:center;width:100%}@media screen and (max-width: 767px){.systemBase h3{font-size:1.4rem}}.sysImage{max-width:860px;margin:0 auto;width:100%}@media screen and (max-width: 767px){.sysImage{width:94%}}.sysImage img{height:auto;max-width:100%}.terms{line-height:1.4;font-size:16px;margin:0 auto;width:94%}@media screen and (max-width: 480px){.terms{font-size:14px}}.terms li{line-height:1.8}.attListArea{line-height:1.4;font-size:16px;margin:0 auto;width:100%}@media screen and (max-width: 480px){.attListArea{font-size:14px}}.attListArea li{line-height:1.4;padding:0 0 10px}.attListArea li:last-of-type{padding:0}.sysWrap{height:auto;width:100%}.sysWrap::before{background:url("../img/heart-bg2.jpg") left top repeat;background-size:100%;content:"";display:block;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:-1}.sysSysMain{max-width:860px;margin:0 auto;width:100%}@media screen and (max-width: 767px){.sysSysMain{width:94%}}.sysSysMain h3{background-color:transparent;margin:0 auto;text-align:left;width:100%}.sysSubTxt{background-color:none;width:100%}.sysSubTxt span{color:#FF1D72;display:inline-block;font-family:"Noto Serif JP",serif;font-size:clamp(1.25rem, 0.966rem + 1.21vw, 1.875rem);font-weight:700}.sysSubTxt span.long{font-size:clamp(1.125rem, 0.836rem + 1.05vw, 1.875rem)}.sysMainTxt{display:block;font-size:clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem);margin:0 auto 20px;width:100%}.sysMainTxt span{display:block}.sysUnderTxt{display:block;font-size:clamp(0.875rem, 0.847rem + 0.12vw, 0.938rem);margin:0 auto 30px;max-width:860px;padding:15px 0;width:100%}@media screen and (max-width: 767px){.sysUnderTxt{margin:0 auto 0;width:94%}}.sysUnderTxt span{display:block;color:red}.traficArea{max-width:860px;margin:0 auto 30px;list-style-type:none;padding:15px 0;width:100%}@media screen and (max-width: 767px){.traficArea{margin:0 auto 20px;width:94%}}.traficArea li{background-color:rgba(255,255,255,0.7);border:1px #ddd solid;margin:0 auto 20px;width:100%}.traficArea li:last-of-type{margin:0 auto}.traficArea li h4{background-color:#ee87b4;color:white;font-size:clamp(1.375rem, 1.261rem + 0.48vw, 1.625rem);padding:15px 0;text-align:center}.traficArea li .traficInner{padding:20px;font-size:clamp(0.938rem, 0.852rem + 0.36vw, 1.125rem);text-align:left}.sysTable{background-color:rgba(255,255,255,0.8);border:1px #ddd solid;max-width:860px;margin:0 auto;width:100%}@media screen and (max-width: 767px){.sysTable{width:94%}}.sysTable .csHd,.sysTable .cgHd,.sysTable .csHdOp,.sysTable .cgHdOp,.sysTable .csHdCc,.sysTable .cgHdCc{background-color:#ee87b4;border-right:1px #ddd solid;border-bottom:1px #ddd solid;color:white;font-size:clamp(1.375rem, 1.261rem + 0.48vw, 1.625rem);padding:6px 0;text-align:center}@media screen and (max-width: 767px){.sysTable .csHd,.sysTable .cgHd,.sysTable .csHdOp,.sysTable .cgHdOp,.sysTable .csHdCc,.sysTable .cgHdCc{padding:3px 0}}.sysTable .csHd{width:50%}.sysTable .cgHd{width:50%}.sysTable .csHdOp{width:50%}@media screen and (max-width: 767px){.sysTable .csHdOp{width:60%}}.sysTable .cgHdOp{width:50%}@media screen and (max-width: 767px){.sysTable .cgHdOp{width:40%}}.sysTable .csHdCc{font-size:clamp(1.125rem, 0.836rem + 1.05vw, 1.625rem);width:50%}@media screen and (max-width: 767px){.sysTable .csHdCc{padding:6px 0;width:50%}}.sysTable .cgHdCc{font-size:clamp(1.125rem, 0.836rem + 1.05vw, 1.625rem);width:50%}@media screen and (max-width: 767px){.sysTable .cgHdCc{padding:6px 0;width:50%}}.sysTable .cs,.sysTable .cg{border-right:1px #ddd solid;border-bottom:1px #ddd solid;padding:20px 0;text-align:center}.sysTable .cs{font-family:"Noto Serif JP",serif;font-size:clamp(1rem, 0.886rem + 0.48vw, 1.25rem)}.sysTable .cs span{display:inline-block;font-size:clamp(1.5rem, 1.33rem + 0.73vw, 1.875rem);font-weight:700}.sysTable .cs span.csOther{color:#666;display:block;font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Yu Gothic UI","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","ヒラギノ角ゴシック",Meiryo,sans-serif;font-size:clamp(0.688rem, 0.545rem + 0.61vw, 1rem);font-weight:500}.sysTable .cs span.csOption{font-size:clamp(1rem, 0.716rem + 1.21vw, 1.625rem)}.sysTable .cg{font-size:clamp(1rem, 0.886rem + 0.48vw, 1.25rem)}.sysTable .cg span{color:#ff488e;font-family:"Noto Serif JP",serif;font-size:clamp(1.5rem, 1.33rem + 0.73vw, 1.875rem);font-weight:700}.sysTable .cg span span{display:inline-block}.sysTable .cg span.csOther{color:#666;display:block;font-family:"Noto Serif JP",serif;font-size:clamp(1.5rem, 1.273rem + 0.97vw, 2rem);font-weight:700;line-height:1.2;margin:0 auto;position:relative;z-index:0}.sysTable .cg span.csOther::after{background-color:#FF488E;content:"";height:2px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:120px;transform:rotate(10deg);z-index:10}@media screen and (max-width: 767px){.sysTable .cg span.csOther::after{width:100px}}@media screen and (max-width: 480px){.sysTable .cg span.csOther::after{height:1.5px;width:90px}}.sysTable .cg span.csOther::before{background-color:#FF488E;content:"";height:2px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:120px;transform:rotate(-10deg);z-index:10}@media screen and (max-width: 767px){.sysTable .cg span.csOther::before{width:100px}}@media screen and (max-width: 480px){.sysTable .cg span.csOther::before{height:1.5px;width:90px}}.sysTable .cg span.csOther .csInner{font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Yu Gothic UI","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","ヒラギノ角ゴシック",Meiryo,sans-serif;font-weight:500;color:#666;font-size:clamp(0.875rem, 0.705rem + 0.73vw, 1.25rem)}.sysTable .cg span.csOther2{color:#222;display:block;font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Yu Gothic UI","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","ヒラギノ角ゴシック",Meiryo,sans-serif;font-size:13px;font-weight:500}.attSub{font-size:clamp(1rem, 0.928rem + 0.26vw, 1.125rem);font-weight:700}.attSub2{color:red;font-size:clamp(0.875rem, 0.803rem + 0.26vw, 1rem);font-weight:600;text-align:left}.attTxt{color:#111;font-size:clamp(0.875rem, 0.803rem + 0.26vw, 1rem);font-weight:400;text-align:left}.attTxt p{margin:0 auto 8px}
