@charset "utf-8";
/* CSS Document */
main, #contents-problem,#contents-what-do,#contents-what-do .what-do,#contents-feature,#contents-corp-benefit,#contents-corpservis,#contents-corpcourse,#contents-contract-flow,#contents-corp-jirei{width: 100%;overflow: hidden;}
/*===コースと料金===*/
/*背景色*/
:is(#contents-corporate,.problem-item,#contents-what-do,#contents-feature,.benefit-item,#contents-corpservis,#contents-corpcourse .course-box,#contents-corpcourse .course-under-box,#contents-corp-price,#contents-contract-flow){background:var(--white);}
:is(#contents-problem,#contents-what-do .what-do-text,#contents-corp-benefit,#contents-corpcourse,#contents-corp-jirei){background:var(--background-green);}
:is(#contents-corpo-eye,#contents-corpo-eye2,#contents-corpo-eye3,#contents-corpo-eye4,#contents-corpo-eye5,p.problem_label,p.benefit_label,li.corpservis-item p,#contents-corp-price .corp-price dt){background:var(--titleback-green);}
/*文字色*/
:is(#contents-corporate .flow-list-step p,#contents-corpo-eye h2,#contents-corpo-eye2 h2,#contents-corpo-eye3 h2,#contents-corpo-eye4 h2,#contents-corpo-eye5 h2,p.problem_label,p.benefit_label,li.corpservis-item p,#contents-corp-price .corp-price dt h3,.corp-price-name h3,#contents-corpo-eye4 h3){color:var(--white);}
:is(h4.problem_title,#contents-feature li.feature-item h3,h4.benefit_title,#contents-corpservis .corpservis-set h2,#contents-corpservis .corpservis-set h2 span,#contents-corpcourse .course-text h3,#contents-corpcourse .course-under-text h3,h2.white-title){color:var(--titleback-green);}
:is(#contents-corp-jirei .corp-jirei h3){color:var(--title-green);}
/*===アイキャッチ===*/
#contents-corporate{padding: 80px 0 40px;overflow-x: hidden;}
@media(width <= 990px){#contents-corporate{padding: 10px 0 40px;}}
#contents-corporate .corporate{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding: 0 40px 40px;}
@media(width <= 991px){#contents-corporate .corporate{width: 96%;padding:0 10px;margin-top:14vw auto 0;}}
@media(width <= 991px){#contents-corporate .under-green-title{width: 100%;margin-top: 8vw;}}
@media (width >= 1301px){.corporate .under-green-title {margin-top: 100px;margin-left: auto;margin-right: 20px;width: calc(50% - 90px - 20px);max-width: 480px;}}
@media (991px <= width <= 1300px){.corporate .under-green-title {width: 50%;margin-top: 100px;}}
@media (width <= 990px){.corporate .under-green-title {width: 100%;margin-top: 8vw;}}
/*===アイキャッチの下===*/
#contents-corpo-eye, #contents-corpo-eye2,#contents-corpo-eye3,#contents-corpo-eye4,#contents-corpo-eye5{position: relative;padding: 48px 16px 72px 16px;text-align: center;}
@media(width <= 991px){#contents-corpo-eye, #contents-corpo-eye2,#contents-corpo-eye3,#contents-corpo-eye4{padding: 7vw 10px 1vw;}}
#contents-corpo-eye br.block-br,#contents-corpo-eye3 br.block-br,#contents-corpo-eye5 br.block-br {display: none;}
@media(width <= 1179px){#contents-corpo-eye br.block-br,#contents-corpo-eye3 br.block-br,#contents-corpo-eye5 br.block-br {display: inline-block;}}
.corporate-eye {position: relative;display: inline-flex;flex-direction: column;align-items: center;}
.corporate-eye h2{font-size: 36px;font-weight: 700;padding-bottom: 8px;border-bottom: 3px solid #fff000;}
@media(width <= 991px){.corporate-eye h2{font-size: 4vw;}}
#contents-corpo-eye .corporate-eye img{width:16vw;position:absolute;right: -5vw;top: 5vw;display: block;}
@media(991px <= width <= 1179px){#contents-corpo-eye .corporate-eye img{width:20vw;top: 14vw;right: -14vw;}}
@media(width <= 991px){#contents-corpo-eye .corporate-eye img{width:35vw;position: static;}}
#contents-corpo-eye2 .corporate-eye img{width:16vw;position: absolute;top:1vw;right: -15vw;display: block;}
@media(991px <= width <= 1179px){#contents-corpo-eye2 .corporate-eye img{width:16vw;top:18vw;right:-9vw;}}
@media(width <= 991px){#contents-corpo-eye2 .corporate-eye img{width:30vw;position: static;}}
#contents-corpo-eye3 .corporate-eye img{width:20vw;position: absolute;top:90%;left:80%;display: block;}}
@media(991px <= width <= 1179px){#contents-corpo-eye3 .corporate-eye img{width:20vw;top:90%;left:80%;}}
@media(width <= 991px){#contents-corpo-eye3 .corporate-eye img{width:50vw;position: static;}}
#contents-corpo-eye4 .corporate-eye img{width:440px;position: absolute;bottom: -60px;right: -260px;display: block;}
@media(991px <= width <= 1300px){#contents-corpo-eye4 .corporate-eye img{width: 30vw;top: 24vw;left: 76%;}}
@media(width <= 991px){#contents-corpo-eye4 .corporate-eye img{width: 60vw;position: static;}}
#contents-corpo-eye4 h2.white-title {font-size: 28px;margin: 60px auto 20px;border: 4px solid var(--white);border-radius: 30px;background-color: var(--white);line-height: 54px;text-align: center;height: 60px;padding:0 20px;}
@media(width <= 991px){#contents-corpo-eye4 h2.white-title{font-size: 5vw;margin: 6vw auto 3vw;line-height: 12vw;height: 13vw;border-radius: 13vw;}}
@media(width <= 991px){#contents-corpo-eye5{padding: 7vw 10px 10vw;}}
#contents-corpo-eye5 img{width:15vw;position: absolute;top: 50%;left: 76%;display: block;}
@media(991px <= width <= 1300px){#contents-corpo-eye5 img{width:15vw;position: absolute;top: 50%;left: 76%;display: block;}}
@media(width <= 991px){#contents-corpo-eye5 img{width: 40%;position: static;margin: 2vw 0 0 60%;z-index: 999;}}
/*===お悩み===*/
#contents-problem {padding: 80px 24px 120px 24px;}
@media(width <= 991px){#contents-problem{padding: 15vw 10px 10px;}}
#contents-problem .problem {max-width:fit-content;margin: 0 auto;display: grid;grid-template-columns: repeat(3, 1fr);}
#contents-problem .problem-item {max-width: 420px;margin: 60px 15px 0 15px;padding: 30px;}
@media(width <= 991px){
 #contents-problem .problem{grid-template-columns: 1fr;}
 #contents-problem .problem-item {margin: 3vw 10px;}
}
#contents-problem p.problem_label{position: relative;width: 130px;height: 32px;display: flex;justify-content: center;align-items: center;font-size: 20px;font-weight: 700;}
#contents-problem p.problem_label::after {position: absolute;top: 0;right: -16px;content: '';border-left: 16px solid var(--titleback-green); border-top: 16px solid transparent;border-bottom: 16px solid transparent;}
#contents-problem h4.problem_title {position: relative;margin-top: 16px;padding-bottom: 16px;border-bottom: 1px solid var(--titleback-green);height:90px;display: grid;place-items: center start;font-size: 24px;line-height: 1.2;font-weight: 700;display: grid;place-items: center center;}
#contents-problem p.problem_text{margin-top:6px;font-size:16px;line-height:1.5;display: grid;height: 120px; place-items: center start;}
/*===社員の運動不足を解消するには===*/
#contents-what-do{padding:5vw 10px 0;}
#contents-what-do .what-do{padding: 50px 0 100px;position: relative;display: block;}
@media(width <= 991px){#contents-what-do .what-do{position:static;padding: 50px 0 10px;}}
#contents-what-do .what-do-img{width: 50%;max-width: 800px;height: 584px;position: absolute;top: 20px;right: 50%;}
@media(width <= 991px){#contents-what-do .what-do-img{position: static; width: 90%;height: auto;margin: 0 auto;}}
#contents-what-do .under-green-title {margin-left: 45%;margin-right: auto;}
@media(width <= 991px){#contents-what-do .under-green-title{margin: 0 auto;}}
#contents-what-do .what-do-text {padding: 30px 40px;margin-left: 50%;margin-right: auto;max-width: 740px;}
@media(width <= 991px){#contents-what-do .what-do-text{width: 90%;margin: 0 auto;padding: 40px 15px 60px;}}
#contents-what-do .what-do-text p {line-height: 32px;margin-bottom: 20px;}
/*===アップルフィット倉敷の特徴===*/
#contents-feature {padding: 80px 24px 120px 24px;}
@media(width <= 991px){#contents-feature{padding:50px 10px 20px;}}
#contents-feature .feature {margin: 0 auto;padding: 0 20px;max-width: 1080px;}
@media(width <= 991px){#contents-feature .feature {padding: 0 10px;}}
#contents-feature .feature ol {display: flex;flex-wrap: wrap;justify-content: center;column-gap: 40px;row-gap: 40px;}
#contents-feature li.feature-item {border-width: 10px 1px 1px;border-style: solid;border-color: var(--titleback-green);width: calc((100% - 40px*2) / 2);max-width: 520px; padding: 10px 20px 10px;}
@media(width <= 991px){#contents-feature li.feature-item{width: auto;}}
#contents-feature .feature-item-number {margin-bottom: 30px;font-size: 14px;text-align: center;position: relative;padding: 10px 0 10px;}
#contents-feature .feature-item-number span {margin-top: 5px;padding-bottom: 5px;font-family: "Antonio", sans-serif;font-size: 26px;line-height: 1;display: block;}
#contents-feature .feature-item-number span::before {content: "";background: #555;width: 28px;height: 2px;position: absolute;bottom: 0;left: calc((100% - 28px) / 2);}
#contents-feature .feature-item h3 {margin: 0 0 10px;font-size: 20px;font-weight: 700;text-align: left;line-height: 1.2;height: 70px;}
/*===法人契約メリット===*/
#contents-corp-benefit {padding: 80px 24px 120px 24px;}
@media(width <= 991px){#contents-corp-benefit {padding: 40px 10px 60px 10px;}}
#contents-corp-benefit .benefit {max-width: 1480px;margin: 0 auto;display: flex;justify-content: center;flex-wrap: wrap;}
#contents-corp-benefit .benefit-item {max-width: 480px;margin: 60px 15px 0 15px;padding: 30px;}
@media(width <= 991px){#contents-corp-benefit .benefit-item{width: 100%;margin: 30px 0 0;}}
#contents-corp-benefit p.benefit_label{position: relative;width: 115px;height: 32px;display: flex;justify-content: center;align-items: center;font-size: 20px;font-weight: 700;}
#contents-corp-benefit p.benefit_label::after {position: absolute;top: 0;right: -16px;content: '';border-left: 16px solid var(--titleback-green); border-top: 16px solid transparent;border-bottom: 16px solid transparent;}
#contents-corp-benefit h4.benefit_title {position: relative;margin-top: 16px;padding-bottom: 16px;border-bottom: 1px solid var(--titleback-green);height:70px;display: grid;place-items: center start;font-size: 24px;line-height: 1.2;font-weight: 700;display: grid;place-items: center center;}
#contents-corp-benefit p.benefit_text{margin-top:6px;font-size:16px;line-height:1.5;display: grid;height: 100px; place-items: center start;}
@media(width <= 991px){#contents-corp-benefit p.benefit_text{height: 120px;}}
/*===提供するサービス内容===*/
#contents-corpservis {padding: 80px 24px 60px 24px;}
@media(width <= 991px){#contents-corpservis {padding: 80px 15px 0px 15px;}}
#contents-corpservis .corpservis {margin: 0 auto;padding: 0 20px;max-width: 1080px;}
@media(width <= 991px){#contents-corpservis .corpservis{padding:0px;}}
#contents-corpservis ol.corpservis-list {display: flex;flex-wrap: wrap;justify-content: center;column-gap: 40px;row-gap: 40px;}
#contents-corpservis li.corpservis-item {width: 480px;position: relative;display:block; }
#contents-corpservis li.corpservis-item p {width: 100%;height: 65px;background: rgb(140, 198, 63, 0.80);text-align: center;font-size: 20px;font-weight: bold;position: absolute;bottom: 0;display: flex;justify-content: center;align-items: center;}
#contents-corpservis .corpservis-set {position: relative;margin: 2em 0;padding: 0.5em 1em;margin: 60px 0;padding: 0.5em 1em;border: solid 3px var(--titleback-green);border-radius: 8px;}
#contents-corpservis .corpservis-set h2 {position: absolute;display: inline-block;text-align: center;padding: 0 9px;line-height: 1.2;background: var(--white);font-weight: bold;font-size: 24px;top: -20px;left: 80px;}
@media(width <= 991px){#contents-corpservis .corpservis-set h2{line-height: 0.8;left: 5%;width: 90%;text-align: left;}}
#contents-corpservis .corpservis-set h2 span {font-size: 32px;}
@media(width <= 991px){#contents-corpservis .corpservis-set h2 span{font-size: 28px;line-height: 1.4;}}
#contents-corpservis ul.copservis-coment-list {text-align: left;margin: 80px auto 30px auto;width: 800px;width: 90%;padding: 0;position: relative;}
#contents-corpservis ul.copservis-coment-list li {text-align: left;margin: 0px 0px 0;padding: 15px 0px 15px 40px;font-size: 24px;background: url(../images/corpservis-check.webp) left no-repeat;background-size: 30px;border-bottom: 1px dashed #ccc;font-weight: bold;}
@media(width <= 991px){#contents-corpservis ul.copservis-coment-list li{line-height: 1.3;}}
/*===パーソナルトレーニングのコース===*/
#contents-corpcourse {padding:80px 10px;}
@media(width <= 991px){#contents-corpcourse{padding: 40px 10px;}}
#contents-corpcourse .corpcourse {max-width: 1400px; width: 100%;margin: 0 auto;padding:3vw 0;position: relative;display: block;}
@media(width <= 991px){#contents-corpcourse .corpcourse{padding: 0;}}
#contents-corpcourse .under-green-title {margin-right: 40%;margin-left: auto;}
@media(width <= 991px){#contents-corpcourse .under-green-title{margin: 0 auto;}}
#contents-corpcourse .corpcourse-img{width: calc(100% - 710px);max-width: 580px;position: absolute;top: -5vw;right: 0%;margin-left: 10px;}
@media(width <= 991px){#contents-corpcourse .corpcourse-img{position: static;width: 100%;margin: 0 auto;}}
@media(width <= 991px){#contents-corpcourse .corpcourse ul{display: flex;justify-content: space-between;}}
@media(width <= 991px){#contents-corpcourse .corpcourse ul img{width: 98%;}}
#contents-corpcourse .course-box {display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;flex-wrap: wrap;align-items: center;width: 700px;margin-right: 50%;margin-left: auto;margin-bottom: 20px; border: 2px solid var(--titleback-green);padding: 10px;}
@media(width <= 991px){#contents-corpcourse .course-box{max-width: 680px;width: 100%;margin: 0 auto 3vw;}}
#contents-corpcourse .course-number {width: 80px;padding: 20px 10px;display: flex;flex-direction: column;justify-content: center;text-align: center;font-size: 40px;color: #8f8f8f;line-height: 100%;font-weight: 600;font-family: "Antonio", "sans-serif";border-right: 1px solid #8f8f8f;}
@media(width <= 991px){#contents-corpcourse .course-number{width: 60px;}}
#contents-corpcourse .course-number span {font-size: 20px;}
@media(width <= 991px){#contents-corpcourse .course-number span{font-size: 14px;}}
#contents-corpcourse .course-text{width: 50%;margin: 20px 0px 10px 0px;}
@media(width <= 991px){#contents-corpcourse .course-text{width: calc(100% - 80px);margin: 0px;}}
#contents-corpcourse .course-text h3 {font-size: 24px;font-weight: 600;line-height: 1.66rem;text-align: left;margin: 0px 0px 10px 0px;}
#contents-corpcourse .course-text p {line-height: 140%;font-size: 15px;}
#contents-corpcourse .course-img {width:35%;}
@media(width <= 991px){#contents-corpcourse .course-img{width: 96%;margin: 2vw auto;}}
/*===各コースの改善事例===*/
#contents-corpcourse .corpcourse-under {max-width: 1080px;margin: 5vw auto;}
#contents-corpcourse br {display: none;}
@media(width <= 991px){#contents-corpcourse .corpcourse-under{max-width: 680px;}}
#contents-corpcourse .course-under-box {display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;flex-wrap: wrap;align-items: center;width: 100%;margin: 0 auto 20px; border: 2px solid var(--titleback-green);padding: 10px;}
#contents-corpcourse .course-under-number {width: 80px;display: flex;flex-direction: column;justify-content: center;text-align: center;font-size: 40px;color: #8f8f8f;line-height: 100%;font-weight: 600;font-family: "Antonio", "sans-serif";border-right: 1px solid #8f8f8f;}
@media(width <= 991px){#contents-corpcourse .course-under-number{width: 60px;font-size: 30px;}}
#contents-corpcourse .course-under-number span {font-size: 20px;}
@media(width <= 991px){#contents-corpcourse .course-under-number span{font-size: 14px;}}
#contents-corpcourse .course-under-title {margin-left: 20px;}
@media(width <= 991px){#contents-corpcourse .course-under-title{margin-left:10px;width: calc(100% - 80px);}}
#contents-corpcourse .course-under-title h3 {text-align: left;line-height: 1.6rem;}
@media(width <= 991px){#contents-corpcourse .course-under-title h3{font-size: 24px;}}
#contents-corpcourse .course-under-text{text-align: center;}
@media(width <= 991px){#contents-corpcourse .course-under-text{width: 100%;text-align: center;margin-top: 2vw;}}
#contents-corpcourse .course-under-text h3 {font-size: 30px;font-weight: 600;line-height: 1.66rem;}
@media(width <= 991px){#contents-corpcourse .course-under-text h3{font-size: 24px;}}
#contents-corpcourse .corse-case-box {width:90%;margin: 20px auto;display: flex;}
@media(width <= 991px){#contents-corpcourse .corse-case-box{width: 100%;display: block;}}
#contents-corpcourse .case-img{max-width:350px;}
@media(width <= 991px){#contents-corpcourse .case-img{width: 100%;margin: 0 auto;}}
#contents-corpcourse ul.case-contents {width: calc(100% - 350px);margin-left: 20px;}
@media(width <= 991px){#contents-corpcourse ul.case-contents{width: 100%;margin: 0;}}
#contents-corpcourse ul.case-contents li {margin-bottom:20px;}
#contents-corpcourse ul.case-contents h4 {font-size:20px;}
#contents-corpcourse .case-text-space {display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;flex-wrap: wrap;}
#contents-corpcourse ul.case-contents .space-left {width: 20px;padding-left: 10px;}
#contents-corpcourse ul.case-contents .space-right {width: calc(100% - 30px);}
/*===法人プラン料金===*/
#contents-corp-price {padding:80px 0;}
#contents-corp-price br.block-br {display: none;}
@media(width <= 1179px){#contents-corp-price br.block-br {display: inline-block;}}
@media(width <= 991px){#contents-corp-price{padding:15vw 0 5vw;}}
@media(width <= 991px){#contents-corp-price h3{font-size: 26px;}}
#contents-corp-price dl.corp-price {width:50%;margin: 100px auto 0;text-align:center;}
@media(width <= 991px){#contents-corp-price dl.corp-price{width: 96%;margin: 2vw auto;}}
#contents-corp-price .corp-price dt {width: 100%;border: 1px solid var(--titleback-green);padding: 10px;}
#contents-corp-price .corp-price dd {padding: 20px;border: 1px solid var(--titleback-green);}
#contents-corp-price .corp-price span {font-size: 18px;}
#contents-corp-price .corp-price-plus {width: 100%;text-align: center;margin-top: 50px;height: 80px;}
@media(width <= 991px){#contents-corp-price .corp-price-plus{margin-top: 5vw;height: 8vw;}}
.price-plus {position: relative;}
.price-plus::before,.price-plus::after {content: '';display: inline-block;position: absolute;width: 9px;height: 75px;background: var(--titleback-green);}
@media(width <= 991px){.price-plus::before,.price-plus::after{width: 2vw;height: 10vw;}}
.price-plus::after {transform: rotate(90deg);}
.corp-price-tickets {max-width: 980px;margin:30px auto;}

@media(width <= 991px){.corp-price-tickets{width: 96%;margin: 0 auto;}}
.corp-price-list {margin-top: 40px;display: flex;justify-content: space-between;}
.corp-price-head{width: 200px;padding-top: calc(80px + 20px - 20px);}
@media(width <= 991px){.corp-price-head{width: 22%;}}
.corp-price-head-list{margin: 20px 0;background: #eee;text-align: center;display: flex;align-items: center;justify-content: center;height: 80px;}
.corp-price-head-list p,.corp-price-value p {font-size: 26px;font-weight: 700;line-height: 22px;}
.corp-price-price{width: calc(100% - 220px);padding: 10px;text-align: center;box-shadow: 2px 2px 6px rgb(0 0 0 / 16%);}
@media(width <= 991px){.corp-price-price{width: calc(100% - 25%);}}
.corp-price-name{margin: -10px -10px 1px;background-color: var(--titleback-green);font-size: 20px;font-weight: 700;display: flex;flex-wrap: wrap;align-items: center;align-content: center;justify-content: center;height: 90px;position: relative;}
.corp-price-name::after{content: "";background: url(../images/price-name-img.svg) 50% 100% / cover no-repeat;width: 100%;height: 20px;position: absolute; bottom: 0;left: 0;transform: translateY(100%);}
.corp-price-value{display: flex;align-items: center;justify-content: center;height: 100px;padding-top: 10px;}
.corp-price-value:not(:last-child){border-bottom: 1px solid #ddd;}
.corp-price-value span {font-size:16px;}
p.price-tickets-under {text-align: center;margin-top: 20px;}
@media(width <= 991px){p.price-tickets-under{text-align: left;}}
/*===ご契約手続きの流れ===*/
#contents-contract-flow {padding:40px 10px;}
#contents-contract-flow .contract-flow {width: 1164px;margin: 0 auto;padding:50px 0;position: relative;display: block;}
@media(width <= 1180px){#contents-contract-flow .contract-flow{width: 100%;padding:10px;position: static;}}
#contents-contract-flow .contract-img {width: 480px;position: absolute;top: 120px;right: 55%;}
@media(width <= 1180px){#contents-contract-flow .contract-img{width: 100%; position: static;display: flex;justify-content: space-between;}}
#contents-contract-flow .contract-img img {margin-bottom: 50px;}
@media(width <= 1180px){#contents-contract-flow .contract-img img{width: 50%;padding: 1vw;margin: 0;}}
#contents-contract-flow .flow{max-width: 800px;margin-left:50%;}
@media(width <= 1180px){#contents-contract-flow .flow{width: 96%;margin: 0 auto;}}
#contents-contract-flow .flow-box {display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;flex-wrap: wrap;align-items: center;width:100%;margin: 10px auto;border: 1px solid #8f8f8f;padding: 10px;position: relative;}
#contents-contract-flow .flow-box-under{display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;flex-wrap: wrap;align-items: center;width:100%;}
#contents-contract-flow .flow-number {width: 70px;padding: 20px 10px;display: flex;flex-direction: column;justify-content: center;text-align: center;font-size: 40px;color: #8f8f8f;line-height: 100%;font-weight: 600;font-family: "Antonio", "sans-serif";border-right: 1px solid #8f8f8f;}
@media(width <= 1180px){#contents-contract-flow .flow-number{width:60px;padding:0;font-size:40px;}}
#contents-contract-flow .flow-number span {font-size: 20px;}
#contents-contract-flow .flow-text01,#contents-contract-flow .flow-text{position: absolute; width: calc(100% - 90px - 220px);left: 90px;}
#contents-contract-flow .flow-text01{top: 14px;}
#contents-contract-flow .flow-text{top: 35px;}
@media(width <= 1180px){#contents-contract-flow .flow-text01,#contents-contract-flow .flow-text{width: calc(100% - 80px);left: 80px;}}
@media(601px <= width <= 1180px){#contents-contract-flow .flow-text01{top: 35px;}}
@media(width <= 600px){#contents-contract-flow .flow-text01{top: 15px;}}
@media(width <= 1180px){#contents-contract-flow .flow-text{top: 30px;}}
#contents-contract-flow .flow-text01 h3, #contents-contract-flow .flow-text h3 {font-size: 24px;font-weight: 600;line-height: 1.66rem;text-align: left;}
#contents-contract-flow .flow-text-under{width: calc(100% - 80px - 210px);margin-top: 60px;}
@media(width <= 1180px){#contents-contract-flow .flow-text-under{width: 100%;margin-top: 10px;}}
#contents-contract-flow .flow-text p {line-height: 140%;font-size: 15px;padding-top: 4%;}
#contents-contract-flow .flow-img {width:200px;}
@media(width <= 1180px){#contents-contract-flow .flow-img{width: 100%;}}
#contents-contract-flow .flow-yajirusi {width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #8f8f8f;margin: 0 auto;}
/*===法人契約事例===*/
#contents-corp-jirei {padding:40px 0;}
@media(width <= 991px){#contents-corp-jirei{padding: 14vw 0 0;}}
#contents-corp-jirei .corp-jirei {width:980px;margin: 0 auto;padding: 20px 10px; display: flex;flex-wrap: wrap;}
@media(width <= 991px){#contents-corp-jirei .corp-jirei{width: 100%;padding: 10px;}}
#contents-corp-jirei .case-img{width:450px;}
@media(width <= 991px){#contents-corp-jirei .case-img{width: 100%;}}
#contents-corp-jirei .case-img h3 {text-align: center;}
#contents-corp-jirei ul.jirei-contents {width: calc(100% - 500px);margin-left: 20px;}
@media(width <= 991px){#contents-corp-jirei ul.jirei-contents{width: 100%;margin: 0;}}
#contents-corp-jirei ul.jirei-contents li {margin-bottom:20px;}
#contents-corp-jirei ul.jirei-contents h4 {font-size:20px;}
#contents-corp-jirei .case-text-space {display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;flex-wrap: wrap;}
#contents-corp-jirei ul.jirei-contents .space-left {width: 20px;padding-left: 10px;}
#contents-corp-jirei ul.jirei-contents .space-right {width: calc(100% - 30px);}
#contents-corpo-eye5 .news-button {display: inline-block;width: 350px;height: 50px;text-align: center;text-decoration: none;line-height: 34px;outline: none;font-weight: bold;cursor: pointer;margin-top: 40px;}
@media(width <= 991px){#contents-corpo-eye5 .news-button{width:auto;height:auto;padding: 1vw;}}
#contents-corpo-eye5 .news-button span {color: #86bc42;font-size:28px;}
@media(width <= 991px){#contents-corpo-eye5 .news-button span{font-size:5vw;}}
#contents-corpo-eye5 .news-button span:hover {color: #86bc42}
#contents-corpo-eye5 a.news-button::before,a.news-button::after {position: absolute;z-index: -1;display: block;content: '';}
#contents-corpo-eye5 a.news-button,a.news-button::before,a.news-button::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
#contents-corpo-eye5 a.news-button {position: relative;z-index: 2;border: 2px solid #fff;color: #86bc42;line-height: 30px;}
#contents-corpo-eye5 a.news-button:hover {background-color: #fff;border-color: #fff;color: #86bc42;}
#contents-corpo-eye5 a.news-button a:hover {color: #86bc42;}
#contents-corpo-eye5 a.news-button::before,#contents-corpo-eye5 a.news-button::after {top: 0;width: 50%;height: 100%;background: #fff000;}
#contents-corpo-eye5 a.news-button::before {right: 0;}
#contents-corpo-eye5 a.news-button::after {left: 0;}
#contents-corpo-eye5 a.news-button:hover::before,#contents-corpo-eye5 a.news-button:hover::after {width: 0;}