@charset "utf-8";

/*---------------------------------------------------------
Theme Name: sincerecolors.com theme2.0
Description:
Author: JAMD STUDIO
License:
License URI:
Version: 1.0
---------------------------------------------------------*/
/*==========================================================================

   index

==========================================================================*/
.hero {
    position: relative;
}

.hero-conteiner {
    height: 100%;
}

.hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.hero__copy {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 540px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.hero__copy.hero__copy2309 {
    width: 580px;
    margin: auto;
}

.hero__copy-ja {
    margin-top: 22px;
    font: 500 36px/1.5 "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Sawarabi Mincho', "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    color: #222;
    text-shadow: 0 0 4px rgba(255, 255, 255, .9), 0 0 4px rgba(255, 255, 255, .9), 0 0 4px rgba(255, 255, 255, .9);
}

.hero__copy-ja span {
    font: 500 26px/1.5 "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Sawarabi Mincho', "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.hero__copy-ja-small {
    margin-top: 30px;
    font-size: 26px;
    text-align: center;
    color: #222;
    line-height: 1.8;
    text-shadow: 0 0 4px rgba(255, 255, 255, .9), 0 0 4px rgba(255, 255, 255, .9), 0 0 4px rgba(255, 255, 255, .9);
}

.hero__copy-en {
    width: 405px;
    margin: 0 auto;
}

/*
.hero__copy-en {
    font-family:'Didot LT W01 Roman';
    font-size: 81px;
    letter-spacing: .1em;
    color: rgba(0, 0, 0, .2);
}

.hero__copy-en .is--em {
    color: rgba(249, 6, 154, .2);
}
*/
.hero__content-nav {
    width: 52.33px;
    height: 52.33px;
    position: absolute;
    left: 50%;
    bottom: 35px;
    margin-left: -26.16px;
}

/* point */
.index-point__list {
    margin: 0 0 100px;
    font-size: 0;
    text-align: center;
}

.index-point__item {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 33.333333%;
    max-width: 473px;
    padding: 0 12.5px;
    vertical-align: top;
    font-size: 14px;
}

.index-point__item__thumb img {
    width: 100%;
}

.index-point__item__card {
    position: absolute;
    left: 50%;
    bottom: -70px;
    display: table;
    width: 227px;
    height: 155px;
    margin-left: -93px;
    background: #e9d2e0;
}

.index-point__list.index-point__list2309 .index-point__item__card {
    width: 240px;
    left: 0;
    right: 0;
    margin: auto;
}

.index-point__item__card-inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.index-point__item__card__number {
    font-size: 30px;
    font-style: italic;
}

.index-point__item__card__copy {
    margin-top: 12px;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.2;
}

.index-point__item:nth-child(2) {
    margin-top: 5%;
}

.index-point__item:nth-child(3) {
    margin-top: 14%;
}

/* about */
#index-about {
    background: url(assets/img/index/bg_sec_about01.jpg) no-repeat center top / cover;
}

#index-about.index-about_2309 {
    background: url(assets/img/index/bg_sec_about01_2309.jpg) no-repeat center top / cover;
}

.sindex-about__list {
    font-size: 0;
    text-align: center;
}

.index-about__item {
    display: inline-block;
}

.index-about__item-inner {
    position: relative;
    width: 366px;
    height: 346px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .65);
}

.index-about__item__text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 96%;
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.index-about__item+.index-about__item {
    margin-left: 125px;
}

.index-about__lead {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 3;
}

.index-about__desc {
    width: 834px;
    margin: 30px auto 60px;
    font-size: 14px;
    line-height: 2.4;
    text-align: center;
}

.index-about__btn.btn-outer {
    width: 266px;
    height: 52px;
    margin: 0 auto;
}

/* service */
.index-service__item {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 90px;
    padding-top: 31.142857142%;
}

.index-service__item__thumb {
    display: inline-block;
}

.index-service__item__card {
    position: absolute;
    top: 10%;
}

.index-service__item:nth-child(odd) .index-service__item__card {
    left: 54.6%;
}

.index-service__item:nth-child(even) .index-service__item__card {
    right: 54.6%;
}

.index-service__item__thumb {
    position: absolute;
    top: 0;
    width: 58.142857142%;
}

.index-service__item__thumb img {
    width: 100%;
}

.index-service__item:nth-child(odd) .index-service__item__thumb {
    left: 0;
}

.index-service__item:nth-child(even) .index-service__item__thumb {
    right: 0;
}

/* news */
#index-news {
    padding: 70px 50px;
    background: #f5f5f5;
}

.index-news-header {
    width: 204px;
    padding-right: 110px;
    vertical-align: middle;
}

.index-news__item {
    display: table;
    width: 100%;
}

.index-news__item+.index-news__item {
    margin-top: 20px;
}

.index-news__item-aside {
    display: table-cell;
    width: 80px;
}

.index-news__item-body {
    display: table-cell;
    padding-left: 15px;
    line-height: 1.7;
    text-align: left;
    vertical-align: top;
}

.index-news__item__title a {
    text-decoration: underline;
}

.index-news__item__icon {
    display: table-cell;
    width: 80px;
    height: 20px;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    background: rgba(255, 255, 255, .75);
}

.index-news__item__timestamp {
    font-size: 11px;
}

.index-news__more {
    margin-top: 20px;
}

/* reservation */
.index-reservation-text {
    text-align: center;
    line-height: 1.7;
}

.index-reservation__btn {
    width: 522px;
    height: 66px;
    margin: 60px auto 0;
}


/*==========================================================================

   quickcolor

==========================================================================*/
.quickcolor-method__list {
    margin: 100px 0 0;
}

.quickcolor-method__item {
    position: relative;
    padding-top: 50%;
}

.quickcolor-method__item+.quickcolor-method__item {
    margin-top: 45px;
}

.quickcolor-method__item-header {
    position: absolute;
    top: 0;
}

.quickcolor-method__item:nth-child(odd) .quickcolor-method__item-header {
    left: 0;
}

.quickcolor-method__item:nth-child(even) .quickcolor-method__item-header {
    right: 0;
}

.quickcolor-method__item-body {
    box-sizing: border-box;
    position: absolute;
    top: 10px;
    width: 75%;
    padding: 25px 60px;
    background: #fff;
}

.quickcolor-method__item:nth-child(odd) .quickcolor-method__item-body {
    right: 0;
}

.quickcolor-method__item:nth-child(even) .quickcolor-method__item-body {
    left: 0;
}

.quickcolor-method__item__thumb {
    margin-bottom: 25px;
    font-size: 0;
    text-align: center;
}

.quickcolor-method__item__img {
    display: inline-block;
    width: 302px;
    vertical-align: top;
}

.quickcolor-method__item__img figcaption {
    padding: 5px 0;
    text-align: center;
    font: 18px/1em 'Didot LT W01 Italic';
}

.quickcolor-method__item__img+.quickcolor-method__item__img {
    margin-left: 5px;
}

.quickcolor-method__item__copy {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 1.4em;
}

.quickcolor-method__item__text {
    margin-top: 25px;
    font-size: 14px;
    line-height: 1.7;
}


/*==========================================================================

   personalcolor

==========================================================================*/
.personalcolor-flow {
    margin: 56px auto 20px;
}

.personalcolor-flow__item {
    position: relative;
    width: 195px;
}

.personalcolor-flow__item+.personalcolor-flow__item {
    margin-left: 4px;
}

.personalcolor-flow__item+.personalcolor-flow__item .personalcolor-flow-main:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 0;
    height: 0;
    margin: 0 0 0 -7px;
    border-style: solid;
    border-width: 14px 0 14px 15px;
    border-color: transparent transparent transparent #a49a9a;
    z-index: 2;
}

.personalcolor-flow-main {
    position: relative;
    padding: 15px;
    background: #edebeb;
}

.personalcolor-flow-main__title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.personalcolor-flow-main__text {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.5;
}

.personalcolor-method__list {
    margin: 110px auto 70px;
    text-align: center;
}

.personalcolor-method__item+.personalcolor-method__item {
    margin-left: 90px;
}

.personalcolor-method-course {
    margin-top: 10px;
    color: #d2cdcd;
}

.personalcolor-method-course__item {
    line-height: 1.7;
}

.personalcolor-method-course__item__title {
    font-size: 18px;
}

.personalcolor-method-course__item__option {
    font-size: 14px;
}

.personalcolor-method-approach {
    width: 716px;
    margin: 110px auto 70px;
    padding: 40px 80px;
    background: #fff;
}

.personalcolor-method-approach__image {
    margin-bottom: 35px;
    text-align: center;
}

.personalcolor-method-approach__copy {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

.personalcolor-method-approach__text {
    margin-top: 25px;
    font-size: 14px;
    line-height: 1.7;
}

.service-schedule-case {
    margin-top: 50px;
}

.service-schedule-case__item {
    width: 490px;
}

.service-schedule-case__item+.service-schedule-case__item {
    margin-left: 30px;
}

.service-schedule-case__item-header {
    position: relative;
    width: 242px;
    margin: 0 auto -40px;
    padding: 20px 0 30px;
    text-align: center;
    background: #a49a9a;
    z-index: 2;
}

.service-schedule-case__item__value {
    margin-bottom: 15px;
    font: 50px/1em 'Didot LT W01 Italic';
    color: #d2cdcd;
}

.service-schedule-case__item__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    color: #fff;
}

.service-schedule-case__item-body {
    position: relative;
    padding: 78px 50px 240px;
    font-size: 14px;
    background: #f5f5f5;
}

.service-schedule-case__item__subtitle {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

.service-schedule-case__item__subdesc {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 1.7;
}

.service-schedule-case__item__flow-item {
    width: 358px;
    margin: 0 auto;
    padding: 24px 0;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #e4e1e1;
    background: #fff;
}

.service-schedule-case__item__flow-item+.service-schedule-case__item__flow-item {
    position: relative;
    margin-top: 54px;
}

.service-schedule-case__item__flow-item+.service-schedule-case__item__flow-item:before {
    content: "";
    position: absolute;
    top: -36px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    border-color: #a49a9a transparent transparent transparent;
    z-index: 2;
}

.service-schedule-case__item__recommend {
    position: absolute;
    bottom: 50px;
    left: 50px;
    width: 352px;
    padding: 15px;
    border: 4px solid #e7ced3;
    background: #fff;
}

.service-schedule-case__item__recommend-header {
    margin-bottom: 20px;
    text-align: center;
}

.service-schedule-case__item__recommend-header__title {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #ff5460;
}

.service-schedule-case__item__recommend-header__title:before {
    position: absolute;
    top: -27px;
    left: -45px;
    content: "";
    display: block;
    width: 35px;
    height: 56px;
    background: url(assets/common/img/icon_light01.png) no-repeat center top;
}

.service-schedule-case__item__recommend__text {
    font-size: 14px;
    line-height: 1.7;
}

.service-tools__title {
    margin: 0 auto 25px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 1.7;
}

.service-tools__desc {
    font-size: 16px;
    line-height: 2;
    text-align: center;
}

.service-tools__image {
    margin: 35px auto;
    text-align: center;
    overflow: hidden;
}

.service-tools__image__list {
    margin: 0 -7px;
}

.service-tools__image__note {
    width: 590px;
    margin: 0 auto;
    line-height: 1.8;
    margin-top: 20px;
    ;
}

.service-tools__image__caution {
    margin: 0 auto;
    line-height: 1.8;
    color: red;
    text-align: center;
}

.service-price-section__note {
    margin-top: 17px;
    text-align: center;
}

.service-price-section+.service-price-section {
    margin-top: 80px;
}

.service-price-note {
    margin-top: 5px;
    padding: 30px;
    border: 2px solid #e4e1e1;
    background: #fff;
}

.service-price-note__title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.service-price-note__list {
    margin-top: 30px;
}

.service-price-note__item {
    line-height: 1.5;
}

.service-price-note__item+.service-price-note__item {
    margin-top: 6px;
}

.service-price-note__title__text {
    position: relative;
}

.service-price-note__title__text::before,
.service-price-note__title__text::after {
    content: '';
    display: block;
    width: 15px;
    height: 2px;
    background: #000;
    position: absolute;
    left: -24px;
    top: 50%;
    transform: translateY(-50%);
}

.service-price-note__title__text::after {
    background: #000;
    transform: translateY(-50%) rotate(90deg);
    transition: 0.5s;
}

.active .service-price-note__title__text::after {
    transform: rotate(0);
    transition: 0.5s;
}


/*==========================================================================

   seminar

==========================================================================*/
.seminar-sample-outline {
    width: 864px;
    margin: 0 auto;
    padding: 50px 39px;
    background: #fff;
}

.seminar-sample-terms__title {
    width: 107px;
}

.seminar-sample-gallery {
    margin-top: 50px;
}

.seminar-sample-gallery__list {
    width: 956px;
    margin: 0 auto;
}

.seminar-sample-gallery__item {
    padding: 5px;
}

.seminar-price__desc {
    font-size: 16px;
    line-height: 1.7;
    text-align: center;
}

.seminar-price__contact {
    margin-top: 60px;
}

.seminar-price__contact__btn-outer {
    width: 502px;
    height: 66px;
    margin: 0 auto;
}


/*==========================================================================

   about

==========================================================================*/
.about-consultant__list {}

.about-consultant__item {
    padding: 45px;
    background: #fff;
}

.about-consultant__item+.about-consultant__item {
    margin-top: 45px;
}

.about-consultant__item-aside {
    width: 227px;
}

.about-consultant__item-body {
    padding-left: 55px;
}

.about-consultant__item__name .is--ja {
    font-size: 26px;
    font-weight: bold;
}

.about-consultant__item__name .is--en {
    margin-left: 30px;
    font-family: 'Didot LT W01 Roman';
    font-size: 22px;
    letter-spacing: .05em;
    color: #7f7f7f;
}

.about-consultant__item__license {
    margin: 25px 0;
    font-size: 14px;
    line-height: 1.8;
}

.about-consultant__item__story {
    font-size: 14px;
    line-height: 1.8;
}

.about-partner {
    margin-top: 105px;
}

.about-partner__list {
    text-align: center;
    width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.about-partner__item+.about-partner__item {
    margin-left: 37px;
    margin-bottom: 40px;
}

.about-partner__item:nth-child(4n) {
    margin-left: 0;
}

.about-partner__item-aside {
    margin-bottom: 20px;
}

.about-partner__item__name .is--ja {
    display: block;
    font-size: 22px;
    font-weight: bold;
}

.about-partner__item__name .is--en {
    display: block;
    margin-top: 7px;
    font-family: 'Didot LT W01 Roman';
    font-size: 18px;
    letter-spacing: .05em;
    color: #7f7f7f;
}

.about-partner__item__license {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.5;
}

.about-company-aside {
    width: 462px;
}

.about-company-main {
    padding-left: 80px;
}

.about-company-terms__title {
    width: 90px;
}

.about-company__map {
    margin-top: 75px;
}

.about-company__map__canvas {
    width: 1018px;
    height: 504px;
    background: #efefef;
}

.about-company__map__access {
    margin-top: 25px;
}


/*==========================================================================

   faq

==========================================================================*/
.page-faq-introduction__text {
    text-align: center;
}

.faq-category {
    margin: 60px auto -100px;
}

.faq-catbox__title {
    font-size: 22px;
    text-align: center;
    margin: 50px auto 20px;
}

.faq-catbox {
    margin-bottom: 80px;
}

.faq-item {
    border: 1px solid #f9f9f9;
}

.faq-item__q {
    padding: 15px 20px;
    font-size: 16px;
    line-height: 1.5;
    padding-left: 3em;
    text-indent: -.8em;
    background: #f9f9f9;
}

.faq-item__a {
    padding: 20px;
    font-size: 14px;
    line-height: 1.8;
}

.faq-item__q:before {
    display: inline-block;
    font: normal 14px/1 FontAwesome;
    margin-right: 10px;
    content: "\f055";
    font-family: "FontAwesome";
}

.faq-item__q.active:before {
    content: "\f056";
}

.faq-article-body {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 50px;
}

/*==========================================================================

   information

==========================================================================*/
.info-archive {
    margin-bottom: 70px;
}

/*
.info-archive-nav__list {
    margin-bottom: 90px;
    font-size: 0;
}
.info-archive-nav__item {
    display: inline-block;
}
.info-archive-nav__item + .info-archive-nav__item {
    margin-left: 35px;
}
.info-archive-nav__btn {
    width: 266px;
}
*/
.info-archive__item {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 40px 0;
    border-bottom: 1px dashed #7f7f7f;
}

.info-archive__item-aside {
    display: table-cell;
    width: 236px;
    padding-right: 20px;
    vertical-align: top;
}

.info-archive__item-aside img {
    transition: 0.5s;
}

.info-archive__item-aside:hover img {
    opacity: .75;
}

.info-archive__item-main {
    display: table-cell;
    vertical-align: top;
}

.info-archive__item-main__title {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
}

.info-archive__item-main__option {
    margin: 14px 0 17px;
}

.info-option__icon {
    display: inline-block;
    box-sizing: border-box;
    width: 112px;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border-radius: 3px;
    background: #ccd6dd;
}

.info-option__time {
    font-size: 12px;
    color: #7f7f7f;
}

.info-option__icon+.info-option__time {
    margin-left: 15px;
}

.info-archive__item-main__content {
    line-height: 1.7;
}

.info-archive__item-main__link {
    margin-top: 15px;
    font-size: 16px;
}

.info-article {
    margin-top: 70px;
}

.info-article-header {
    margin-bottom: 55px;
}

.info-article-header__title {
    margin-bottom: 12px;
    padding-bottom: 12px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    border-bottom: 2px solid #d8d8d8;
}

.info-article-body {
    width: 900px;
    margin: 0 auto;
}

.info-article-body__kv {
    margin-bottom: 60px;
    text-align: center;
}

.info-article-body__copy {
    margin: 35px 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}

.info-article-body__content {
    position: relative;
    font-size: 16px;
    line-height: 2;
}

.info-article-body__content ul,
.info-article-body__content ol {
    margin: 2em .5em;
}

.info-article-body__content ul li {}

.info-article-body__content ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

.info-article-body__content ul li:before,
.info-article-body__content ul li:after {
    content: "";
    display: inline-block;
    position: relative;
}

.info-article-body__content ul li:before {
    border-left: 4px solid #fc0101;
    border-bottom: 4px solid #fc0101;
    width: 10px;
    height: 5px;
    margin-right: .5em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 0;
    top: -3px;
}

.info-article-body__content ul li+li {
    margin-top: .1em;
}

.info-article-body__content ol li+li {
    margin-top: .1em;
}

.info-article-body__content mark {
    background: linear-gradient(transparent 40%, #fed9de 0%);
}

.info-article-body__content em {
    font-style: italic;
}

.info-article-body__content:after {
    display: block;
    content: "";
    width: 500px;
    height: 2px;
    margin: 70px auto;
    background: #d7d7d7;
}

.info-article-body__content blockquote {
    border-left: none;
    background-color: #eeeeee;
    border-radius: 10px;
    padding: 2em 1em;
    position: relative;
}

.info-article-body__content blockquote:before {
    content: "“";
    font-size: 300%;
    line-height: 1em;
    color: #999999;
    position: absolute;
    left: 5px;
    top: 5px;
}

.info-article-body__content blockquote:after {
    content: "”";
    font-size: 300%;
    line-height: 0em;
    color: #999999;
    position: absolute;
    right: 5px;
    bottom: 5px;
}


.info-article-nav__list {
    position: relative;
    font-size: 0;
    text-align: center;
}

.info-article-nav__item {
    display: inline-block;
}

.info-article-nav__item.item--prev {
    position: absolute;
    top: 0;
    left: 0;
}

.info-article-nav__item.item--next {
    position: absolute;
    top: 0;
    right: 0;
}

.info-article-nav__btn {
    width: 266px;
    height: 52px;
}

.info-footer {
    margin-bottom: 70px;
}


/*==========================================================================

   magazine

==========================================================================*/

@media screen and (min-width:1142px) {
    .magazine-archive-container {
        width: 1142px;
    }
}

.magazine-archive {
    margin: 60px auto;
}

.magazine-archive-header {
    width: 530px;
    margin: 0 auto 55px;
    padding-bottom: 30px;
    text-align: center;
    border-bottom: 2px solid #d7d7d7;
}

.magazine-archive-header__title {
    font-size: 22px;
}

.magazine-archive-body {
    overflow: hidden;
}

.magazine-archive__list {
    margin: 0 -16px;
}

.magazine-archive__item {
    width: 33.333333%;
}

.magazine-archive__item-inner {
    margin: 0 16px 60px;
    border: 1px solid #dad5d0;
}

.magazine-archive__item-aside {
    position: relative;
}

.magazine-archive__item-aside__category {
    position: absolute;
    top: 10px;
    left: 10px;
}

.magazine-archive__item-main {
    position: relative;
    padding: 15px 15px 88px;
}

.magazine-archive__item__title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
}

.magazine-archive__item__timestamp {
    margin-top: 10px;
    font-size: 12px;
}

.magazine-archive__item__btn-outer {
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: 266px;
    height: 52px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}


/*==========================================================================

   contact

==========================================================================*/
.contact-introduction__title {
    margin-bottom: 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b3bac5;
}

.contact-introduction__text {
    text-align: center;
    margin-bottom: 35px;
}

.contact-introduction__text .icon-form-must01 {
    font-size: 0.8em;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.contact-info-body__note {
    margin: 15px 0 0 -5px;
}

.contact-term {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 35px 0;
    border-bottom: 1px dashed #000;
}

.contact-term-heading {
    display: table-cell;
    width: 190px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.7;
}

.contact-term-heading .cap {
    font-size: 12px;
    padding-left: 10px;
}

.contact-term-body-row {
    display: table;
    width: 100%;
}

.contact-term-body-row+.contact-term-body-row {
    margin-top: 12px;
}

.contact-term-body-header,
.contact-term-body-body {
    display: table-cell;
    vertical-align: top;
}

.contact-term-body-row.row--01,
.contact-term-body-row.row--02,
.contact-term-body-row.row--03 {
    margin-top: 12px;
}

.contact-term-body-header {
    padding: 5px 12px;
}

.contact-term-heading .icon-form-must01 {
    position: relative;
    top: -2px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.3;
}

.icon-form-must01.must01--content {
    margin: 0;
}

.contact-term-body.body--address .contact-term-body-row.row--01 .contact-term-body-header {
    width: 20px;
}

.contact-term-body.body--address .contact-term-body-row.row--02 .contact-term-body-header {
    width: 150px;
}

.contact-term-body.body--address .contact-term-body-row.row--03 .contact-term-body-header {
    width: 150px;
}

.contact-term-body.body--name .contact-term-body-row.row--01 .contact-term-body-header {
    width: 150px;
}

.contact-form input[name="zip"] {
    width: 136px;
}

.contact-info-content__note {
    margin-bottom: 12px;
}

.mw_wp_form_confirm .display-form-confirm-none,
.mw_wp_form_confirm .contact-term-body-header {
    display: none;
}

.mw_wp_form_confirm .contact-term-body-row {
    display: inline;
    margin: 0;
    padding: 0;
}

.mw_wp_form_confirm .contact-term-body-row.display-form-confirm-none {
    display: none;
}

.mw_wp_form_confirm .contact-term-header {
    line-height: 1;
}

.mw_wp_form_confirm .contact-term-body {
    line-height: 1.25;
    padding-top: 14px;
}

.mw_wp_form_complete {
    text-align: center;
}

.contact-term-footer {
    margin: 50px auto 0;
    text-align: center;
}

.contact-btn {
    width: 483px;
    height: 63px;
    font-size: 16px;
    color: #fff;
    letter-spacing: .1em;
    border-color: #544041;
    background: #544041;
    transition: .3s;
}

.contact-btn+.contact-btn {
    margin-top: 10px;
}

.contact-btn:hover {
    cursor: pointer;
    color: #544041;
    background: #fff;
}

.back-btn {
    width: 400px;
    height: 63px;
    font-size: 16px;
    color: #544041;
    background: #fff;
    letter-spacing: .1em;
    border-color: #544041;
    transition: .3s;
    margin-top: 40px;
}

.back-btn+.back-btn {
    margin-top: 20px;
}

.back-btn:hover {
    cursor: pointer;
    color: #fff;
    background: #544041;
}


.mw_wp_form_input .error {
    width: 100%;
    padding: 10px 4px;
    text-align: center;
    background-color: white;
    color: red !important;
    font-weight: bold;
    border: 2px solid red;
    display: inline-block;
    position: relative;
    margin-top: 12px;
}

.mw_wp_form_input .error::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 30px;
    top: -15px;
    border-bottom: 15px solid red;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}



p.error-pink input[type="text"],
p.error-pink input[type="email"],
p.error-pink input[type="tel"],
p.error-pink input[type="url"] {
    background: pink !important;
}


/*==========================================================================

   calendar

==========================================================================*/
.reservation-calendar {
    width: 640px;
    margin: 39px auto 0;
}

/*==========================================================================

   privacy

==========================================================================*/
.privacy-seciton {
    width: 912px;
    margin: 0 auto;
}

.privacy-header {
    margin-bottom: 80px;
}

.privacy-header__title {
    margin-bottom: 50px;
}

.privacy-row-body ul {
    margin: 1em 0 1em 2em;
    list-style: disc;
}

.privacy-row-header {
    margin-bottom: 17px;
    padding-bottom: 12px;
    border-bottom: 1px solid #b3bac5;
}

.privacy-row+.privacy-row {
    margin-top: 50px;
}

.privacy-row-body {
    padding: 10px;
}

.privacy-row-body a {
    text-decoration: underline;
}

.privacy-row-body p+p {
    margin-top: 1em;
}

.privacy-footer {
    margin-top: 50px;
    text-align: right;
}

.privacy-header__desc {
    font-size: 16px;
    line-height: 1.7;
}

.font04 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 20px;
    font-weight: normal;
}

.privacy-row-body {
    line-height: 2;
}

.privacy-footer {
    margin-top: 50px;
    text-align: right;
    font-size: 16px;
    line-height: 1.7;
}

.reservation-flow {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.reservation-flow li {
    width: 428px;
    margin: 0 auto 35px;
    border: 2px solid #e4e1e1;
    padding: 20px 0;
    position: relative;
    background-color: #fff;
}

.reservation-flow li .num {
    font-family: 'Didot LT W01 Roman';
    font-size: 18px;
    background: #f2f2f6;
    position: absolute;
    top: 13px;
    left: 6px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: block;
    box-sizing: border-box;
    padding-top: 8px;
}

.reservation-flow li:before {
    content: "";
    position: absolute;
    top: -25px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    border-color: #a49a9a transparent transparent transparent;
    z-index: 2;
}

.reservation-flow li:first-child:before {
    display: none;
}

.reservation-note {
    text-align: center;
}

.index-service-note {
    text-align: center;
    font-size: 18px;
}


/*==========================================================================

index-service__column

==========================================================================*/

.index-service__column {
    width: 840px;
    border: 1px solid #e0e0e0;
    padding: 30px;
    margin: 80px auto 0;
}

.index-service__column .index-service__column__text {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 575px;
}

.index-service__column .index-service__column__thumb.sp {
    display: none;
}

.index-service__column .index-service__column__thumb.pc {
    display: inline-block;
    vertical-align: middle;
}

.index-service__column .index-service__column_header {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 10px;
    margin-top: 10px;
}

.index-service__column_body {
    line-height: 1.8;
    text-align-last: center;
}

/*==========================================================================

promotion

==========================================================================*/

.fee {
    width: 800px;
    margin: auto;
}

.fee-terms__title {
    width: 180px;
}

.fee-terms__title:before {
    display: inline-block;
    content: "\f0c8";
    font: normal 14px/1 FontAwesome;
    margin-right: 10px;
    color: #fee2c6;
}

.style-type {
    margin-top: 50px;
}

.style-type__item {
    width: 490px;
}

.style-type__item+.style-type__item {
    margin-left: 30px;
}

.style-type__item-header {
    position: relative;
    width: 242px;
    margin: 0 auto -40px;
    padding: 20px 0 30px;
    text-align: center;
    background: #a49a9a;
    z-index: 2;
}

.style-type__item__value {
    margin-bottom: 15px;
    font: 50px/1em 'Didot LT W01 Italic';
    color: #d2cdcd;
}

.style-type__item__title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    color: #fff;
}

.style-type__item__title span {
    font-size: 14px;
}

.style-type__item-body {
    position: relative;
    padding: 78px 50px 40px;
    font-size: 14px;
    background: #f5f5f5;
}

.style-type__item__subtitle {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

.style-type__item__subdesc {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 1.7;
    text-align: center;
}

.style-type__item__flow-item {
    width: 358px;
    margin: 0 auto;
    padding: 24px 0;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #e4e1e1;
    background: #fff;
}

.style-type__item__flow-item+.style-type__item__flow-item {
    position: relative;
    margin-top: 54px;
}

.style-type__item__flow-item+.style-type__item__flow-item:before {
    content: "";
    position: absolute;
    top: -36px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    border-color: #a49a9a transparent transparent transparent;
    z-index: 2;
}

.style-type__item__recommend {
    width: 352px;
    padding: 15px;
    background: #fff;
}

.style-type__item__recommend-header {
    margin-bottom: 20px;
    text-align: center;
}

.style-type__item__recommend-header__title {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.style-type__item__recommend__text {
    font-size: 14px;
    line-height: 1.7;
}

.style-type__item__recommend__text:before {
    display: inline-block;
    content: "\f0c8";
    font: normal 14px/1 FontAwesome;
    margin-right: 10px;
    color: #fee2c6;
}

.style-type__item__image {
    display: block;
    margin: 0 auto 20px;
}

.timetable {
    margin-top: 50px;
}

.timetable__item {
    width: 490px;
}

.timetable__item+.timetable__item {
    margin-left: 30px;
}

.timetable__item-header {
    position: relative;
    width: 242px;
    margin: 0 auto -40px;
    padding: 20px 0 30px;
    text-align: center;
    background: #a49a9a;
    z-index: 2;
}

.timetable__item__value {
    margin-bottom: 15px;
    font: 50px/1em 'Didot LT W01 Italic';
    color: #d2cdcd;
}

.timetable__item__title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    color: #fff;
}

.timetable__item__title span {
    font-size: 14px;
}

.timetable__item-body {
    position: relative;
    padding: 78px 50px 20px;
    font-size: 14px;
    background: #fff;
}

.timetable__item__subtitle {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

.timetable__item__subdesc {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 1.7;
    text-align: center;
}

.timetable__item__flow-item {
    width: 358px;
    margin: 0 auto;
    padding: 24px 0;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #e4e1e1;
    background: #fff;
}

.timetable__item__flow-item+.timetable__item__flow-item {
    position: relative;
    margin-top: 54px;
}

.timetable__item__flow-item+.timetable__item__flow-item:before {
    content: "";
    position: absolute;
    top: -36px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    border-color: #a49a9a transparent transparent transparent;
    z-index: 2;
}

.timetable__item__recommend {
    position: absolute;
    bottom: 50px;
    left: 50px;
    width: 352px;
    padding: 15px;
    border: 4px solid #e7ced3;
    background: #fff;
}

.timetable__item__recommend-header {
    margin-bottom: 20px;
    text-align: center;
}

.timetable__item__recommend-header__title {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #ff5460;
}

.timetable__item__recommend-header__title:before {
    position: absolute;
    top: -27px;
    left: -45px;
    content: "";
    display: block;
    width: 35px;
    height: 56px;
    background: url(assets/common/img/icon_light01.png) no-repeat center top;
}

.timetable__item__recommend__text {
    font-size: 14px;
    line-height: 1.7;
}

.case-terms {
    width: 1000px;
}

.case-terms__title {
    width: 174px;
}

.case-terms__title:before {
    display: inline-block;
    content: "\f0c8";
    font: normal 14px/1 FontAwesome;
    margin-right: 10px;
    color: #fee2c6;
}

.case-terms__desc {
    width: 350px;
}

.case-note-note {
    margin-top: 5px;
    padding: 30px;
}

.case-note-note__title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.case-note-note__list {
    margin-top: 30px;
}

.case-note-note__item {
    line-height: 1.5;
}

.case-note-note__item+.case-note-note__item {
    margin-top: 6px;
}

.case-introduction01 {
    width: 575px;
}

.case-introduction02 {
    width: 440px;
}

.case-note {
    font-size: 14px;
    margin-top: 30px;
}

.case-note li {
    margin-bottom: 10px;
}

.term01__title.block,
.case-terms__desc.term01__desc.block {
    display: block;
    margin-bottom: 6px;
}

.case-terms__desc.term01__desc.block {
    margin-left: 20px;
}

.day-schedule span {
    background-color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    border: 2px solid #e4e1e1;
    margin-right: 4px;
}

.page-introduction__text.plan-price {
    margin-top: 40px;
}

.case__image01 {
    width: 700px;
    margin: 0 auto 60px;
    display: block;
}

.setting__image01 {
    width: 600px;
    margin: 0 auto 40px;
    display: block;
}

.setting-terms__title {
    width: 216px;
}

.setting-terms__title.wide {
    width: 400px;
    padding-bottom: 20px;
}

.setting-terms__title:before {
    display: inline-block;
    content: "\f0c8";
    font: normal 14px/1 FontAwesome;
    margin-right: 10px;
    color: #fee2c6;
}

.setting-terms__desc {
    width: 567px;
}

.setting-terms__desc.wide {
    width: 624px;
}

.setting-note-note {
    margin-top: 5px;
    padding: 30px;
}

.setting-note-note__title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.setting-note-note__list {
    margin-top: 30px;
}

.setting-note-note__item {
    line-height: 1.5;
}

.setting-note-note__item+.setting-note-note__item {
    margin-top: 6px;
}

.setting-introduction01 {
    width: 815px;
}

.setting-introduction02 {
    width: 200px;
}

.setting-note {
    font-size: 14px;
    margin-top: 30px;
}

.setting-note li {
    margin-bottom: 10px;
}

.setting__item__recommend-header {
    font-size: 18px;
    font-weight: bold;
    margin: 60px 0 30px;
    text-align: center;
}

.setting__item__recommend-header__title span {
    position: relative;
}

.setting__item__recommend-header__title span:before {
    position: absolute;
    top: -27px;
    left: -45px;
    content: "";
    display: block;
    width: 35px;
    height: 56px;
    background: url(assets/common/img/icon_light01.png) no-repeat center top;
}

.option-type {
    margin-top: 50px;
}

.option-type__item {
    width: 490px;
}

.option-type__item+.option-type__item {
    margin-left: 30px;
}

.option-type__item-header {
    position: relative;
    width: 242px;
    margin: 0 auto -40px;
    padding: 10px 0 20px;
    text-align: center;
    background: #a49a9a;
    z-index: 2;
}

.option-type__item__value {
    margin-bottom: 15px;
    font: 50px/1em 'Didot LT W01 Italic';
    color: #d2cdcd;
}

.option-type__item__title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
    color: #fff;
}

.option-type__item__title.option02 {
    padding-top: 20px;
}

.option-type__item__title span {
    font-size: 14px;
}

.option-type__item__title span.price {
    font-size: 22px;
    font-weight: bold;
}

.option-type__item-body {
    position: relative;
    padding: 78px 50px 40px;
    font-size: 14px;
    background: #f5f5f5;
}

.option-type__item__subtitle {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

.option-type__item__subdesc {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 1.7;
}

.option-type__item__image {
    margin: 0 auto 20px;
    display: block;
}

.option-type__item__flow-item {
    width: 358px;
    margin: 0 auto;
    padding: 24px 0;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #e4e1e1;
    background: #fff;
}

.option-type__item__flow-item+.option-type__item__flow-item {
    position: relative;
    margin-top: 54px;
}

.option-type__item__flow-item+.option-type__item__flow-item:before {
    content: "";
    position: absolute;
    top: -36px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    border-color: #a49a9a transparent transparent transparent;
    z-index: 2;
}

.option-type__item__box02 {
    text-align: center;
    font-size: 16px;
    background: #fff;
    padding: 20px 0;
}

.option-type__item__recommend-header__title {
    font-weight: bold;
    margin-bottom: 16px;
}

.option-type__item__recommend__text {
    margin-bottom: 10px;
}

.option-type__item__recommend__text .price {
    font-weight: bold;
}

.option-type__item__caution {
    font-size: 14px;
    line-height: 1.6;
}

.detail__btn.btn-outer {
    width: 400px;
    height: 52px;
    margin: 30px auto 0;
}

.faq-item__q h3 {
    display: inline;
}

/*==========================================================================

seminar

==========================================================================*/
.merit__image01 {
    display: block;
    margin: auto;
}

.merit__text {
    width: 850px;
    margin: 40px auto 0;
    font-size: 16px;
    line-height: 1.8;
    text-align: left;
}

.merit__list {
    text-align: center;
    margin-top: 40px;
}

.merit__item {
    font-size: 18px;
    font-weight: bold;
    background-color: #f5f5f5;
    padding: 20px 0;
    margin-left: 10px;
    line-height: 1.6;
    width: 260px;
}

.merit__item:first-child {
    margin-left: 0;
}

.merit__item .num {
    font-size: 30px;
    margin-bottom: 10px;
}

.program-example-terms__title {
    width: 174px;
}

.program-example-terms__title:before {
    display: inline-block;
    content: "\f0c8";
    font: normal 14px/1 FontAwesome;
    margin-right: 10px;
    color: #fee2c6;
}

.program-example-terms__desc {
    width: 366px;
}

.program-example-note-note {
    margin-top: 5px;
    padding: 30px;
}

.program-example-note-note__title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.program-example-note-note__list {
    margin-top: 30px;
}

.program-example-note-note__item {
    line-height: 1.5;
}

.program-example-note-note__item+.program-example-note-note__item {
    margin-top: 6px;
}

.program-example .l-tile {
    width: 500px;
}

.layout__image01 {
    display: block;
    margin: 0 auto 0;
}

.seminar-place-point__list {
    width: 760px;
    margin: auto;
}

.seminar-place-point__item {
    margin-bottom: 20px;
}

.seminar-place-point__item:before {
    display: inline-block;
    content: "\f0c8";
    font: normal 14px/1 FontAwesome;
    margin-right: 10px;
    color: #fee2c6;
}

.option-type.bg-white .option-type__item-body {
    background: #fff;
}

.price-list {
    width: 800px;
    margin: auto;
}


/*==========================================================================

quickcolor

==========================================================================*/

.sindan-style__image01 {
    display: block;
    margin: 40px auto;
}

.sindan-style__text01 {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.sindan-style__text02 {
    width: 850px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.8;
    text-align: left;
}

.plan-anchor {
    margin-top: 50px
}

.plan-anchor-ttl {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.web-support {
    width: 890px;
    margin: auto;
    padding: 20px 40px;
    text-align: center;
    line-height: 2;
    font-size: 16px;
    border: 10px solid #E9D2E3;
    box-sizing: border-box;
}

.section02 .web-support {
    background-color: #fff;
}

.web-support p {
    margin-bottom: 10px;
}

.web-support-ttl {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px
}

.web-support-ttl .font01 {
    font-size: 30px;
    font-weight: normal;
}

.web-support .marker01 {
    font-weight: bold;
}

.fee-number-of-people {
    margin-bottom: 60px;
}

.program-example-outline {
    width: 540px;
    margin: 70px auto 0;
}

.program-example-outline .term01__title {
    font-size: 18px;
}

.program-example-outline .term01__desc {
    font-size: 16px;
}

.header01__ja h3 {
    font-size: 23px;
}

.index-service__item .btn01 {
    z-index: 2;
}

.magazine-contents {
    position: relative;
    font-size: 16px;
    line-height: 2;
}

.magazine-contents img {
    display: block;
    margin: auto;
}

.magazine-contents p:has(> img):nth-child(1) {
    margin-bottom: 60px;
}

.magazine-contents h2 {
    margin: 35px 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}

.magazine-contents mark {
    background: linear-gradient(transparent 40%, #fed9de 0%);
    font-weight: normal;
}

.magazine-contents hr:after {
    display: block;
    content: "";
    width: 500px;
    height: 2px;
    margin: 70px auto;
    background: #d7d7d7;
}

.performance-data__list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 100px;
    gap: 2%;
}

.performance-data__item {
    width: 49%;
    margin-bottom: 70px;
}

.performance-data__list h3 {
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Sawarabi Mincho', "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.6;
}

.performance-data_text {
    line-height: 2;
    font-size: 12px;
    margin-bottom: 20px;
    text-align: center;
}

.page-introduction__text span.mini {
    font-size: 0.8em;
}

.performance-data__item img {
    display: block;
    margin: auto;
}

.link-under-line {
    text-decoration: underline;
}

.link-under-line:hover {
    text-decoration: none;
    color: inherit;
}

.about_more_btn.btn-outer {
    width: 266px;
    height: 52px;
    margin: 40px auto;
}



}
