@charset "utf-8";
.sp {}
.pc, .pc_top_start_02 {
  display: none;
}
@media only screen and (min-width: 768px) {
  .sp_top_start_02 {
    display: none !important;
  }
  .sp {
    display: none;
  }
  .pc_top_start_02, .pc {
    display: block;
  }
  body p, body span, body div {
    line-height: 2;
  }
  .innerBox, #panList .innerBox, #footMenu .innerBox, #footer .innerBox, #topMainBnrFrame, #pageTitBnr .innerBox, #topMainBnrFrame, .innerBox, #gMenuInner.innerBox {
    max-width: 1100px;
    width: 100%;
  }
  /*            header                  */
  .header_logo {
    width: 380px;
    text-align: center;
    height: 150px;
  }
  .header_logo img {
    max-width: inherit;
  }
  /*            footer                  */
  .footer .inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1100px;
  }
  .footer_box {
    width: 22%;
  }
  .footer_midasi {
    pointer-events: none;
  }
  .footer_logo {
    width: 22%;
  }
  .footer_cp_nav {
    width: 70%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .copyright span {
    padding: 15px 15px;
  }
  .copyright {
    font-size: 12px;
  }
  /*     page top   */
  #pagetop {
    width: 80px;
    height: 80px;
    right: 30px;
    bottom: 30px;
    font-size: 40px;
  }
  /*　　　　　　　　　　　　　トップページ　　　　　*/
  /*　　　　　共通　　　　　　*/
  .top_box {
    padding: 60px 0 60px 0;
  }
  .top_catch {
    padding: 70px 0;
  }
  .top_midasi {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
  }
  .top_midasi > div {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }
  .top_midasi_01 {
    font-size: 16px;
    letter-spacing: 3px;
  }
  @media all and (-ms-high-contrast: none) {
    /* 見出し下スペース */
    *::-ms-backdrop, .top_midasi_01 {
      padding-bottom: 20px;
    }
  }
  .top_midasi_02 {
    font-size: 28px;
    letter-spacing: 3px;
    margin-left: 40px;
  }
  .more {
    margin: 50px auto 0 auto;
    width: 450px;
  }
  .more a {
    padding: 10px;
    letter-spacing: 3px;
  }
  .more a:after {
    left: 40px;
    top: 50%;
  }
  /*　　　トップ画　　*/
  .top_main_img_box {
    margin: 0px auto 0 auto;
    padding: 50px;
    min-height: 560px;
    background: url(../images/top/top_main_bg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
  }
  .maintitle {
    position: absolute;
    right: 30px;
    top: 35%;
    bottom: 50%;
  }
  .top_text_01 {
    letter-spacing: 2px;
    font-size: 38px;
    font-family: "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", Meiryo, sans-serif;
  }
  .top_text_02, .top_text_01 {
    text-align: right;
  }
  .top_main_skin {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    max-width: 500px;
    width: 100%;
    margin: 112px 0 auto auto;
  }
  .top_main_skin li {
    margin-left: 10px;
  }
  .top_main_catch {
    font-size: 52px;
    letter-spacing: 2px;
  }
  /*   肌にこんな症状　　*/
  .top_skin_condition .top_main_catch {
    margin-bottom: 50px;
  }
  .top_skin_condition_list > li {
    width: 25%;
    margin-bottom: 0;
  }
  .top_skin_condition_list .title {
    margin: 25px 0 0 0;
    letter-spacing: 1px;
    font-size: 20px;
    line-height: 1.3;
  }
  .top_skin_condition_under:after {
    border: 80px solid transparent;
    border-top: 36px #2663ac solid;
    margin-left: -80px;
  }
  .top_skin_condition_under2 {
    margin: 10px auto 40px;
    width: 45%;
  }
  .top_skin_condition_under p {
    font-size: 18px;
    line-height: 1.9;
  }
  .top_skin_condition_under2 p {
    font-size: 18px;
    line-height: 1.9;
  }
  .top_nontouch_list > li {
    width: 30%;
    margin-bottom: 0px;
  }
  .top_nontouch_list .title {
    font-size: 18px;
    margin: 15px 0 0 0;
  }
  /*   肌のトラブル　　*/
  .top_skin_box {
    padding: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .top_skin_box_01 {
    margin-bottom: 30px;
  }
  .top_skin_box .img {
    width: 27%;
    margin-bottom: 0;
  }
  .top_skin_box .text {
    width: 68%;
  }
  .top_skin_box .text p {
    padding-left: 90px;
  }
  .top_skin_box .midasi {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
    display: table;
    table-layout: fixed;
  }
  .top_skin_box .midasi span {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }
  .top_skin_box .midasi .num {
    margin-right: 15px;
    margin-bottom: 0;
    width: 80px;
    padding: 0 10px 0;
    font-size: 45px;
    min-height: 78px;
    display: table-cell;
    vertical-align: top;
  }
  .top_skin_box .midasi .underline {
    display: table-cell;
    vertical-align: middle;
  }
  .top_skin_box .midasi .title {
    flex: 1;
    font-size: 26px;
    background: linear-gradient(transparent 70%, #d5e3f3 0%);
    display: inline;
  }
  /*　　　3ヶ月サポート　　　*/
  .top_3support .beginner_main_text {
    margin: 0 0 40px 0;
  }
  .top_3support_LR {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 0 auto 60px;
  }
  .top_3support_LR > div {
    width: 47%;
  }
  .top_3support_LR .text {
    margin-top: 0px;
    font-size: 22px;
    flex-direction: column;
    justify-content: center;
    display: flex;
    text-align: left;
  }
  .top_hajime {
    margin: 40px 0 0 0;
    padding: 50px;
    //border: solid 7px #2663ac;
  }
  .top_hajime .midasi {
    margin: 0px 0 50px 0;
    font-size: 40px;
    //padding: 15px 15px 20px 15px;
    line-height: 1;
  }
  .top_3support .top_skin_condition_list li {
    width: 25%;
    margin: 0 !important;
  }
  .top_3support .top_skin_condition_list li:after {
    content: "\f105";
    font-size: 110px;
    line-height: 1;
    right: -33%;
    left: auto;
    top: 35px;
    bottom: 0;
  }
  .top_3support .top_skin_condition_list li:last-of-type:after {
    display: none;
  }
  /*   改善事例　　*/
  .midasi_tips {
    text-align: center;
  }
  .top_photo_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
  }
  .top_photo_list li {
    width: 23%;
    margin-bottom: 0;
  }
  .top_photo_list li i {
    font-size: 60px;
    margin-top: -22px;
  }
  /*   本の紹介　　*/
  .top_book_midasi {
    font-size: 26px;
  }
  .top_book_LR {
    max-width: 1000px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 50px;
  }
  .top_book_LR .img {
    width: 30%;
    margin: 0;
  }
  .top_book_LR .img img {
    max-width: 400px;
  }
  .top_book_LR .text {
    width: 60%;
    text-align: left;
    flex-direction: column;
    justify-content: center;
    display: flex;
  }
  .text_01 {
    text-align: left;
    font-size: 36px;
    line-height: 1;
    text-indent: -15px;
  }
  /*    2つのリンク　　*/
  .top_link {
    padding: 60px 0;
  }
  .top_link_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 40px auto 0;
  }
  .top_link_list li {
    width: 50%;
  }
  .top_link_list li:nth-of-type(odd) {
    border-right: solid 1px #fff
  }
  .top_link_list li a {
    padding: 50px;
  }
  .top_link_list li .midasi {
    font-size: 20px;
    margin: 25px 0;
  }
  /*              カスタム投稿タイプ　修正　　　　*/
  /*    共通　　　*/
  #panList {
    margin: 15px 0 40px 0;
    padding: 0;
  }
  .content-casePhotosWrap-headImage {
    margin: 0px 0 40px 0;
  }
  #blogArticle .content-lanerformWrap-fellow-mail-title, #blogArticle .content-lanerformWrap-fellow-Stitle, #blogArticle .content-lanerformWrap-fellow-Ltitle, #blogArticle .content-lanerformWrap-nonContactLife-title, #blogArticle .content-continueformWrap-nonContactLife-title, .content .secTitle, .backNumber .backNumber-title, .content h2, .content h1.contentTitle, .content h1.entryPostTitle, .content .sideWidget h4 {
    margin: 60px 0 30px 0;
    font-size: 28px;
    padding: 15px 20px;
  }
  .content h1.entryPostTitle:nth-child(1), .content h1.contentTitle:nth-child(1) {
    margin-top: 0;
  }
  .content h4 {
    font-size: 20px;
    padding: 10px 15px 10px 0;
    margin: 30px 0;
  }
  #blogArticle .articleWrap-sbox-title {
    font-size: 20px;
    padding: 10px 15px 10px 0;
    margin: 30px 0;
  }
  .content h3 {}
  /*   バックナンバー　*/
  .backNumber-list-item {
    margin-bottom: 10px;
  }
  .backNumber-list-item a {
    flex: 1;
    padding-left: 10px;
    width: auto;
  }
  .backNumber-list-item-data, .newArticle-detailColumn-data, .backNumber-list-item-data {
    font-size: 12px;
    line-height: 33px;
  }
  /*   メールマガジン　*/
  #main .content-mailMagazineWrap-list th, #main .content-mailMagazineWrap-list td {
    padding: 20px;
  }
  #main .content-mailMagazineWrap-list th {
    width: 200px;
  }
  .newArticle {
    border: 5px solid #2663ac;
    padding: 40px 40px;
    margin-bottom: 20px;
    display: flex;
  }
  .newArticle-imgColumn {
    width: 200px;
  }
  .newArticle-detailColumn {
    flex: 1;
    padding-left: 20px;
  }
  .newArticle-detailColumn p {
    margin: 15px 0;
  }
  .newArticle .title_wrap .title {
    font-size: 25px;
    flex: 1;
    padding-left: 20px;
  }
  .newArticle .title_wrap .title a {
    font-size: 25px;
    width: 100%;
  }
  .newArticle-detailColumn-data {
    font-size: 16px;
    width: 135px;
    margin: 0;
  }
  /*   事例写真　casephotos　*/
  .content-tabWrap-articleList-list {
    padding: 15px;
  }
  .content-tabWrap-articleList-list-item {
    margin-bottom: 20px;
    padding: 25px 30px;
    width: 49%;
  }
  .content-tabWrap-articleList-list-item .title {
    background: url(../images/common/icon_finger.png) no-repeat left top 5px;
    background-size: 35px;
    font-size: 18px;
    padding: 0px 0 15px 42px;
  }
  .jirei_LR {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 25px;
  }
  .jirei_LR .img {
    width: 150px;
  }
  .jirei_LR .text {
    flex: 1;
    padding-left: 15px;
    margin: 0;
  }
  /*    肌測定データ   */
  .content-numberPhotosWrap-numberRead {
    display: flex;
    padding: 0px 0px 10px;
    flex-direction: row-reverse;
  }
  .content-numberPhotosWrap-numberRead .img {
    width: 320px;
  }
  .content-numberPhotosWrap-numberRead ul {
    flex: 1;
  }
  /*       よくある質問　*/
  .backNumber, .content-faqWrap .backNumber {
    padding: 30px 50px;
    margin-bottom: 0;
  }
  .backNumber-list-item {
    border-bottom: solid 1px #ccc;
  }
  /*       研究開発実績　*/
  .develop_LR {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .develop_LR .img {
    width: 180px;
    padding-right: 30px;
    margin: 0;
  }
  .develop_LR .text {
    flex: 1;
  }
  /*     　MW WP FORM 修正　　　　　　　　　　　*/
  .content-lanerformWrap-nonContactLife-list-item-title, .content-continueformWrap-nonContactLife-list-item-title, .content-lanerformWrap-list-item-title, .content-continueformWrap-list-item-title {
    width: 30%;
  }
  .content-lanerformWrap-nonContactLife-list-item-title, .content-continueformWrap-nonContactLife-list-item-title, .content-lanerformWrap-list-item-title, .content-continueformWrap-list-item-title, .content-lanerformWrap-list-item-detail, .content-continueformWrap-list-item-detail, .content-lanerformWrap-nonContactLife-list-item-detail, .content-continueformWrap-nonContactLife-list-item-detail {
    padding: 10px 15px;
  }
  .content-lanerformWrap-fellow-mail-detail textarea, form textarea {
    width: 80%;
  }
  .master_q1_check .mwform-checkbox-field {
    width: 25%;
  }
  /*    　　　　　　　お問合せ　　　　　　*/
  .content-sendWrap-about .content-sendWrap-about-list-item {
    padding: 15px;
  }
  .page-id-4823 .form_submit input {
    max-width: 200px;
    width: 40%;
  }
  /*                      固定ページ　　　　　　　　　　　*/
  /*         共通　　　　*/
  .page_box {
    padding-bottom: 50px;
  }
  .waku {
    padding: 30px;
    margin-bottom: 20px;
  }
  .waku_usu_blue {
    padding: 30px;
  }
  .waku ul li {
    margin: 15px 0;
    margin-left: 26px;
    font-size: 18px;
    padding-bottom: 9px;
  }
  .waku ul.count_decimal li {
    margin-left: 42px;
  }
  .page_box .page_h3 {
    font-size: 20px;
    padding: 15px 0;
    margin: 20px 0;
  }
  .header_text_img img {
    max-width: 50%;
  }
  .wrap_LR {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .page_box .common_table th, .page_box .common_table td {
    padding: 10px 15px;
  }
  .tips_center {
    text-align: center;
  }
  .page_catch_copy {
    font-size: 25px;
    margin: 0 0 40px 0;
  }
  /*　　　　クイズ　　　　　　*/
  #blogArticle .quiz_begin {
    padding: 40px;
  }
  #blogArticle .quiz_begin input {
    width: 35%;
    margin: 0 20px 10px 10px;
  }
  .quiz_section label, .quiz_section .mlw_qmn_question {
    font-size: 18px;
  }
  /*　　　測定カウンセリング　　　　*/
  .counseling_LR .img {
    width: 35%;
    margin-bottom: 0;
  }
  .counseling_LR .text {
    width: 60%;
  }
  .counseling_detail_box {
    padding: 40px;
    margin-bottom: 40px;
  }
  .counseling_detail_midasi {
    padding: 10px 20px 10px 35px;
    letter-spacing: 2px;
    font-size: 26px;
    margin: 0 0 30px 0;
  }
  .counseling_yoyaku_LR > div {
    width: 48%;
  }
  .counseling_common_flow li .ccf_s3 {
    width: 100px;
    padding: 0 15px;
  }
  /*　　　測定カウンセリングの流れ　　　　*/
  .counseling_flow_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .counseling_flow_list li {
    width: 23%;
    padding: 20px;
    margin-bottom: 0;
  }
  .counseling_flow_list li:after {
    top: 50%;
    right: -48px;
    left: auto;
    margin: 0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border: 25px solid transparent;
    border-left: 22px #265288 solid;
    margin-top: -25px;
  }
  .counseling_flow_text_01 {
    padding: 100px 15px;
    margin: 30px 0;
  }
  /*　　　詳細-ラーナー用-  　　　　*/
  .learner_merit li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 20px 0;
  }
  .learner_merit li .num {
    width: 80px;
    font-size: 38px;
  }
  .learner_merit li .text {
    padding: 10px 10px 10px 10px;
  }
  .learner_merit li .midasi {
    font-size: 30px;
  }
  .learner_program_box_L {
    width: 400px;
  }
  .learner_program_box_R {
    padding: 30px;
  }
  .learner_program_table th, .learner_program_table td {
    font-size: 16px;
  }
  .learner_program_table th {
    width: 150px;
  }
  .learner_program_next {
    padding: 20px 15px;
    margin: 50px 0;
  }
  .learner_program_next_text_01 {
    font-size: 30px;
  }
  .learner_price > div {
    width: 48%;
  }
  .learner_price .maker_y {
    font-size: 26px;
  }
  /*　　　ASVC30        　　　　*/
  .asvc_main {
    height: 400px;
    flex-direction: column;
    justify-content: center;
    display: flex;
    margin: 0 0 40px 0;
  }
  .asvc_img {
    margin: 0 0 0 120px;
    padding: 0;
  }
  .asvc30_img {
    width: 100%;
    max-width: 450px;
  }
  .asvc38_img {
    width: 100%;
    max-width: 620px;
  }
  .asvc_LR {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .asvc_LR > div {
    width: 49%;
  }
  .asvc_enquete {
    margin-bottom: 50px;
  }
  .asvc_enquete .img {
    width: 400px;
  }
  .asvc_enquete .text {
    flex: 1;
  }
  /*     活性保持型ビタミンC      */
  .about_asvc_copy span {
    font-size: 53px;
  }
  .about_asvc_link > div {
    width: 49%;
  }
  /*　　8つの習慣　*/
  .ntl_LR .img {
    width: 35%;
    min-height: 300px;
  }
  .ntl_LR .text {
    width: 60%;
  }
  .flex_reverse {
    flex-direction: row-reverse;
  }
  .free_setumei_tuika {
    padding: 30px 40px 1px 40px;
    margin-top: 50px;
  }
  .free_setumei_tuika .midasi {
    background: url(https://jstcd-kizon.nice-check.com/clinic/html/template/mycustom/assets/images/page/icon_finger.png) no-repeat left center;
    background-size: 50px;
    font-size: 20px;
    padding: 10px 0 10px 61px;
    margin-bottom: 15px;
  }
  .user_date_content h2 {
    margin: 60px 0 30px 0;
    font-size: 20px;
    padding: 20px;
  }
  .user_date_content h3, .manner8_wrap h3 {
    font-size: 20px;
    padding: 20px;
    margin: 30px 0;
  }
  /*       01   非接触生活　　　　　*/
  .manner8_title {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .manner8_title .num_before {
    padding: 10px 10px 10px 15px;
    letter-spacing: 2px;
    width: 100px;
  }
  .manner8_title .num {
    font-size: 34px;
    margin-left: 10px;
  }
  .manner8_title .title_text {
    flex: 1;
    flex-direction: column;
    justify-content: center;
    display: flex;
    padding: 0 20px 0 20px;
    font-size: 20px;
  }
  .manner8_title:after {
    top: 50%;
    bottom: auto;
    left: auto;
    right: 0;
    margin: inherit;
  }
  .manner8_detail {
    margin-bottom: 50px;
  }
  .manner8_4_img li {
    width: 23%;
  }
  .manner8_4_img .midasi {
    margin: 25px 0;
  }
  /*      02 化粧品によく使用される界面活性剤・シリコーン　　　　　*/
  .manner8_wrap .ntl_LR .text, .ntl_04_box_01 .text, .ntl_05_box_01 .text, .ntl_02_box_02 .text, .ntl_02_box_01 .text {
    width: 60%;
    flex-direction: column;
    justify-content: center;
    display: flex;
  }
  .manner8_wrap .ntl_LR, .ntl_04_box_01, .ntl_05_box_01, .ntl_02_box_02 {
    min-height: 300px;
  }
  .ntl_02_box_01 .img {
    width: 35%;
  }
  .manner8_wrap .ntl_LR .text, .ntl_04_box_01 .text, .ntl_05_box_01 .text, .ntl_02_box_02 .text, .ntl_02_box_01 .text {
    width: 60%;
    flex-direction: column;
    justify-content: center;
    display: flex;
  }
  .ntl_02_box_02 .img {
    width: 35%;
  }
  .kaimen_list li {
    width: 32%;
    margin-bottom: 20px;
  }
  .kaimen_table_wrap .kaimen_table {
    width: 48%;
  }
  .kaimen_table_wrap .kaimen_table th, .kaimen_table_wrap .kaimen_table td {
    font-size: 14px;
  }
  .kaimen_table_wrap .kaimen_table th {
    width: 160px;
  }
  /*    03  完全お湯洗髪成功法 声   */
  .waku {
    padding: 30px;
    border: solid 4px #2663ac;
    margin-bottom: 20px;
  }
  .waku ul li {
    margin: 15px 0;
    margin-left: 26px;
    font-size: 18px;
    padding-bottom: 9px;
  }
  .waku ul.count_decimal li {
    margin-left: 42px;
  }
  /*         洗髪の流れ       */
  .wash_hair li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 20px;
    flex-direction: row-reverse;
  }
  .wash_hair li .img {
    width: 180px;
    text-align: center;
  }
  .wash_hair li .text {
    flex: 1;
  }
  .wash_hair li .title {
    position: relative;
    padding-left: 74px;
    height: 41px;
    flex-direction: column;
    justify-content: center;
    display: flex;
    margin: 0 0 20px 0;
  }
  .wash_hair li .title .num {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    font-size: 25px;
    padding: 8px 0;
  }
  /*      　洗髪　必須アイテム　*/
  .wash_hair_item_list li {
    width: 32%;
    margin-bottom: 20px;
  }
  /* 　　　 声　　　　*/
  .manner8_title, .voice_title {
    padding: 15px 20px;
    margin-bottom: 20px;
  }
  .manner8_title:after, .voice_title:after {
    width: 10px;
    height: 10px;
    right: 20px;
    margin-top: -6px;
  }
  .voice_ul {
    margin: 25px 0;
    padding: 20px;
  }
  .voice_ul li {
    margin-left: 25px;
  }
  .voice_img {
    float: right;
    margin: 0 0 20px 30px;
  }
  /*    04  小麦粉シャンプーの作り方   */
  .komugi_youi_list {
    text-align: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    border-left: 1px solid #2663ac;
    height: 160px;
  }
  .komugi_youi_list li {
    width: 25%;
    padding: 10px 10px;
    border: 1px solid #2663ac;
    border-left: none;
    flex-direction: column;
    justify-content: center;
    display: flex;
  }
  .komugi_youi_list img {
    display: block;
    margin: 0 auto;
    height: 53px;
    width: auto;
    margin-bottom: 10px;
  }
  .komugi_flow li {
    width: 23%;
  }
  .komugi_flow li p {
    margin-top: 15px;
  }
  .komugi_LR > div {
    width: 48%;
  }
  .komugi_L .img {
    margin-bottom: 20px;
  }
  /*    05  手についた一次刺激性物質の落とし方*/
  .hand_img {
    margin-top: 40px;
  }
  .hand_img li {
    width: 19%;
  }
  .hand_img img {
    max-width: 150px;
  }
  .hand_img li p {
    margin: 25px 0 0 0;
  }
  /*     7日で分かる日常生活の改善法 はじめてのかたへ      */
  .beginner_step_mail .waku {
    width: 58%;
    margin: 0;
  }
  .beginner_box_01 {
    padding-bottom: 0;
  }
  .beginner_step_mail_img {
    width: 40%;
    height: auto;
  }
  .beginner_main_text {
    font-size: 30px;
    margin: 40px 0 20px 0;
  }
  .beginner_main_text span {
    font-size: 50px;
  }
  .beginner_book .img img {
    max-width: 250px;
  }
  /*    3カ月サポートプログラム      */
  .sp_step_box_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .sp_step_L {
    width: 100px;
    font-size: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  .sp_step_R {
    flex: 1;
  }
  .sp_step_inner_wrap {
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .sp_step_inner {
    width: 35%;
  }
  .sp_step_inner:last-of-type {
    width: 28%;
  }
  .sp_step_more {
    width: 100%;
    margin: 10px auto 60px auto;
  }
  .sp_step_more a {
    line-height: 1.3;
    font-size: 28px;
    padding: 20px 30px;
    letter-spacing: 1px;
  }
  .sp_step_more a span {
    font-size: 16px;
  }
  .step_kanja_text {
    font-size: 22px;
  }
  /*    3か月マスターコース      */
  .main_midasi {
    font-size: 32px;
    letter-spacing: 2px;
    padding: 8px 10px 11px 10px;
  }
  .sp_3month_LR_02 .L .midasi, .sp_3month_btn p, .sp_3month li .text p, .sp_3month_tips p {
    font-size: 20px;
  }
  .sp_3month_midasi_02, .sp_3month_midasi_01 {
    font-size: 30px;
    margin: 25px 0;
  }
  .sp_3month_midasi_02 {
    font-size: 22px;
    padding: 5px 10px;
    margin-bottom: 40px;
  }
  .sp_3month_LR, .sp_3month li, .top_support_LR, .hojo_item, .hojo_item_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .sp_3month_LR .L, .sp_3month_LR ul {
    width: 67%;
  }
  .sp_3month_LR .R {
    width: 29%;
  }
  .sp_3month li:first-of-type {
    padding-bottom: 25px;
    margin-bottom: 30px;
  }
  .sp_3month li .img {
    width: 25%;
  }
  .sp_3month li .text {
    width: 72%;
  }
  .sp_3month li .img {
    margin-bottom: 0px;
  }
  .sp_3month li .img img {
    max-width: 100%;
  }
  .sp_3month li .text .midasi {
    font-size: 22px;
    letter-spacing: 1px;
    padding: 7px 5px 9px 5px;
  }
  /**/
  .sp_3month_btn {
    margin-top: 0;
    border-radius: 20px;
  }
  .sp_3month_btn .btn, .sp_3month_btn {
    display: flex;
  }
  .sp_3month_btn a {
    padding: 25px;
    border-radius: 20px;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
  }
  .sp_3month_btn .btn {
    font-size: 28px;
    padding: 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
  }
  .sp_3month_btn p {
    margin: 20px 0 0 0;
  }
  /**/
  .sp_3month_arrow {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: left;
    font-size: 28px;
    margin: 40px 0;
  }
  .sp_3month_arrow img {
    margin-right: 25px;
    max-width: inherit;
  }
  /**/
  .hojo_item_wrap {
    margin: 40px 0;
  }
  .hojo_item_wrap .midasi {
    width: 25%;
    font-size: 28px;
    letter-spacing: 3px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: left;
    margin-bottom: 0;
    line-height: 1.4em;
  }
  .hojo_item_wrap .hojo_item {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) and (max-width:1100px) {
  .header_logo {
    width: 216px;
    height: 110px;
  }
  .innerBox-head-searchFrom-siteSearch {
    width: 246px;
  }
  .header_nav_list, .header_nav_list ul, .header_nav_list li a {
    line-height: 1;
  }
  .header_nav_list {
    /* margin-top: 47px;*/
  }
  .header_nav_list li a {
    font-size: 13px;
  }
  .login_btn_caution {
    margin-top: 47px;
    font-size: 12px;
  }
  .header_merumaga li {
    margin-top: 5px;
  }
  .footer_box_02 {
    padding: 50px 15px;
  }
  .footer_logo {
    width: 18%;
  }
  .footer_cp_nav {
    width: 78%;
  }
  #panList ul {
    padding: 0 15px;
  }
  #blogArticle .quiz_begin input {
    width: 29%;
  }
  .more {
    margin: 30px auto 0 auto;
  }
  .top_main_img_box {
    margin: 0px auto 0 auto;
  }
  .top_text_01 {
    font-size: 30px;
    color: #325d94;
    font-family: "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", Meiryo, sans-serif;
  }
  .top_main_catch {
    font-size: 44px;
    letter-spacing: 1px;
  }
  .top_tips br {
    display: none;
  }
  .top_3support_LR .img {
    width: 44%;
  }
  .top_3support_LR .text {
    width: 53%;
  }
  .top_3support_LR .text {
    font-size: 22px;
    text-align: left;
    padding-left: 20px;
  }
  .top_hajime, .top_skin_box {
    padding: 25px;
  }
  .top_link {
    padding: 30px 0;
  }
  .top_link_list li a {
    padding: 40px;
  }
  .top_blog_jisseki .more {
    width: 100%;
  }
  .top_blog_jisseki .top_midasi > div {
    width: 100%;
    text-align: center;
  }
  .top_blog_jisseki .top_midasi .top_midasi_02 {
    margin: 0;
  }
  .backNumber-list-item-data, .newArticle-detailColumn-data, .backNumber-list-item-data {
    margin: 0;
  }
  .backNumber-list-item {
    border: none;
    margin-bottom: 5px;
  }
  .content-numberPhotosWrap-numberRead-list {
    margin: 0;
    padding: 0 20px 0 0;
  }
  .content-mailMagazineWrap-list td .mmForm {
    display: block;
  }
  .asvc_img {
    margin: 0 0 0 50px;
  }
  .about_asvc_link .more {
    width: 100%;
  }
  .sp_step_more {
    margin: 10px auto 50px auto;
  }
  .learner_merit li .midasi {
    font-size: 25px;
  }
  .learner_program_box_L {
    width: 193px;
  }
  .content-lanerformWrap-list-item-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .content-lanerformWrap-list-item-detail, .content-continueformWrap-list-item-detail, .content-lanerformWrap-nonContactLife-list-item-detail, .content-continueformWrap-nonContactLife-list-item-detail {
    width: 70%;
  }
  .mw_wp_form input[type=text], .mw_wp_form input[type=email] {
    width: 100%;
  }
  .mwform-tel-field input, .birthDay select, .birthDay input {
    width: 86px !important;
  }
  .master_q1_check .mwform-checkbox-field {
    width: 48%;
  }
}
@media only screen and (min-width: 767.866px) and (max-width:900px) {
  .header_nav_list li {
    padding: 0 5px;
  }
  .header_nav_list li a {
    font-size: 13px;
  }
  .top_skin_condition_list .title {
    margin: 20px 0 0 0;
    font-size: 18px;
  }
  .jirei_LR .img {
    text-align: center;
    width: 100%;
  }
  .jirei_LR .text {
    width: 100%;
    text-align: left;
    margin-top: 10px;
  }
  .jirei_LR .text p {
    margin: 0;
  }
  .content-tabWrap-articleList-list-item .more {
    width: 100%;
  }
  .sp_step_inner {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .sp_3month_LR .L, .sp_3month_LR ul {
    width: 63%;
  }
  .sp_3month_LR .R {
    width: 35%;
  }
  .sp_3month_btn .btn {
    font-size: 26px;
  }
  .hojo_item_wrap .midasi {
    width: 25%;
    font-size: 23px;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 450px) and (max-width:767.866px) {
  .asvc_main {
    height: 400px;
  }
  .asvc38_main {
    height: 400px;
  }
  .asvc30_img img {
    height: 250px;
    width: auto;
    max-width: inherit;
  }
  .asvc38_img img {
    height: 250px;
    width: auto;
    max-width: inherit;
  }
}
@media screen and (max-width:1100px) {
  /*　　　　　　　　　　　　　トップページ　　　　　*/
  /*　　　　　共通　　　　　　*/
  .top_box .inner {
    padding-right: 15px;
    padding-left: 15px;
  }
  .page-template-page-faq .backNumber-list-item {
    border-bottom: solid 1px #ccc;
  }
  .innerBox {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  /*   事例写真　casephotos　*/
  .content-tabWrap-menuList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
    background: none;
    border: none;
  }
  .content-tabWrap-menuList-item {
    width: 50%;
    background: #325d94;
    border: 1px solid #fff;
  }
  .content-tabWrap-menuList a {
    font-size: 14px;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    word-break: keep-all;
    line-height: 1.4;
  }
  .content-tabWrap-articleList .content-tabWrap-articleList-catTitle {
    background-color: #325d94;
  }
}
@media screen and (max-width:767.98px) {
  .footer_box_02 {
    padding: 30px 15px;
  }
  .footer_logo img {
    max-width: 200px;
  }
  .footer_cp_nav .footer_box {
    width: 49%;
    margin: 15px 0 0 0;
  }
  .footer_cp_nav .footer_box a {
    display: block;
    padding: 5px 0;
  }
  /*   メールマガジン　*/
  #main .content-mailMagazineWrap-list th, #main .content-mailMagazineWrap-list td {
    display: block;
    width: 100%;
  }
  .nav-next, .nav-previous {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .content-tabWrap-menuList a {
    font-size: 11px;
  }
  /*     　MW WP FORM 修正　　　　　　　　　　　*/
  .mwform-tel-field input, .birthDay select, .birthDay input {
    width: 86px !important;
  }
  .mwform-radio-field, .mwform-checkbox-field {
    font-size: 14px;
  }
  #blogArticle .content-lanerformWrap-nonContactLife-list-item-detail-text {
    padding: 0;
  }
  /*     　固定ページ　　　　　　　　　　　*/
  .counseling_yoyaku_table th, .counseling_yoyaku_table td {
    font-size: 14px;
  }
  .sp_step_inner {
    margin-bottom: 15px;
  }
  /*  8つの習慣　およびそのリンク先下層　*/
  .ntl_LR .img {
    margin-bottom: 20px;
  }
  .komugi_youi_list li {
    border-top: 1px solid #2663ac;
    border-bottom: 1px solid #2663ac;
    margin-top: -1px;
  }
  .komugi_youi_list li span {
    display: inline-block;
    width: 45px;
    text-align: center;
    margin-right: 15px;
  }
  .komugi_flow li {
    margin-bottom: 20px;
  }
  .kaimen_table:nth-of-type(1) {
    border-bottom: none;
  }
  .manner8_title {
    padding: 15px 15px 40px 15px;
  }
  .manner8_4_img li {
    margin-bottom: 20px;
  }
}