@charset "UTF-8";
/* COMMON STYLE */
.sa-baitoru a:hover { opacity: 0.8}
.sa-baitoru h2 { margin-bottom: 30px; line-height: 1.5}
.sa-baitoru h2 span { color: #c70f0f}
.sa-baitoru h2 span span { font-size: 20px}
.sa-baitoru h3 {  margin-bottom: 30px; font-size: 18px; text-align: center}
.sa-baitoru sup { font-size: 10px; vertical-align: super}
.sa-baitoru sub { font-size: 10px}
@media only screen and (max-width: 767px) {
  .sa-baitoru h2 { font-size: 18px!important}
}
@media print, (min-width: 768px) { 
  .sa-baitoru h2 { margin-bottom: 40px; font-size: 30px}
  .sa-baitoru h2 span span { font-size: 40px}
  .sa-baitoru h3 { font-size: 26px}
}
/* .mv */
.sa-baitoru h1 { font-size: 15px; font-weight: 500; line-height: 1.5}
.sa-baitoru .mv { color: #fff; background: linear-gradient(to bottom,  #b9221f 50%,#d82d2a 100%)}
.sa-baitoru .mv .box-left, .sa-baitoru .mv .box-right { width: 100%}
.sa-baitoru .mv .box-left .pr { margin: 30px 0 -30px 0.6em!important; font-size: 12px; font-weight: 500}
.sa-baitoru .mv .box-left .baitoru-logo { width: 58%}
.sa-baitoru .mv .box-left .badge { width: 34%; margin-left: 6%}
.sa-baitoru .mv .notes { margin: 30px 0 0!important; font-size: 10px!important}
@media only screen and (max-width: 767px) {
  .sa-baitoru h1 { margin-top: 20px; text-align: center}
  .sa-baitoru .mv .box-right { text-align: center}
  .sa-baitoru .mv .box-right img { width: 85%}
}
@media print, (min-width: 768px) { 
  .sa-baitoru .mv .contents-inr { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap}
  .sa-baitoru .mv .box-left { width: 54%}
  .sa-baitoru .mv .box-left .pr { margin: 35px 0 -50px 0.6em!important; font-size: 14px}
  .sa-baitoru .mv .box-left .baitoru-logo { width: 300px}
  .sa-baitoru .mv .box-left .badge { width: 150px}
  .sa-baitoru .mv .notes { margin: 30px 0 80px!important}
  .sa-baitoru .mv .box-right { width: 46%; max-width: 455px; margin-top: 30px}
}
/* .sec-motive .anchor-link */
.sec-motive .box-outline { display: flex; justify-content: space-between; flex-wrap: wrap}
.sec-motive .box-text p { margin-bottom: 10px!important}
.sa-baitoru .ul-motive { display: flex; justify-content: space-between; margin: 20px 0 10px!important}
.sa-baitoru .ul-motive li { position: relative; width: 32%; padding: 10px; color: #c70f0f; font-size: 16px; text-align: center; line-height: 1.3; border: 2px solid #c70f0f}
.sa-baitoru .ul-motive li sub { position: absolute; right: 5px; bottom: 5px}
.sa-baitoru .notes li { line-height: 1.8}
.sec-motive .box-mark { margin: 30px auto 0; font-size: 14px}
.sec-motive .box-mark figure { width: 70%}
.sa-baitoru .anchor-link { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px!important}
.sa-baitoru .anchor-link li { width: 49%}
.sa-baitoru .anchor-link li a { position: relative; display: flex; justify-content: center; align-items: center; height: 45px; padding-right: 10px; color: #fff; font-size: 14px; background: #2e384c; border-radius: 4px}
.sa-baitoru .anchor-link li a:hover .arrow-down::before { background: #c70f0f; border: none}
.sa-baitoru .arrow-down::before {  content: "";  position: absolute;  margin: auto;  top: 0;  bottom: 0;  right: 5px;  width: 20px;  height: 20px;  border: 1px solid #fff;  border-radius: 50%}
.sa-baitoru .arrow-down::after {  content: "";  position: absolute;  margin: auto;  top: -4px;  bottom: 0;  right: 11px;  width: 8px;  height: 8px;  border: 2px solid;  border-color:  transparent transparent #fff #fff;  transform: rotate(-45deg)}
@media only screen and (max-width: 767px) {
  .sa-baitoru .sec-motive .box-text { margin-top: 30px}
  .sec-motive .box-mark figure { margin: 30px auto 10px}
  .sa-baitoru .anchor-link li:nth-child(n + 3) { margin-top: 6px}
}
@media print, (min-width: 768px) { 
  .sa-baitoru .sec-motive .video-wrap { width: 49%; max-width: 475px; margin: 0}
  .sa-baitoru .sec-motive .box-text { width: 48%; font-size: 14px}
  .sec-motive .box-mark { display: flex; justify-content: space-between; align-items: center; margin-top: 30px}
  .sec-motive .box-mark figure { width: 42%; margin: 0}
  .sec-motive .box-mark p { width: 55%; font-size: 13px}
  .sa-baitoru .anchor-link li { width: 24.5%}
  .sa-baitoru .anchor-link li a { font-size: 18px}
  .sa-baitoru .anchor-link li a:hover { opacity: 1}
  .sa-baitoru .arrow-down::before { right: 10px;  width: 30px;  height: 30px}
  .sa-baitoru .arrow-down::after { right: 20px;  width: 10px;  height: 10px}
}
/* .material-area */
.sa-baitoru .material-area { padding: 26px 0; color: #fff; background: linear-gradient(to bottom,  #b9221f 50%,#d82d2a 100%)}
.sa-baitoru .material-area .contents-inr { display: flex; justify-content: center; align-items: center; flex-direction: row-reverse; flex-wrap: wrap}
.sa-baitoru .material-area .box-left .text { width: fit-content; margin: auto; font-size: 18px; text-align: left!important; line-height: 1.2}
.sa-baitoru .material-area .box-left big { position: relative; margin-right: 10px; font-size: 30px; font-weight: bold; font-style: italic}
.sa-baitoru .material-area .box-left big::after { position: absolute; top: 0; right: -20px; content: ""; width: 20px; height: 20px; background: url(../img/common/img-material-text-top.png) no-repeat top right/15px auto}
.sa-baitoru .material-area .box-left small { margin-right: 10px; font-size: 18px}
.sa-baitoru .material-area a { position: relative; display: flex; justify-content: center; align-items: center; width: 300px; height: 50px; margin: 20px auto 0; color: #c70f0f; font-size: 18px; font-weight: 500; background: #fff; border-radius: 50px}
.sa-baitoru .material-area .text-right { margin: 10px 0 20px!important; font-size: 12px; text-align: center}
.sa-baitoru .arrow-right::after {  content: "";  position: absolute;  margin: auto;  top: 0;  bottom: 0;  right: 20px;  width: 15px;  height: 15px;  border: 4px solid;  border-color:  #c70f0f #c70f0f transparent transparent;  transform: rotate(45deg)}
@media print, (min-width: 768px) { 
  .sa-baitoru .material-area .box-left { width: 40%; text-align: center}
  .sa-baitoru .material-area .box-left .text { font-size: 24px}
  .sa-baitoru .material-area .box-left big { font-size: 44px}
  .sa-baitoru .material-area .box-left big::after { background-size: 20px auto}
  .sa-baitoru .material-area .box-left small { font-size: 22px}
  .sa-baitoru .material-area .box-right { width: 45.5%; max-width: 451px}
  .sa-baitoru .material-area .text-right { margin: 10px 0 0!important; text-align: right}
}
/* .sec-worries */
.sa-baitoru .sec-worries { margin-bottom: -40px; background: #eee}
.sa-baitoru .sec-worries ul { display: flex; justify-content: space-between; flex-wrap: wrap}
.sa-baitoru .sec-worries ul li { width: 48%; font-size: 11px; background: #fff}
.sa-baitoru .sec-worries ul li a { position: relative; display: flex; align-items: center; flex-direction: column; min-height: 90px; padding: 2em 0 0; color: #c70f0f; line-height: 1.3; text-align: center; border: 1.5px solid #c70f0f; border-radius: 6px}
.sa-baitoru .sec-worries ul li:first-child a, .sec-worries ul li:last-child a { padding-top: 1em}
.sa-baitoru .sec-worries ul li figure { position: absolute; bottom: 0; display: flex; justify-content: center; align-items: center}
.sa-baitoru .sec-worries ul li figure:after { content: "01へ↓"; font-size: 11px}
.sa-baitoru .sec-worries ul li:nth-child(2) figure:after { content: "02へ↓"}
.sa-baitoru .sec-worries ul li:nth-child(3) figure:after { content: "03へ↓"}
.sa-baitoru .sec-worries ul li:nth-child(4) figure:after { content: "04へ↓"}
.sa-baitoru .sec-worries ul li figure img { width: 40px}
.sa-baitoru .sec-worries ul li a:hover { color: #fff; background: linear-gradient(to bottom,  #b9221f 50%,#d82d2a 100%); opacity: 1}
@media only screen and (max-width: 767px) {
  .sec-worries ul li:nth-child(n + 3) { margin-top: 10px}
}
@media print, (min-width: 768px) { 
  .sa-baitoru .sec-worries { margin-bottom: -80px}
  .sa-baitoru .sec-worries ul li { width: 24%; font-size: 18px}
  .sa-baitoru .sec-worries ul li:first-child { font-size: 16px}
  .sa-baitoru .sec-worries ul li:last-child { font-size: 14px}
  .sa-baitoru .sec-worries ul li a { min-height: 100px; padding: 1.2em 0 0}
  .sa-baitoru .sec-worries ul li figure:after { content: "01へ↓"; font-size: 16px}
}
/* .sec-strength */
.sa-baitoru .sec-strength { background: #eee}
.sa-baitoru .sec-strength .box-outline { display: flex; justify-content: space-between; flex-wrap: wrap}
.sa-baitoru .sec-strength .box-outline:nth-of-type(n + 2) { margin-top: 50px}
.sa-baitoru .sec-strength sub { font-size: 10px}
.sa-baitoru .sec-strength .video-mp4 video { width: 100%}
.sa-baitoru .sec-strength .box-text h3 { text-align: left!important}
.sa-baitoru .sec-strength .box-text p { margin-bottom: 20px!important} 
.sa-baitoru .sec-strength .box-text .ttl { display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: 20px!important; font-size: 18px; font-weight: 500}
.sa-baitoru .sec-strength .box-text .ttl .text { width: calc(100% - 45px)}
.sa-baitoru .sec-strength .box-text .ttl .marker { background:linear-gradient(transparent 70%, #fff386 70%)}
.sa-baitoru .sec-strength .ic-number { width: 45px; height: 45px; line-height: 45px; margin-right: 10px; color: #fff; text-align: center; font-weight: bold; background: #c70f0f}
@media only screen and (max-width: 767px) {
  .sa-baitoru .sec-strength .box-text { margin-top: 20px}
}
@media print, (min-width: 768px) { 
  .sa-baitoru .sec-strength .box-outline:nth-of-type(n + 2) { margin-top: 70px}
  .sa-baitoru .sec-strength .box-outline.reverse { flex-direction: row-reverse}
  .sa-baitoru .sec-strength .box-image { width: 48%}
  .sa-baitoru .sec-strength .video-wrap { max-width: 475px; margin-right: 0}
  .sa-baitoru .sec-strength .video-mp4 video { max-width: 475px; }
  .sa-baitoru .sec-strength .box-text { width: 48%}
  .sa-baitoru .sec-strength .box-text .ttl { margin-bottom: 10px!important; font-size: 23px}
}
/* .sec-comparison */
.sec-comparison table { font-size: 12px; text-align: center}
.sec-comparison table th { width: 16.666%; padding: 15px 0; color: #fff; font-size: 12px; vertical-align: middle; background: #666; border: 2px #fff solid}
.sec-comparison table th img { width: 80%}
.sec-comparison table td { vertical-align: middle; font-weight: bold; background: #fff; border: 2px #fff solid}
.sec-comparison table th:first-of-type { color: #333; background: #d9d9d9}
.sec-comparison table td p { display: flex; justify-content: center; align-items: center; flex-flow: column; min-height: 210px; padding: 5px 0; border: 1px solid #999}
.sec-comparison table td span { display: block; font-size: 12px}
.bg-none { background: none!important}
.b-t-l-radius { border-top-left-radius: 8px}
.b-b-l-radius { border-bottom-left-radius: 8px}
.b-t-r-radius { border-top-right-radius: 8px}
.b-b-r-radius { border-bottom-right-radius: 8px}
.border-pink { background: #f4cfcf; border: 1px solid #f4cfcf!important}
.bg-c-pink { color: #fff; background: #c70f0f!important}
@media print, (min-width: 768px) { 
  .sec-comparison table { font-size: 18px}
  .sec-comparison table th { font-size: 14px; border-width: 4px}
  .sec-comparison table th img { width: 40%}
  .sec-comparison table td { border-width: 4px}
  .sec-comparison table td p { padding: 0 10px; min-height: 100px}
}
/* .sec-function */
.sec-function { background: #eee}
.sec-function ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px!important}
.sec-function ul li { padding: 20px 20px 0; background: #fff; border-radius: 6px}
.sec-function ul .ttl { margin-bottom: 30px!important;  font-size: 18px; font-weight: bold; text-align: center}
.sec-function ul li figure { width: 50%; margin: 30px auto 0}
@media only screen and (max-width: 767px) {
  .sec-function ul li:nth-child(n + 2) { margin-top: 20px}
}
@media print, (min-width: 768px) { 
  .sec-function .sub-text { text-align: center}
  .sec-function ul { margin-top: 50px!important}
  .sec-function ul li { width: 32%; padding: 30px 20px 0; font-size: 14px}
  .sec-function ul li .text { min-height: 11em}
   .sec-function ul li figure { width: 100%; margin: 0}
}

/* .sec-plans */
.sa-baitoru input[type="radio"] { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none}
.sa-baitoru input[name="tab_item"] { display: none}
.sa-baitoru .tabs { display: flex; justify-content: space-between; flex-wrap: wrap}
.sa-baitoru .tabs label { display: block; width: 49%; height: 50px; line-height: 50px; color: #999; text-align: center; font-weight: bold; background: #d9d9d9; transition: all 0.2s ease}
.sa-baitoru .tabs label:hover { cursor: pointer}
.sa-baitoru .tabs input:checked + label { background: #5ab4bd; color: #fff}
.sa-baitoru .tabs label:hover { opacity: 0.7}
.sa-baitoru .tabs .tab_content { width: 100%; display: none; padding-top: 40px}
#kanto:checked ~ #kanto_content,
#kansai:checked ~ #kansai_content,
#tokai:checked ~ #tokai_content, #othrer:checked ~ #othrer_content  { display: block}
@media only screen and (max-width: 767px) {
  .sa-baitoru .tabs label { font-size: 12px}
  .sa-baitoru .tabs label:nth-of-type(n + 3) { margin-top: 10px}
}
@media print, (min-width: 768px) { 
  .sa-baitoru .tabs label { width: 24.5%}
}
.sa-baitoru .tabs .tab_content .tab_content_between { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px}
.sa-baitoru .tabs .tab_content dl { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 84%; font-weight: bold}
.sa-baitoru .tabs .tab_content dt, .sa-baitoru .tabs .tab_content dd { display: flex; align-items: center; height: 50px; margin-bottom: 10px}
.sa-baitoru .tabs .tab_content dt:last-of-type, .baitoru .tabs .tab_content dd:last-of-type { margin-bottom: 0}
.sa-baitoru .tabs .tab_content dt { width: 40%; padding: 0 10px; color: #fff; background: #ff8080}
.sa-baitoru .tabs .tab_content dt:first-child { font-size: 2.2vw}
.sa-baitoru .tabs .tab_content dd { justify-content: center; width: 60%; font-size: 3.3vw; background: #fff3f3; border: 2px solid #ff8080}
.sa-baitoru .tabs .tab_content dd:after { content: "/1週間あたり"; margin-left: 3px; font-size: 12px; font-weight: normal} 
.sa-baitoru .tabs .tab_content dt:nth-of-type(2) { background: #f49144}
.sa-baitoru .tabs .tab_content dd:nth-of-type(2) { background: #fef4ed; border-color: #f49144}
.sa-baitoru .tabs .tab_content dt:nth-of-type(3) { background: #e6b40e}
.sa-baitoru .tabs .tab_content dd:nth-of-type(3) { background:  #fdf8e7; border-color: #e6b40e}
.sa-baitoru .tabs .tab_content dt:nth-of-type(4) { background: #92cc73}
.sa-baitoru .tabs .tab_content dd:nth-of-type(4) { background: #f4faf1; border-color: #92cc73}
.sa-baitoru .tabs .tab_content dt:nth-of-type(5) { background: #659ac4}
.sa-baitoru .tabs .tab_content dd:nth-of-type(5) { background: #f0f5f9; border-color: #659ac4}
.sa-baitoru .tabs .tab_content dt:nth-of-type(6) { background: #838383}
.sa-baitoru .tabs .tab_content dd:nth-of-type(6) { margin-bottom: 0; background: #f3f3f3; border-color: #838383}
.sa-baitoru .tab-outline { display: flex; justify-content: space-between}
.sa-baitoru .gradation { position: relative; margin-right: 11px; writing-mode: vertical-rl; text-align: center}
.sa-baitoru .gradation .inr { display: flex; justify-content: space-between; align-items: center; width: 20px; height: calc(100% - 20px); margin-top: 20px; padding: 5% 0; font-size: 18px;background: linear-gradient(to bottom,  #ffbfbf 0%,#f9c8a1 20%,#f2d986 40%,#c8e5b9 60%,#b2cce1 80%,#c1c1c1 100%)}
.sa-baitoru .gradation:before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); content:""; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fec0bc}
.sa-baitoru .tabs .tab_content ul { margin-top: 20px; font-size: 14px; line-height: 1.8}
.sa-baitoru .tabs .tab_content li { margin-left: 1.3em}
.sa-baitoru .tabs .tab_content li span { font-weight: bold}
.sa-baitoru .tabs .tab_content li:before { content: "■ "; margin-right: 3px; margin-left: -1.3em; color: #5ab4bd; font-size: 12px}
@media only screen and (max-width: 820px) {
  .sa-baitoru .tabs .tab_content dd { font-size: 16px}
  .sa-baitoru .tabs .tab_content ul.sp-only { margin: 20px 0 40px!important}
}
@media only screen and (max-width: 384px) {
  .sa-baitoru .tabs .tab_content dd { font-size: 12px}
}
@media print, (min-width: 768px) { 
  .sa-baitoru .tab-outline { width: calc(100% - 55%)}
  .sa-baitoru .tabs .tab_content dt { font-size: 15px}
  .sa-baitoru .tabs .tab_content dt:first-child { font-size: 12px}
  .sa-baitoru .gradation .inr { width: 30px; height: calc(100% - 30px); margin-top: 26px}
  .sa-baitoru .gradation:before { border-left: 26px solid transparent; border-right: 26px solid transparent; border-bottom: 26px solid #fec0bc}
}
@media print, (min-width: 768px) { 
  .sa-baitoru .tabs .tab_content dd { font-size: 16px}
}
/* .sec-user */
.sec-user .box-outline { background: #fff; padding: 20px; border-radius: 12px}
.sec-user .box-graph .notes { margin-top: 20px!important}
.sec-user .box-text p { margin-bottom: 20px!important}
@media only screen and (max-width: 384px) {
  .sec-user .box-graph .notes { margin-bottom: 40px!important}
}
@media print, (min-width: 768px) { 
  .sec-user .box-outline { display: flex; justify-content: space-between; align-items: center; padding: 30px 40px 20px}
  .sec-user .box-graph { width: 38%}
  .sec-user .box-text { width: 58%; font-size: 14px}
}
/* .sec-plans > .cam-area */
.sa-baitoru .sec-plans .cam-area { position: relative; width: 100%; padding: 15px; font-size: 14px; text-align: center; background: #eee; z-index: 1}
.sa-baitoru .sec-plans .ribbon { display: inline-block; position: relative; width: 80%; height: 35px; margin-bottom: 20px; text-align: center; box-sizing: border-box}
.sa-baitoru .sec-plans .ribbon:before { content: ''; position: absolute; width: 40px; bottom: -10px; left: 0; z-index: -2; border: 14px solid #7bc3ca; border-left-color: transparent}/*左側のリボン端*/
.sa-baitoru .sec-plans .ribbon:after { content: ''; position: absolute; width: 40px; bottom: -10px; right: 0; z-index: -2; border: 14px solid #7bc3ca; border-right-color: transparent}/*右側のリボン端*/
.sa-baitoru .sec-plans .ribbon .inr { display: inline-block; position: relative; width: calc(100% - 50px); height: 35px; line-height: 35px; margin: 0; padding: 0 20px; color: #fff; background: #5ab4bd}/*真ん中の背景色*/
.sec-plans .ribbon .inr:before { position: absolute; content: ''; top: 100%; left: 0; border: none; border-bottom: solid 10px transparent; border-right: solid 15px #398b8a}/*左の折り返し部分*/
.sec-plans .ribbon .inr:after { position: absolute; content: ''; top: 100%; right: 0; border: none; border-bottom: solid 10px transparent; border-left: solid 15px #398b8a}/*右の折り返し部分*/
.sa-baitoru .sec-plans .cam-area .ttl { margin-top: 5px!important; font-size: 13.5px; font-weight: 800}
.sa-baitoru .sec-plans .cam-area .box { width: 100%; margin: 10px auto; padding: 10px 20px; font-weight: bold; background: #fff; border: 3px solid #5ab4bd; border-radius: 3px}
.sa-baitoru .sec-plans .cam-area .box span { font-size: 24px}
.sa-baitoru .sec-plans .cam-area ul li { font-size: 12px; text-align: left}
@media print, (min-width: 821px) { 
  .sa-baitoru .sec-plans .cam-area { width: 52%}
  .sa-baitoru .sec-plans .cam-area .box { width: 70%}
  .sa-baitoru .sec-plans .cam-area .box span { font-size: 30px}
}
/* .sec-example */
.sa-baitoru .sec-example { padding: 40px 0}
.sa-baitoru .box-example { margin: 0 30px; padding: 20px; font-size: 14px; border: 1.5px solid #d62c29; border-radius: 12px}
.sa-baitoru .sec-example .ttl { margin-bottom: 22px!important; padding-bottom: 10px; font-size: 18px; font-weight: 700; text-align: center; border-bottom: 1.5px solid #d62c29}
.sa-baitoru .sec-example .dead { clear: both; width: 100%}
.sa-baitoru .sec-example .dead .float { display: flex; align-items: center}
.sa-baitoru .sec-example .dead dl { margin: 20px 0; line-height: 1.8}
.sa-baitoru .sec-example .dead dl dt { position: relative; width: 5em; float: left} 
.sa-baitoru .sec-example .dead dl dt:after { content: "："; position: absolute; right: 0}
.sa-baitoru .sec-example .dead dl dd { padding-left: 5em}
.sa-baitoru .sec-example .dead dl dd span { font-size: 12px; white-space: nowrap}
.sa-baitoru .sec-example .excerpt { display: flex; justify-content: space-between; flex-wrap: wrap}
.sa-baitoru .sec-example .excerpt dl { line-height: 1.5}
.sa-baitoru .sec-example .excerpt dl dt { color: #d62c29; font-weight: bold}
.sa-baitoru .sec-example .excerpt dl dd:first-of-type { margin-bottom: 20px!important}
.sa-baitoru .sec-example .company-logo { width: auto!important; height: 30px!important; margin-right: 10px}
.sa-baitoru .sec-example .company-name { font-size: 16px; font-weight: 500}
.sa-baitoru .sec-example .box-link02  { display: flex; justify-content: center; align-items: center; width: 200px; height: 40px; margin: 30px auto 0; color: #fff; background: #d62c29; border-radius: 2px}
@media only screen and (max-width: 767px) {
  .sa-baitoru .sec-example .sink .company-name { display: block; margin-top: 10px}
  .sa-baitoru .box-example .excerpt figure { margin-bottom: 30px}
}
@media print, (min-width: 768px) { 
  .sa-baitoru .sec-example { padding: 80px 0}
  .sa-baitoru .sec-example { margin: 0 50px; padding: 30px 25px}
  .sa-baitoru .sec-example .company-logo { margin-right: 20px}
  .sa-baitoru .sec-example .ttl { font-size: 22px}
  .sa-baitoru .box-example .excerpt figure { width: 30%}
  .sa-baitoru .box-example .excerpt dl { width: calc(100% - 33%)}
  .sa-baitoru .sec-example .box-link02 { width: 60%}
}
/* .sec-example > SLICK Arrows */
.sa-baitoru .slick-prev, .sa-pro .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent}
.sa-baitoru .slick-prev:before, .sa-pro .slick-next:before { color: #fff; font-size: 20px; line-height: 1}
.sa-baitoru .slick-prev { top: 50%; left: 10px; width: 40px; height: 40px; background:rgba(46,56,76,0.95);  border-radius: 50px; z-index:10}
.sa-baitoru .slick-prev:before { content: '←'}
.sa-baitoru .slick-next { top: 50%; right:  10px; width: 40px; height: 40px; background:rgba(46,56,76,0.95); border-radius: 50px; z-index:10}
.sa-baitoru .slick-next:before { content: '→'}
.sa-baitoru .slick-track { display: flex}
.sa-baitoru .slick-slide { height: auto !important}
@media print, (min-width: 769px) { 
  .sa-baitoru .slick-prev, .sa-baitoru .slick-next { width: 60px; height: 60px}
  .sa-baitoru .slick-prev:before, .sa-baitoru .slick-next:before { font-size: 30px}
}
@media print, (min-width: 1201px) { 
  .sa-baitoru .slick-prev, .sa-baitoru .slick-next { width: 60px; height: 60px}
  .sa-baitoru .slick-prev:before, .sa-baitoru .slick-next:before { font-size: 30px}
  .sa-baitoru .slick-prev { left: 270px}
  .sa-baitoru .slick-next { right: 270px}
}
/* .sec-sec-flow */
.sa-baitoru .sec-flow { background: #d3d0cd url(../img/sa-baitoru/bg-sec-flow-sp.jpg) no-repeat top center/100% auto}
.sa-baitoru .sec-flow ul li { width: 100%; padding: 10px 10px 20px; text-align: center; font-size: 14px; background: #fff; line-height: 1.8; border: 1px solid #ddd}
.sa-baitoru .sec-flow h2 { color: #fff}
.sa-baitoru .sec-flow ul li .step { font-size: 14px; color: #fff; font-weight: bold; background: #d62c29}
.sa-baitoru .sec-flow ul li .step:before { content: "step"; font-size: 12px}
.sa-baitoru .sec-flow ul li .ttl { margin: 10px 0; color: #d62c29; font-size: 16px; font-weight: bold; line-height: 1.3}
.sa-baitoru .sec-flow ul li .ttl span { font-size: 12px}
.sa-baitoru .sec-flow ul li .text { font-size: 14px; text-align: left}
@media only screen and (max-width: 767px) {
  .sa-baitoru .sec-flow ul li { margin-top: 10px}
  .sa-baitoru .sec-flow ul li:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px}
  .sa-baitoru  .sec-flow ul li:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px}
}
@media print, (min-width: 768px) { 
  .sa-baitoru .sec-flow { background-color: #cac7c3; background-image: url(../img/sa-baitoru/bg-sec-flow.jpg)}
  .sa-baitoru .sec-flow ul li { width: 19%; border-radius: 6px}
  .sa-baitoru .sec-flow ul li .step { padding-bottom: 5px; color: #d62c29; font-size: 20px; background: none; border-bottom: 1.5px solid #d62c29}
  .sa-baitoru .sec-flow ul li .ttl { min-height: 3em}
  .sa-baitoru .sec-flow ul li .ttl span { display: block}
}
/* .sec-schedule */
.sec-schedule table, .sec-schedule table th, .sec-schedule table td { border: 1px solid #ddd}
.sec-schedule table { margin-bottom: 20px}
.sec-schedule table th, .sec-schedule table td { padding: 10px 15px; vertical-align: middle}
.sec-schedule table th { color: #fff; background: #5ab4bd}
.sec-schedule table td { text-align: center}
.sec-schedule table td img { width: 130px}
.sec-schedule table td p { margin: 10px 0 20px!important; font-size: 18px; line-height: 1.5!important}
.sec-schedule table td span { font-size: 12px}
@media only screen and (max-width: 767px) {
  .sec-schedule table th { display: none}
  .sec-schedule table td { display: block}
  .sec-schedule table td::before { display: block; content: "月"; width: calc(100% + 30px); line-height: 30px; margin: -10px -15px 0; color: #fff; background: #5ab4bd}
  .sec-schedule table td:nth-of-type(2)::before {content: "火"}
  .sec-schedule table td:nth-of-type(3)::before {content: "水"}
  .sec-schedule table td:nth-of-type(4)::before {content: "木"}
}
@media print, (min-width: 768px) { 
  .sec-schedule table th { width: 25%}
  .sec-schedule table td img { width: 150px}
  .sec-schedule table td p { display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 5em; margin: 0!important}
}
/* .sec-faq */
.sa-baitoru .sec-faq .ttl { margin: 50px 0 10px!important;  font-weight: bold; font-size: 16px}
.sa-baitoru .sec-faq .ttl::before { content: "■"; margin-right: 5px}
.sa-baitoru .sec-faq .ttl:first-of-type { margin-top: 0!important}
.sa-baitoru .sec-faq a { color: #d62c29; text-decoration: underline}
.sa-baitoru .sec-faq .accordion { margin-bottom: 20px; border: 1px solid #ccc}
.sa-baitoru .sec-faq .toggle { display: none}
.sa-baitoru .sec-faq .box-faq { position: relative}
.sa-baitoru .sec-faq .question p { margin: 0!important; line-height: 1.3!important}
.sa-baitoru .sec-faq .question, .sec-faq .answer { backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s}
.sa-baitoru .sec-faq .question { display: block; padding: 15px 40px}
.sa-baitoru .sec-faq .question::after, .sec-faq .question::before { content: ""; position: absolute; right: 1.25em; top: 45%; width: 3px; height: 1em; background-color: #d62c29; transition: all 0.3s}
.sa-baitoru .sec-faq .question::after { transform: rotate(90deg)}
.sa-baitoru .sec-faq .answer { max-height: 0; overflow: hidden}
.sa-baitoru .sec-faq .answer-inr { padding: 15px}
.sa-baitoru .sec-faq .answer .lead { margin-bottom: 30px!important; padding-bottom: 30px; font-size: 16px; font-weight: 500; border-bottom: 1px dashed #ddd}
.sa-baitoru .sec-faq .toggle:checked + .question { color: #fff; background: #d62c29}
.sa-baitoru .sec-faq .toggle:checked + .question + .answer { max-height: 500px; transition: all 1.5s}
.sa-baitoru .sec-faq .toggle:checked + .question::before { transform: rotate(90deg) !important}
.sa-baitoru .sec-faq .toggle:checked + .question::after {background-color: #fff}
.sa-baitoru .sec-faq .ic-q { position: absolute; top: 50%; transform: translateY(-50%); left: 10px; color: #d62c29; font-size: 21px; font-style: normal; font-weight: normal}
.sa-baitoru .sec-faq .ic-a { display: inline-block; width: 40px; height: 40px; line-height: 36px; margin-right: 10px; color: #fff; font-size: 30px; font-style: normal; text-align: center; background: #d62c29; border-radius: 40px}
@media print, (min-width: 768px) { 
  .sa-baitoru .sec-faq .question { padding: 20px 40px}
  .sa-baitoru .sec-faq .question::after, .sec-faq .question::before { right: 1.25em; top: 1.25em}
  .sa-baitoru .sec-faq .answer-inr { padding: 30px}
}
/* .sec-oparate */
.sec-oparate .contents-inr { padding-top: 0!important}
/* BUTTON AREA */
.sa-baitoru .button-area.content { padding: 30px 0 16px; background: #f7d5d4} 
.sa-baitoru .button-area .contents-inr { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 22px!important}
.sa-baitoru .button-area .box { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 70px; padding: 0 50px 0 100px; color: #fff; font-size: 18px; font-weight: bold; background: #d62c29; border-radius: 85px; box-shadow: 0 0 4px rgba(0,0,0,0.6)}
.sa-baitoru .button-area .box .point { width: 100%; height: 20px; line-height:20px; margin-bottom: 6px; color: #d82d2a; font-size: 10px; text-align: center; font-weight: normal; background: #fff; border-radius: 20px}
.sa-baitoru .button-area .box .small { margin-top: 5px; font-size: 10px; font-weight: normal}
.sa-baitoru .button-area .box:nth-of-type(2), .button-area .box:nth-of-type(3) { color: #d82d2a; background: #fff!important; border: 2px solid #d82d2a}
.sa-baitoru .button-area .box:nth-of-type(2) .point, .button-area .box:nth-of-type(3) .point { color: #fff; background: #d82d2a}
.sa-baitoru .button-area.mv-btm { margin-top: -42.5px} 
.sa-baitoru .button-area.mv-btm .box { background: #c7ae6a}
.sa-baitoru .button-area.mv-btm .box:nth-child(2), .button-area.mv-btm .box:nth-child(3) { color: #c7ae6a; border-color: #c7ae6a}
.sa-baitoru .button-area.mv-btm .box:nth-child(2) .point, .button-area.mv-btm .box:nth-child(3) .point {color: #fff!important; background: #c7ae6a}
.sa-baitoru .button-area.mv-btm .box .point { color: #c7ae6a}
.sa-baitoru .button-area .icon { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 60px; height: 60px; background-size: 60px auto; background-repeat: no-repeat; background-position: center center}
.sa-baitoru .button-area .icon.web { background-image: url(../img/sa-baitoru/icon-web.png)}
.sa-baitoru .button-area .icon.tel { background-image: url(../img/sa-baitoru/icon-tel.png)}
.sa-baitoru .button-area .icon.file { background-image: url(../img/sa-baitoru/icon-file.png)}
@media only screen and (max-width: 767px) {
  .sa-baitoru .button-area.mv-btm { padding-bottom: 30px; background: #d82d2a}
  .sa-baitoru .button-area.mv-btm .text-deco-line { color: #fff; font-size: 14px}
  .sa-baitoru .button-area .box:nth-of-type(2) { margin: 16px 0}
}
@media print, (min-width: 768px) { 
  .sa-baitoru .button-area .box { width: 32%; height: 85px; padding: 0 3% 0 10%; font-size: 1.818vw; transition-duration: .05s}
  .sa-baitoru .button-area .box:hover { color: #d82d2a; background: #fff; transform: scale(1.06); opacity: 1}
  .sa-baitoru .button-area .box:hover .point { color: #fff; background: #d82d2a}
  .sa-baitoru .button-area .box:nth-of-type(3):hover { color: #fff; background: #d82d2a!important; border: 2px solid #fff}
  .sa-baitoru .button-area .box:nth-of-type(3):hover .point { color: #d82d2a; background: #fff}
  .sa-baitoru .button-area.mv-btm .box:hover { color: #c7ae6a!important; background: #fff!important}
  .sa-baitoru .button-area.mv-btm .box:hover .point { color: #fff!important; background: #c7ae6a}
  .sa-baitoru .button-area.mv-btm .box:nth-child(3):hover { color: #fff!important; background: #c7ae6a!important; border: 2px solid #fff}
  .sa-baitoru .button-area.mv-btm .box:nth-child(3):hover .point { color: #c7ae6a!important; background: #fff!important}
}
@media screen and (min-width: 990px) {
  .sa-baitoru .button-area .box { font-size: 18px}
}
/* BUTTON AREA PLAN */
@media print, (min-width: 768px) { 
  .sa-baitoru .button-area.plan .box { width: 46%}
  .sa-baitoru .button-area.plan .box:nth-of-type(2):hover { color: #fff; background: #d82d2a!important; border: 2px solid #fff}
  .sa-baitoru .button-area.plan .box:nth-of-type(2):hover .point { color: #d82d2a; background: #fff}
}