.page-ttl .mycloak-head{background-image:url("../img/business/head_bg.jpg");margin:20px auto 100px}.item-data .item-ttl-h2{color:#000;font-size:2.2rem;font-weight:500;letter-spacing:0.15em;line-height:1.8;position:relative;margin-bottom:40px}.item-data .item-ttl-h2::after{content:"";display:block;width:100%;height:2px;background-color:#000;position:absolute;bottom:0;left:0}.item-data2 .item-ttl-h2{color:#1f2c5c;font-size:3.6rem;font-weight:500;letter-spacing:0.15em;line-height:1.8;position:relative;margin-bottom:40px;padding-left:35px}@media screen and (max-width: 768px){.item-data2 .item-ttl-h2{font-size:3.2rem}}@media screen and (max-width: 480px){.item-data2 .item-ttl-h2{font-size:2.4rem}}.item-data2 .item-ttl-h2::before{content:"";display:inline-block;width:15px;height:70px;background-color:#1f2c5c;position:absolute;top:0;left:0}@media screen and (max-width: 768px){.item-data2 .item-ttl-h2::before{height:110px}}@media screen and (max-width: 480px){.item-data2 .item-ttl-h2::before{height:85px}}.sp_none{display:block}@media screen and (max-width: 768px){.sp_none{display:none}}.sec-mycloak .item-inner .item-txt{font-size:1.8rem;font-weight:500;letter-spacing:0.15em;line-height:1.8}.sec-mycloak .top-img-bg{background-image:url("../img/business/mycloak/top_bg.jpg");background-repeat:no-repeat;background-size:cover;background-position:top center;color:#fff;overflow:hidden;min-height:400px;margin:40px auto 100px;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 480px){.sec-mycloak .top-img-bg{min-height:inherit}}.sec-mycloak .top-img-bg .item-data{position:relative}.sec-mycloak .top-img-bg .blue-box{margin:auto;max-width:960px;padding:40px 2%;background-color:rgba(31,44,92,0.7)}@media screen and (max-width: 768px){.sec-mycloak .top-img-bg .blue-box{margin:60px auto}}@media screen and (max-width: 480px){.sec-mycloak .top-img-bg .blue-box{margin:40px auto;padding:40px 4%}}.sec-mycloak .top-img-bg .blue-box .item-ttl{font-size:2.2rem;text-align:center;position:relative;padding-bottom:30px;letter-spacing:0.15em;line-height:2}@media screen and (max-width: 480px){.sec-mycloak .top-img-bg .blue-box .item-ttl{font-size:2.0rem;line-height:1.6}}.sec-mycloak .top-img-bg .blue-box .item-ttl::after{content:"";display:block;width:80%;height:3px;background-color:#fff;position:absolute;bottom:0;left:10%;right:10%}.sec-mycloak .top-img-bg .blue-box .item-txt{margin-top:30px;font-size:1.8rem;font-weight:500;letter-spacing:0.15em;line-height:1.8;text-align:center}@media screen and (max-width: 480px){.sec-mycloak .top-img-bg .blue-box .item-txt{text-align:left}}@media screen and (max-width: 960px){.sec-mycloak .top-img-bg .blue-box .item-txt p{text-align:left;display:inline-block}}@media screen and (max-width: 480px){.sec-mycloak .top-img-bg .blue-box .item-txt p{display:inline;font-size:1.6rem}}.sec2-mycloak .item-inner .item-data .item-area{color:#000;font-size:1.8rem;font-weight:500;letter-spacing:0.1em;line-height:1.8;margin:0 0 100px 0}.sec2-mycloak .item-inner .item-data .item-area .item-txt{letter-spacing:0.1em;line-height:1.8;margin-bottom:2%}@media screen and (max-width: 768px){.sec2-mycloak .item-inner .item-data .item-area .flex01{flex-wrap:wrap}}.sec2-mycloak .item-inner .item-data .item-area .flex01 .flex01-cld{flex-basis:calc(100% * 1/2)}@media screen and (max-width: 768px){.sec2-mycloak .item-inner .item-data .item-area .flex01 .flex01-cld{flex-basis:100%}}.sec2-mycloak .item-inner .item-data .item-area .flex01 .item-txt{padding-right:30px;font-size:1.8rem;font-weight:500;letter-spacing:0.15em;line-height:1.8;text-align:left}@media screen and (max-width: 960px){.sec2-mycloak .item-inner .item-data .item-area .flex01 .item-txt{padding-right:0}}@media screen and (max-width: 768px){.sec3-mycloak .item-inner .maw .item-data2 .flex01{flex-wrap:wrap}}.sec3-mycloak .item-inner .maw .item-data2 .flex01 .flex01-cld{flex-basis:calc(100% * 1/2)}@media screen and (max-width: 768px){.sec3-mycloak .item-inner .maw .item-data2 .flex01 .flex01-cld{flex-basis:100%}}.sec3-mycloak .item-inner .maw .item-data2 .flex01 .flex01-cld img{max-width:90%}@media screen and (max-width: 768px){.sec3-mycloak .item-inner .maw .item-data2 .flex01 .flex01-cld img{max-width:100%}}.sec3-mycloak .item-inner .maw .item-data2 .flex01 .item-txt{font-size:1.8rem;font-weight:500;letter-spacing:0.15em;line-height:1.8;text-align:left;margin-bottom:2%;order:2}@media screen and (max-width: 768px){.sec3-mycloak .item-inner .maw .item-data2 .flex01 .item-txt{order:initial}}.sec3-mycloak .item-inner .maw .merits{margin:100px 0 150px}.sec3-mycloak .item-inner .maw .merits .merits-item{background-color:#ae8800;padding-top:40px;text-align:center}.sec3-mycloak .item-inner .maw .merits .merits-item .merits-img{margin-bottom:20px}@media screen and (max-width: 768px){.sec3-mycloak .item-inner .maw .merits .merits-item .merits-img{margin-bottom:30px}}.sec3-mycloak .item-inner .maw .merits .merits-item .merits-txt{margin-bottom:20px;font-size:1.8rem;color:#fff;letter-spacing:0.1em;line-height:1.6}@media screen and (max-width: 768px){.sec3-mycloak .item-inner .maw .merits .merits-item .merits-txt{margin-bottom:30px}}@media screen and (max-width: 480px){.sec3-mycloak .item-inner .maw .merits .merits-item .merits-txt{font-size:1.5rem}}@media screen and (max-width: 768px){.sec3-mycloak .item-inner .maw .item-data .merits-box .flex01{flex-wrap:wrap}}@media screen and (max-width: 480px){.sec3-mycloak .item-inner .maw .item-data .merits-box .flex01{justify-content:center}}.sec3-mycloak .item-inner .maw .item-data .merits-box .flex01-cld{flex-basis:calc(99%/4)}@media screen and (max-width: 768px){.sec3-mycloak .item-inner .maw .item-data .merits-box .flex01-cld{flex-basis:49%;margin:0 0.5% 1%}}.sec3-mycloak .item-inner .maw .item-data .merits-box .item-txt{margin-top:30px;font-size:1.8rem;font-weight:500;letter-spacing:0.15em;line-height:1.8;text-align:center}@media screen and (max-width: 960px){.sec3-mycloak .item-inner .maw .item-data .merits-box .item-txt p{text-align:left;display:inline-block}}.sec3-mycloak .item-inner .maw .myclk-banner-area{text-align:center;font-size:2.2rem;line-height:2.2;letter-spacing:0.1em}.sec3-mycloak .item-inner .maw .myclk-banner-area p{margin-bottom:50px}@media screen and (max-width: 768px){.sec3-mycloak .item-inner .maw .myclk-banner-area p{margin-bottom:30px}}.sec3-mycloak .item-inner .maw .myclk-banner-area p a:hover{opacity:0.7}.sec3-mycloak .item-inner .maw .myclk-banner-area p a img{margin:auto}
/*# sourceMappingURL=mycloak.css.map */