@charset "utf-8";

/*-------------------
   clearfix
-------------------*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*-------------------
   common
-------------------*/
.wrapper {
    font: 1.0em/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-feature-settings: "palt";
    letter-spacing: .1em;
    padding: 0;
    position: relative;
}

.wrapper * {
    box-sizing: border-box;
}

.wrapper a {
    color: inherit;
    display: block;
}

.wrapper img {
    height: auto;
    max-width: 100%;
}

/*---7esthe_mobile.css リセットOP対策----*/
#container h3,
#container h4,
#container h5 {
    background: none;
    color: #000;
    cursor: auto;
    float: none;
}

#container h3 span,
#container h4 span,
#container h5 span {
    background: none;
    color: #000;
    cursor: auto;
    float: none;
}

#container .flex {
    align-items: flex-start;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin: 0 auto;
    position: relative;
    justify-content: center;
}

/*--7esthe_mobile.css 商品ページ用リセットOP対策　----*/
.write_box {
    margin: 0;
    padding: 0;
}

#mobile_detail_content {
    font-size: 1.0em;
}

.item_explanation .cont {
    margin: 0;
    padding: 0;
}

#container {
    padding-bottom: 0;
}

/*ブレイクポイントのルール*/
/* -スマホ基本設計 解像度に依存しない-
 *350pxまで：SP縦 i5 SE
 *350px〜480px：SP縦 i6-8　****一番重要****
 *480px〜960px：SP横からタブレット
 *960px〜小型PC　大型PC
 
 /*  全体指定 スマホ縦 i5 i5SE　350pxまで  */


/* ボタンデザイン自由に変えてください  */
#container .buy_btn {
    background: #9dd53a;
    background: -moz-linear-gradient(top, #9dd53a 0%, #7cbc0a 100%);
    background: -webkit-linear-gradient(top, #9dd53a 0%, #7cbc0a 100%);
    background: linear-gradient(to bottom, #9dd53a 0%, #7cbc0a 100%);
    border: #99b61e 1px solid;
    border-radius: 5px;
    color: #fff;
    display: block;
    font: bold 1.6rem/2.6 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    position: relative;
    margin: 20px auto 40px;
    text-align: center;
    width: 60%;
}

#container .buy_btn a {
    color: #fff;
    display: block;
    text-decoration: none;
}

#container .buy_btn a::before {
    border: solid 5px transparent;
    border-left: solid 7px #fff;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: relative;
    top: -1px;
}

#container .buy_btn:hover {
    filter: alpha(opacity=90);
    opacity: 0.7;
    transition: all ease-in 0.4s;
}

#container section {
    margin: 0 auto;
    padding: 0;
}


/*-------------------
   mainvisual
-------------------*/

#container .mainvisual {
    background: url(https://7beauty.jp/contents/shop/sevenbeauty/img/freepage/plason/sp-top.jpg);
    background-repeat: no-repeat;
    padding-top: 10px;
    background-size: 102%;
    background-position: right top;
}

#container .mainvisual .cacth {
    font: bold 2.2rem/1.5 Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    color: #7da1d4;
    text-shadow: #fff 1px 1px 9px, #fff -1px -1px 9px;
    margin: 5px auto 0;
    letter-spacing: -1px;
    text-align: center;
}

#container .headtitle {
    font: bold 1.4rem/1.5 Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    color: #2e3e41;
    letter-spacing: -1px;
    text-align: center;
}

#container .bottom-desc {
    font: normal 1rem/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    color: #2e3e41;
    letter-spacing: -0.1rem;
    margin: 65% auto 0;
    padding: 1rem 7px 0;
    text-align: left;
}

#container .bottom-notes {
    font: normal 0.7rem/1.3 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    color: #2e3e41;
    letter-spacing: -1px;
    margin: 5px auto 0;
    padding: 0px .6rem 1rem;
    text-align: center;
}

#container .bottom-desc em,
#container .bottom-notes em {
    font: normal .6rem/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*-------------------
   application
-------------------*/

#container .application {
    background-color: #58288c;
    margin: 0 auto;
    padding: 1rem;
}

#container .application .app-title {
    background-color: #fff;
    border-radius: 10px;
    color: #58288c;
    font: bold 1.2rem/1.3 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    letter-spacing: -0.05rem;
    margin: 0 auto;
    padding: 1rem;
    text-align: center;
}

#container .application .app-box {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0 auto;
    padding: 1rem 0;
}

#container .application .app-box .left-box {
    color: #fff;
    margin: 0 auto;
    width: 100%;
}

#container .application .app-box .left-box .text1 {
    color: #fff;
    font: 1.4rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 1rem auto 0;
    text-align: center;
}

#container .application .app-box .left-box p {
    color: #fff;
    font: bold 2.1rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    letter-spacing: -.5px;
    margin: 0 auto;
    text-align: center;
}

#container .application .app-box .right-box {
    margin: 0 auto;
    width: 100%;
}

#container .application .app-box .right-box .btn-web,
#container .sec7 .flex .btn-web {
    background-color: #eb6238;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font: bold 1.15rem/2.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    letter-spacing: -0.05rem;
    transition: all .1s;
    margin: 1rem auto;
    text-align: center;
    width: 100%;
}

#container .application .app-box .right-box .btn-web a,
#container .application .app-box .right-box .btn-freetrial a,
#container .sec7 .flex .btn-web a,
#container .sec7 .flex .btn-freetrial a {
    display: block;
    text-decoration: none;
}

#container .application .app-box .right-box .btn-web a:hover,
#container .application .app-box .right-box .btn-freetrial a:hover {
    opacity: .8;
}

#container .application .app-box .right-box .btn-web a:before,
#container .sec7 .flex .btn-web a:before {
    font-family: "Font Awesome 5 Free";
    content: '\f0e0';
    font-weight: 900;
    padding-right: 5px;
}

#container .application .app-box .right-box .btn-freetrial,
#container .sec7 .flex .btn-freetrial {
    background-color: #9dd53a;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font: bold 1.2rem/2.8 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    transition: all .1s;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

#container .application .app-box .right-box .btn-freetrial a:before,
#container .sec7 .flex .btn-freetrial a:before {
    font-family: "Font Awesome 5 Free";
    content: '\f35d';
    font-weight: 900;
    padding-right: 5px;
}

#container .application .app-bottom {
    color: #fff;
    font: 1rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 0 auto;
    text-align: center;
}

#container .wrapper .sec7 .flex dl dd.btn-web,
#container .wrapper .sec7 .flex dl dd.btn-freetrial {
    color: #fff;
    font: bold 1.2rem/2.8 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 1rem auto;
    padding: 0;
    text-align: center;
    width: 80%;
}

/*-------------------
   movie
-------------------*/
#container .movie {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

#container .youtube {
    position: relative;
    margin: 3% auto;
    width: 90%;
    height: 200px;
}

#container .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/*-------------------
   select-nav
-------------------*/
#container .select-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

#container .wrapper .select-nav li {
    height: 9vh;
    margin: 0px;
    padding: 0px 2px 6px 2px;
    width: calc(100% / 3);
    -webkit-width: calc(100% / 3);
    -ms-width: calc(100% / 3);
    font: bold 0.9rem/1.3 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    text-align: center;
    background: #ededed;
    border-left: #fff solid 2px;
    border-top: #fff solid 2px;
    border-bottom: #254061 solid 2px;
}

#container .wrapper .select-nav li a:hover {
    text-decoration: none;
}

#container .wrapper .select-nav a::before {
    display: block;
    position: relative;
    top: 7vh;
    width: 0;
    height: 0;
    margin: 0 auto;
    content: "";
    text-align: center;
    border-top: 5px solid #555555;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
}


/*-------------------
   sec1
-------------------*/
#container .wrapper .sec1 {
    background: #e2e2e2 url(https://7beauty.jp/contents/shop/sevenbeauty/img/freepage/plason/bg-img1.jpg) 0 100% no-repeat;
    background-size: contain;
    margin: 0 auto;
    padding: 2rem .5rem 45px;
    text-align: center;
}

#container .wrapper .sec1 em {
    color: #2a3b3e;
    font: 1.2rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 1rem auto 0;
    text-align: center;
}

#container .wrapper .sec1 h2 {
    color: #2a3b3e;
    font: bold 1.4rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 10px auto 0;
    text-align: center;
}

#container .what-plason {
    background-color: rgba(0, 0, 0, 0.6);
    margin: 1rem auto;
    padding: 1rem;
    text-align: center;
    width: 94%;
}

#container .what-plason img {
    margin: .4rem auto;
    text-align: center;
    max-width: 45%;
}

#container .what-plason .whats-title {
    color: #7da1d4;
    font: bold 1.4rem/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    margin: 0.4rem auto;
    text-align: center;
}

#container .what-plason .whats-bottom {
    font: normal 0.9rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    color: #fff;
    letter-spacing: -0.05rem;
    margin: 0.4rem auto;
    text-align: center;
}

#container .sec1_flex2 {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    margin: 30px auto;
    justify-content: space-between;
}

#container .sec1_2 {
    font: normal 1em/1.7 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    width: 96%;
    border: 1px solid #7da1d4;
    padding: 0 2% 10px;
    position: relative;
    text-align: center;
    margin: 0 auto;
}

#container .sec1_2x {
    font: lighter 5em/1.0 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    color: #7da1d4;
    padding: 0.1em 0 0.2em;
    margin: 0 auto;
}

#container .sec1_2 ul {
    text-align: left;
}

#container .sec1_3 {
    font: normal 1.6em/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    background-color: #7da1d4;
    color: #fff;
    border-radius: 30px;
    padding: 0.5em 1.5em;
    position: relative;
    top: -1em;
    margin: 0 auto;
    display: inline-block;
}

#container .sec1_2 li:before {
    content: "・";
}

#container .sec1_circle {
    font: normal 1.2rem/1.1 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    background-color: #7da1d4;
    color: #fff;
    border-radius: 50%;
    height: 120px;
    width: 120px;
    opacity: .9;
    padding: 15% 1rem;
    position: relative;
    text-align: center;
    margin: -20px auto;
    display: inline-block;
}

/*-------------------
   sec2
-------------------*/
#container .wrapper .sec2,
#container .wrapper .sec4 {
    background-color: #fff;
    margin: 2rem auto 0;
    padding: 0;
    text-align: center;
}

#container .wrapper .sec2 span,
#container .wrapper .sec3 span,
#container .wrapper .sec4 span,
#container .wrapper .sec5 span {
    background-color: #fff;
    border: 1px solid #2a3b3e;
    color: #2a3b3e;
    margin: 1rem auto 0;
    padding: .6rem;
}

#container .wrapper .joshiki {
    color: #2a3b3e;
    font: normal 1.2rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    letter-spacing: -1px;
    margin: 2rem auto 0;
    padding: 0;
    text-align: center;
}

#container .wrapper .sec2 h3,
#container .wrapper .sec3 h3,
#container .wrapper .sec4 h3,
#container .wrapper .sec5 h3 {
    color: #2a3b3e;
    font: bold 1.3rem/1.2 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    letter-spacing: -0.05rem;
    margin: 1rem auto;
    padding: 0 .6rem;
    text-align: center;
}

#container .wrapper .sec2 h3 em,
#container .wrapper .sec3 h3 em,
#container .wrapper .sec4 h3 em,
#container .wrapper .sec5 h3 em {
    color: #ff919b;
    font: bold 1.5rem/1.2 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

#container .wrapper .sec2 .flex li {
    margin: .8rem;
    width: calc(100%/1);
}

#container .wrapper .sec2 .flex li p {
    color: #2a3b3e;
    font: 0.9rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    letter-spacing: -0.05rem;
    margin: 5px auto;
    text-align: center;
}

#container .wrapper .sec2 .teacher-box {
    background-color: #afafaf;
    color: #fff;
    font: 1.0rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 0 auto;
    padding: 1rem;
    text-align: center;
}

#container .wrapper .sec2 .teacher-box .cyumoku {
    color: #fff;
    font: bold 1.6rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 5px auto;
}

#container .wrapper .sec2 .teacher-box .cyumoku-desc {
    color: #fff;
    font: 1.2rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 5px auto;
}

#container .wrapper .sec2 .teacher-box .profile {
    margin: 0 auto;
}

#container .wrapper .sec2 .teacher-box .profile img {
    margin: 0 auto;
    text-align: center;
    width: 60%;
}

#container .wrapper .sec2 .teacher-box .profile dl {
    width: 100%;
}

#container .wrapper .sec2 .teacher-box .profile dl dt {
    color: #fff;
    font: bold 1.4rem/1.3 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 5px auto 0;
}

#container .wrapper .sec2 .teacher-box .profile dl dd {
    color: #fff;
    font: .9rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 5px auto 0;
}

#container .wrapper .sec2 .teacher-box .profile .prof {
    color: #fff;
    font: bold 1.0rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 10px auto 0;
}

/*-------------------
   sec3
-------------------*/
#container .wrapper .sec3,
#container .wrapper .sec5 {
    background-color: #ececf0;
    margin: 0 auto 0;
    padding: 2rem 0 1rem;
    text-align: center;
}

#container .wrapper .sec3 .bottom-desc,
#container .wrapper .sec4 .bottom-desc {
    margin: 1rem auto;
    padding: 0 .6rem;
    text-align: center;
}

#container .wrapper .sec3 .flex dl {
    background-color: #fff;
    border-radius: 10px;
    margin: 10px;
    padding: 1rem;
    width: calc(100%/1);
}

#container .wrapper .sec3 .flex dl dt {
    color: #2f2725;
    font: 1.0rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: .8rem 0 .4rem 75px;
    text-align: left;
    height: 10vh;
}

#container .wrapper .sec3 .flex dl dt strong {
    color: #2f2725;
    display: block;
    font: bold 1.4rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

#container .wrapper .sec3 .flex .effect1 {
    background-image: url(https://7beauty.jp/contents/shop/sevenbeauty/img/freepage/plason/kouka-bg1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 5%;
}

#container .wrapper .sec3 .flex .effect2 {
    background-image: url(https://7beauty.jp/contents/shop/sevenbeauty/img/freepage/plason/kouka-bg2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 5%;
}

#container .wrapper .sec3 .flex .effect3 {
    background-image: url(https://7beauty.jp/contents/shop/sevenbeauty/img/freepage/plason/kouka-bg3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 5%;
}

#container .wrapper .sec3 .flex .effect4 {
    background-image: url(https://7beauty.jp/contents/shop/sevenbeauty/img/freepage/plason/kouka-bg4.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 5%;
}

/*-------------------
   sec4
-------------------*/
#container .wrapper .sec4 h4 {
    color: #2a3b3e;
    font: 1.2rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 10px auto 0;
    text-align: center;
}

#container .wrapper .sec4 h4 em {
    color: #7db2e5;
    display: inline-block;
}

#container .wrapper .sec4 .flex dl {
    margin: 5px;
    width: calc(100%/1);
}

#container .wrapper .sec4 .flex dl dt {
    background-color: #7db2e5;
    color: #fff;
    font: bold 1.4rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 5px auto;
    padding: 0.5rem;
    text-align: center;
}

#container .wrapper .sec4 .flex dl dd {
    color: #2a3b3e;
    font: 0.9rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    letter-spacing: -0.05rem;
    margin: 5px auto;
    padding: 1rem;
    text-align: left;
}

#container .wrapper .sec4 .flex .kouka {
    color: #2a3b3e;
    font: bold 1.3rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 15px auto 0;
    padding: 0;
    text-align: center;
}

/*-------------------
   sec5
-------------------*/
#container .wrapper .sec5 .course-title {
    color: #2a3b3e;
    font: 1.1rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    letter-spacing: -0.05rem;
    margin: 1rem auto;
    padding: 0 0.4rem;
    text-align: center;
}

#container .wrapper .sec5 .placo {
    color: #7db2e5;
    font: bold 1.3rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

#container .wrapper .sec5 .flex li {
    margin: 5px;
    padding: 0;
    width: calc(100%/1);
}

#container .wrapper .sec5 .reco-text {
    background-color: #7db2e5;
    color: #fff;
    font: bold 1.1rem/1.1 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 1rem auto 0;
    padding: 1rem;
    width: 95%;
}

#container .wrapper .sec5 .flex .box1 {
    display: flex;
    margin: 5px;
    padding: 0;
    width: calc(100%/1);
}

#container .wrapper .sec5 .flex .box1 img,
#container .wrapper .sec5 .flex .box2 img {
    height: auto;
    height: 1%;
    margin: 1rem auto;
    width: 46%;
}

#container .wrapper .sec5 .flex .box1 dl,
#container .wrapper .sec5 .flex .box2 dl {
    width: 53%;
}

#container .wrapper .sec5 .flex .box1 dl dt,
#container .wrapper .sec5 .flex .box2 dl dt {
    color: #2a3b3e;
    font: bold 1rem/1.2 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    letter-spacing: -0.05rem;
    text-align: left;
    padding: 20px 10px 10px;
}

#container .wrapper .sec5 .flex .box1 dl dd,
#container .wrapper .sec5 .flex .box2 dl dd {
    color: #2a3b3e;
    font: 0.9rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    text-align: left;
    margin: 5px auto;
    padding: 0 .4rem;
}

#container .wrapper .sec5 .flex .box1 dl dd.buy_btn,
#container .wrapper .sec5 .flex .box2 dl dd.buy_btn {
    font: 1.2rem/1.8 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    text-align: center;
    width: 95%;
}

#container .wrapper .sec5 .flex .box2 {
    display: flex;
    margin: 5px;
    padding: 0;
    width: calc(100%/1);
}

/*-------------------
   sec6
-------------------*/
#container .wrapper .sec6 {
    background-color: #fff9f9;
    margin: 0 auto 0;
    padding: 2rem 0 1rem;
    text-align: center;
}

#container .wrapper .sec6 h3,
#container .wrapper .sec7 h3 {
    color: #2a3b3e;
    font: bold 1.4rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    padding: 0;
    text-align: center;
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
}

#container .wrapper .sec6 h3:before,
#container .wrapper .sec7 h3:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 60px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: black;
    border-radius: 2px;
}

#container .wrapper .sec6 .support-title {
    background-color: #5a5a5a;
    font: bold 1.6rem/1.5 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    text-align: center;
    margin: 1.2rem auto 0.5rem;
    padding: .4rem 0;
    color: #ffffff;
    width: 94%;
}

#container .wrapper .sec6 .support-inner {
    overflow: hidden;
    margin: 0;
    padding: 0 10px 10px 10px;
    color: #2a3b3e;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#container .wrapper .sec6 .support-inner dl {
    position: relative;
    margin: 0;
    padding: 10px 0;
}

#container .wrapper .sec6 .support-inner dl dt {
    margin: 0;
    padding: 0 0 5px 0;
    font: bold 1.2rem/1.1 "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
    letter-spacing: -0.05rem;
    color: #cc9933;
}

/*-------------------
   sec7
-------------------*/
#container .wrapper .sec7 {
    background-color: #ececf0;
    margin: 0 auto 0;
    padding: 2rem 0 1rem;
    text-align: center;
}

#container .wrapper .sec7 .taiken-desc {
    color: #2a3b3e;
    font: 1rem/1.4 "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    margin: 0 auto;
    padding: 1rem;
    text-align: center;
}

#container .wrapper .sec7 .flex img {
    height: auto;
    width: 100%;
}

#container .wrapper .sec7 .flex dl {
    margin: 1rem auto;
    width: 100%;
}

#container .wrapper .sec7 .flex dl dt {
    color: #e79c25;
    font: bold 1.6rem/1.4 Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#container .wrapper .sec7 .flex dl dd {
    font: 0.9rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 0 auto;
    padding: 0 10px;
    text-align: center;
}

#container .wrapper .sec7 .flex dl dd.buy_btn {
    color: #fff;
    font: bold 1.4rem/2.6 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 1rem auto;
    padding: 0;
    text-align: center;
    width: 94%;
}

/*#container .wrapper .sec7 .flex::after {
    border-bottom: 1px dotted rgb(177, 177, 177);
}
#container .wrapper .sec7 .flex::last-child:after {
    border: none;
}*/

@media screen and (min-width:350px) and (max-width:480px) {

    /*　スマホ縦　i6 / i6plus / i7  350pxから480pxまではここを読み込む　*/
    #container .mainvisual .cacth {
        font: bold 1.8rem/1.5 Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    }

    #container .headtitle {
        font: bold 1.4rem/1.3 Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    }

    #container .bottom-desc {
        margin: 70% auto 0;
    }

    #container .wrapper .select-nav li {
        font: bold 0.9rem/1.1 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }

    #container .wrapper .sec1 em {
        font: 1.4rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }

    #container .wrapper .sec1 h2 {
        font: bold 1.4rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        letter-spacing: -0.05rem;
    }

    #container .sec1_circle {
        padding: 13% 1rem;
    }

    #container .wrapper .joshiki {
        font: normal 1.1rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }

    #container .wrapper .sec2 .teacher-box .cyumoku {
        font: bold 1.5rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: 15px auto 0;
        letter-spacing: -1px;
    }

    #container .wrapper .sec2 .teacher-box .cyumoku-desc {
        font: 0.9rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        text-align: left;
    }

    #container .wrapper .sec3 .flex dl dt {
        font: 1.2rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: .8rem 0 .4rem 86px;
    }

    #container .wrapper .sec3 .flex dl dd {
        font: 0.9rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: .8rem 0 .4rem 0;
        text-align: left;
    }

    #container .wrapper .sec3 .flex dl dt strong {
        font: bold 1.6rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }

    #container .wrapper .sec4 h4 {
        font: 1.2rem/1.2 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: 20px auto 0;
    }

    #container .wrapper .sec5 .placo {
        font: bold 1.2rem/1.1 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }

    #container .wrapper .sec5 .flex .box1 dl dd.buy_btn,
    #container .wrapper .sec5 .flex .box2 dl dd.buy_btn {
        margin: 10px auto 0;
    }
}

@media screen and (min-width:480px) and (max-width:960px) {

    /*　スマホ横～タブレット 480pxから960pxまではここを読み込む　*/
    #container .flex {
        padding: 0;
    }

    #container .wrapper .mainvisual {
        background: url(https://7beauty.jp/contents/shop/sevenbeauty/img/freepage/plason/pc-top.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 20px;
        height: 520px;
    }

    #container .mainvisual .cacth {
        font: bold 3.2rem/1.5 Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
        text-align: left;
    }

    #container .headtitle {
        font: bold 2.6rem/1.2 Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
        color: #2e3e41;
        padding: 0 50% 0 0;
        text-align: left;
    }

    #container .bottom-desc {
        font: normal 1.1rem/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
        letter-spacing: -0.05rem;
        margin: 27% auto 0;
    }

    #container .wrapper .select-nav li {
        height: 7vh;
        font: bold 1.2rem/1.3 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        letter-spacing: -0.05rem;
    }

    #container .wrapper .select-nav a::before {
        top: 4vh;
    }

    #container .wrapper .sec1 h2 {
        font: bold 2rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: 16px auto 16px;
    }

    #container .what-plason .whats-title {
        font: bold 2.6rem/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
        margin: 1rem auto;
    }

    #container .what-plason .whats-bottom {
        font: normal 1.2rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        color: #fff;
        letter-spacing: -.5px;
        margin: .4rem auto;
        text-align: left;
    }

    #container .wrapper .sec1 {
        background: #e2e2e2 url(https://7beauty.jp/contents/shop/sevenbeauty/img/freepage/plason/bg-img1.jpg) 0 100% no-repeat;
        background-size: contain;
        margin: 0 auto;
        text-align: center;
        padding: 50px 30px;
    }

    #container .sec1_circle {
        font: normal 2.4rem/1.2 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        background-color: #7da1d4;
        color: #fff;
        border-radius: 50%;
        height: 240px;
        width: 240px;
        padding: 14% 1em;
        position: relative;
        text-align: center;
        margin: 0;
        display: inline-block;
    }

    #container .sec1_2x {
        font: lighter 5em/1.0 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        color: #bbd7ff;
        padding: 1.2em 0;
    }

    #container .what-plason {
        margin: 4rem auto;
    }

    #container .wrapper .joshiki {
        font: normal 2.0rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }

    #container .wrapper .sec2 .flex li {
        margin: .8rem auto;
        width: calc(92%/2);
    }

    #container .wrapper .sec2 .teacher-box .profile {
        margin: 0 auto;
        display: flex;
    }

    #container .wrapper .sec2 .teacher-box {
        border-radius: 10px;
        margin: 1rem auto;
        padding: 1rem;
        width: 96%;
    }

    #container .wrapper .sec2 .teacher-box .cyumoku {
        font: bold 2.0rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: 20px auto 0;
    }

    #container .wrapper .sec2 .teacher-box .cyumoku-desc {
        font: 1.2rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: 15px auto;
        letter-spacing: -0.05rem;
        text-align: left;
    }

    #container .wrapper .sec2 .teacher-box .profile dl {
        width: 100%;
        padding: 0 2rem;
        text-align: left;
    }

    #container .wrapper .sec2 .teacher-box .profile img {
        margin: 20px;
        text-align: center;
        width: 50%;
    }

    #container .wrapper .sec2 span,
    #container .wrapper .sec3 span,
    #container .wrapper .sec4 span,
    #container .wrapper .sec5 span {
        font-size: 1.6rem;
    }

    #container .wrapper .sec2 h3,
    #container .wrapper .sec3 h3,
    #container .wrapper .sec4 h3,
    #container .wrapper .sec5 h3 {
        font: bold 1.8rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }

    #container .wrapper .sec2 h3 em,
    #container .wrapper .sec3 h3 em,
    #container .wrapper .sec4 h3 em,
    #container .wrapper .sec5 h3 em {
        font: bold 2.2rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }

    #container .wrapper .sec3 .flex dl {
        margin: 10px;
        width: calc(91%/2);
    }

    #container .wrapper .sec3 .flex dl dt {
        font: 1.2rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: .8rem 0 .4rem 88px;
        height: 7vh;
    }

    #container .wrapper .sec3 .flex dl dd {
        text-align: left;
        line-height: 1.5;
    }

    #container .wrapper .sec3 .flex dl dt strong {
        font: bold 1.6rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }

    #container .wrapper .sec3,
    #container .wrapper .sec5 {
        padding: 4rem 0 1rem;
    }

    #container .wrapper .sec2,
    #container .wrapper .sec4 {
        margin: 4rem auto 0;
    }

    #container .wrapper .sec4 h4 {
        font: 2.2rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }

    #container .wrapper .sec4 .flex dl {
        margin: 5px 10px;
        width: calc(94%/2);
    }

    #container .wrapper .sec5 .flex li {
        margin: 0;
        padding: 0;
        width: calc(100%/2);
    }

    #container .wrapper .sec5 .course-title {
        font: 1.4rem/1.2 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }

    #container .wrapper .sec5 .placo {
        font: bold 1.8rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: 2rem auto 10px;
    }

    #container .wrapper .sec5 .flex .box1,
    #container .wrapper .sec5 .flex .box2 {
        display: flex;
        margin: 5px;
        padding: 0;
        width: calc(95%/2);
    }

    #container .wrapper .sec5 .reco-text {
        font: 1.6rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        width: 95%;
    }

    #container .application .app-box .left-box {
        color: #fff;
        margin: 0 5px;
        width: 48%;
    }

    #container .application .app-box .right-box {
        margin: 0 auto;
        width: 48%;
    }

    #container .wrapper .sec6 .support-title {
        width: 98%;
    }

    #container .wrapper .sec7 .flex img {
        height: auto;
        margin: 1rem auto;
        width: 35%;
    }

    #container .wrapper .sec7 .flex dl {
        margin: 0 auto 2rem;
        width: 60%;
    }

    #container .wrapper .sec7 .flex dl dt {
        color: #e79c25;
        font: bold 1.8rem/1.4 "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
        margin: 6px auto;
        padding: 0 0 0 10px;
        text-align: left;
    }

    #container .wrapper .sec7 .flex dl dd {
        font: 1.2rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: 0 auto;
        padding: 0 1rem;
        text-align: left;
    }

    #container .wrapper .sec7 .taiken-desc {
        font: 1.6rem/1.5 "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
    }

    #container .wrapper .sec6 h3,
    #container .wrapper .sec7 h3 {
        font: bold 2.4rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }

    /*-------------------
   movie
-------------------*/
    #container .youtube {
        margin: 10% auto 2%;
        width: 75%;
        height: 320px;
    }
}


@media screen and (min-width:960px) {

    /*　小・大画面デスクトップ　960pxからはここを読み込む　*/
    #container .wrapper {
        margin: 0 auto;
        width: 1040px;
    }

    #container .wrapper .mainvisual {
        background: url(https://7beauty.jp/contents/shop/sevenbeauty/img/freepage/plason/pc-top.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 40px 40px;
        height: 700px;
    }

    #container .headtitle {
        font: bold 3.6rem/1.2 Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
        color: #2e3e41;
        letter-spacing: -1px;
        margin: 2rem 0;
        padding: 0 26rem 0 0;
        text-align: left;
    }

    #container .mainvisual .cacth {
        font: bold 2.8rem/1.5 Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
        text-align: left;
    }

    #container .bottom-desc {
        font: normal 1.2rem/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
        margin: 27% auto 0;
    }

    #container .bottom-notes {
        margin: 10px auto 0;
    }

    #container .wrapper .select-nav a::before {
        top: 6vh;
    }

    #container .select-nav {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
    }

    #container .wrapper .select-nav li {
        font: bold 1.0rem/1.3 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        padding: 5px;
        letter-spacing: -0.05rem;
        transition: all .1s;
    }

    #container .wrapper .select-nav li:hover {
        background: #f6f6f6;
        border-bottom: #3e4b80 solid 5px;
    }

    #container .wrapper .sec1 {
        background: #e2e2e2 url(https://7beauty.jp/contents/shop/sevenbeauty/img/freepage/plason/bg-img1.jpg) 0 100% no-repeat;
        background-size: contain;
        height: 1680px;
        margin: 0 auto;
        text-align: center;
        padding: 50px 95px;
    }

    #container .what-plason .whats-title {
        font: bold 2.6rem/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
        margin: .4rem auto;
    }

    #container .what-plason {
        margin: 8rem auto;
        padding: 2rem;
    }

    #container .what-plason .whats-bottom {
        font-size: 1.2rem;
        margin: 1rem auto;
        text-align: center;
    }

    #container .wrapper .sec1 em {
        font: 1.4rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }

    #container .wrapper .sec1 h2 {
        font: bold 2.5rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: 25px auto 20px;
        letter-spacing: -1px;
    }

    #container .sec1_circle {
        font: normal 3.0em/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        background-color: #7da1d4;
        color: #fff;
        border-radius: 50%;
        height: 270px;
        width: 270px;
        padding: 16% 1em;
        position: relative;
        text-align: center;
        margin: 0;
        display: inline-block;
    }

    #container .sec1_flex2 {
        width: 80%;
    }

    #container .sec1_2x {
        font: lighter 7em/1.0 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        color: #bbd7ff;
        padding: 1.2em 0;
    }


    #container .wrapper .sec2 span,
    #container .wrapper .sec3 span,
    #container .wrapper .sec4 span,
    #container .wrapper .sec5 span {
        font-size: 1.4rem;
    }

    #container .wrapper .sec2 h3,
    #container .wrapper .sec3 h3,
    #container .wrapper .sec4 h3,
    #container .wrapper .sec5 h3 {
        font: bold 2.4rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        padding: 0 65px 0;
        letter-spacing: -.5px;
    }

    #container .wrapper .sec2 h3 em,
    #container .wrapper .sec3 h3 em,
    #container .wrapper .sec4 h3 em,
    #container .wrapper .sec5 h3 em {
        font: bold 2.6rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }

    #container .wrapper .joshiki {
        font: normal 2.0rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }

    #container .wrapper .sec2 .flex li {
        margin: .8rem auto;
        width: calc(100%/2);
    }

    #container .wrapper .sec2 .teacher-box .profile {
        margin: 2rem auto;
        display: flex;
    }

    #container .wrapper .sec2 .teacher-box {
        border-radius: 10px;
        margin: 2rem auto;
        padding: 1rem;
        width: 90%;
    }

    #container .wrapper .sec2 .teacher-box .profile img {
        margin: 0 auto 0 35px;
        text-align: center;
        height: 244px;
        width: 244px;
    }

    #container .wrapper .sec2 .teacher-box .cyumoku {
        font: bold 1.8rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: 35px auto;
    }

    #container .wrapper .sec2 .teacher-box .cyumoku-desc {
        font: 1.1rem/1.6 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        letter-spacing: -.5px;
        margin: 15px auto;
        padding: 0 20px;
    }

    #container .wrapper .sec2 .teacher-box .profile dl {
        width: 600px;
        padding: 0 2rem;
        text-align: left;
    }

    #container .wrapper .sec3 .flex dl dt {
        font: 1.0rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: 1rem 0 1rem 130px;
        height: 11vh;
    }

    #container .wrapper .sec3 .flex dl dt strong {
        font: bold 1.6rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }

    #container .wrapper .sec3 .flex dl dd {
        color: #444;
        text-align: left;
        line-height: 1.5;
        font-size: .9rem;
    }

    #container .wrapper .sec3 .flex dl {
        height: 31vh;
        margin: 15px;
        padding: 1rem;
        width: calc(88%/2);
    }

    #container .wrapper .sec4 .flex dl {
        margin: 5px;
        width: calc(98%/2);
    }

    #container .wrapper .sec4 .flex dl dd {
        font: 1.2rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: 5px auto;
        padding: 1rem;
        text-align: left;
        overflow: hidden;
    }

    #container .wrapper .sec3,
    #container .wrapper .sec5 {
        padding: 4rem 0 1rem;
    }

    #container .wrapper .sec2,
    #container .wrapper .sec4 {
        margin: 4rem auto 0;
        padding: 0 0 2rem;
    }

    #container .wrapper .sec4 h4 {
        font: 2.2rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }

    #container .wrapper .sec5 .flex li {
        margin: 0;
        padding: 0;
        width: calc(90%/2);
    }

    #container .wrapper .sec5 .placo {
        color: #7db2e5;
        font: bold 1.3rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: 2rem auto 0;
    }

    #container .wrapper .sec5 .course-title {
        font: bold 1.4rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: 3rem auto 1rem;
    }

    #container .wrapper .sec5 .reco-text {
        font: 1.6rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: 3rem auto 1rem;
        width: 95%;
    }

    #container .wrapper .sec5 .flex .box1,
    #container .wrapper .sec5 .flex .box2 {
        display: flex;
        margin: 1rem 15px 2rem;
        padding: 0;
        width: calc(84%/2);
    }

    #container .wrapper .sec5 .flex .box1 dl dd,
    #container .wrapper .sec5 .flex .box2 dl dd {
        font: .9rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: 45px auto 10px;
    }

    #container .wrapper .sec5 .flex .box1 dl dt,
    #container .wrapper .sec5 .flex .box2 dl dt {
        font: 1.2rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: 1rem auto;
        padding: 0 .4rem;
    }


    #container .wrapper .sec5 .flex .box1 dl dd.buy_btn,
    #container .wrapper .sec5 .flex .box2 dl dd.buy_btn {
        margin: 0 auto;
    }

    #container .application .app-box .left-box {
        color: #fff;
        margin: 0 5px 0 auto;
        width: 47%;
    }

    #container .application .app-box .right-box {
        margin: 0 auto;
        width: 40%;
    }

    #container .wrapper .sec6 {
        padding: 3rem 4rem;
    }

    #container .wrapper .sec6 .support-title {
        margin: 1rem auto;
        width: 98%;
    }

    #container .wrapper .sec6 .support-inner dl dt {
        font: bold 1.6rem/1.4 "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
    }

    #container .wrapper .sec6 .support-inner dd {
        font: 1.0rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        text-align: left;
    }

    #container .wrapper .sec7 {
        padding: 3rem 0;
    }

    #container .wrapper .sec7 .flex img {
        height: auto;
        margin: 2rem 0 0 4rem;
        width: 37%;
    }

    #container .wrapper .sec7 .flex dl {
        margin: 0 auto 2rem;
        width: 50%;
    }

    #container .wrapper .sec7 .flex dl dt {
        font: bold 1.8rem/1.4 Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
        margin: 25px auto 5px;
        padding: 0 1rem;
        text-align: left;
    }

    #container .wrapper .sec7 .flex dl dd {
        font: 1.0rem/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        margin: 0 auto;
        padding: 0 1rem;
        text-align: left;
    }

    #container .wrapper .sec7 .flex dl dd.buy_btn {
        width: 70%;
    }

    #container .wrapper .sec7 .taiken-desc {
        font: 1.6rem/1.5 "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    }

    #container .wrapper .sec6 h3,
    #container .wrapper .sec7 h3 {
        font: bold 2.4rem/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    }

    #container .new-btn-box .width {
        width: 960px !important;
    }

    /*-------------------
   movie
-------------------*/
    #container .youtube {
        margin: 4% auto;
        width: 70%;
        height: 410px;
    }
}