/* 共通 */
span.kd__pc_br::after {
    content: "\A";
    white-space: pre;
}

/* Header */
header.header {
    margin: calc(27vw / 19.2) calc(24vw / 19.2) 0 calc(24vw / 19.2);
    padding: calc(7vw / 19.2) 0 0;
    border-top: 3px solid #000;
}

.header-bar {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: calc(24vw / 19.2);
    height: calc(110vw / 19.2);
    line-height: calc(110vw / 19.2);
}

.header-bar-inner.inner {
    /* display: flex;
    justify-content: space-between;
    align-items: center; */
    width: 100%;
}

h1.logo.logo-image,
.logo.logo-image {
    position: static;
    display: contents;
    height: 100%;
}

h1.logo.logo-image img,
.logo.logo-image img {
    width: calc(124vw / 19.2);
    height: auto;
    margin-left: calc(56vw / 19.2);
    padding-bottom: calc(15vw / 19.2);
}

nav#global-nav {
    font-family: "Trajan Pro 3";
    font-weight: normal;
    font-size: clamp(16px, calc(28vw / 19.2), 32px);
    letter-spacing: 0.08em;
    text-align: center;
    color: #333;
    /* padding-top: calc(21vw / 19.2); */
}

.global-nav>ul>li>a {
    padding: 0 calc(40vw / 19.2);
    line-height: calc(90vw / 19.2);
    height: calc(80vw / 19.2);
}

.global-nav>ul>li:last-child {
    padding-right: calc(32vw / 19.2);
}

li#menu-item-469>a {
    background: #f0dbe3;
    color: #fff;
}

li#menu-item-469>a:hover {
    background: #f0dbe373;
    color: #666666;
}

.top-slider {
    height: auto;
}

/* .top-slider-wrapper{
    height: calc(624vw / 19.2);
}*/

.global-nav .sub-menu a {
    padding: calc(12vw / 19.2) calc(20vw / 19.2);
    width: calc(450vw / 19.2);
    text-align: left;
    color: #666;
}

/* footer */
.footer {
    margin-top: 0;
}

.footer-nav-wrapper {
    height: 100%;
    height: calc(492vw / 19.2);
}

div#text-2 {
    width: 100%;
    padding-top: calc(118vw / 19.2);
}

.footer__type1 .footer-widget-title {
    font-family: "Trajan Pro 3";
    font-weight: 300;
    font-size: clamp(30px, calc(40vw / 19.2), 40px);
    letter-spacing: 0.1em;
    text-align: center;
    color: #333;
    margin-bottom: calc(50vw / 19.2);
}

ul.footer__textwidget__headmenu--ul,
ul.footer__textwidget__submenu--ul {
    display: flex;
    justify-content: center;
    margin-left: 0;
}

li.footer__textwidget__headmenu--item,
li.footer__textwidget__submenu--item {
    margin: 0 calc(20vw / 19.2);
    list-style: none;
}

li.footer__textwidget__headmenu--item>a {
    font-family: "Garamond Premier Pro";
    font-weight: normal;
    font-size: clamp(20px, calc(32vw / 19.2), 32px);
    letter-spacing: 0.1em;
    text-align: left;
    color: #333 !important;
    text-decoration: none !important;
}

li.footer__textwidget__submenu--item>a {
    font-family: "Hiragino Mincho ProN";
    font-weight: normal;
    font-size: clamp(16px, calc(23vw / 19.2), 23px);
    letter-spacing: 0.1em;
    text-align: left;
    color: #333 !important;
    text-decoration: none !important;
}

.footer__textwidget__copyright {
    font-family: "Garamond Premier Pro";
    font-weight: 500;
    font-size: clamp(20px, calc(32vw / 19.2), 32px);
    letter-spacing: 0.08em;
    text-align: center;
    color: #333;
    margin-top: calc(82vw / 19.2);
}

/* follow me */
.footer__followme {
    height: calc(412vw / 19.2);
}

h2.footer__followme__h2 {
    font-family: "Trajan Pro 3";
    font-weight: normal;
    font-size: clamp(50px, calc(60vw / 19.2), 60px);
    letter-spacing: 0.08em;
    text-align: center;
    color: #333;
    padding-top: calc(104vw / 19.2);
}

h3.footer__followme__h3 {
    font-family: "Futura PT";
    font-weight: 300;
    font-size: clamp(20px, calc(28vw / 19.2), 28px);
    letter-spacing: 0.1em;
    text-align: center;
    color: #333;
    padding-bottom: calc(56vw / 19.2);
}

.footer__followme__snsbutton {
    display: flex;
    justify-content: center;
}

.footer__followme__snsbutton__instagram,
.footer__followme__snsbutton__official-line,
.footer__followme__snsbutton__mail {
    width: 470px;
    height: auto;
    background: #f0dbe3;
    margin: 0 calc(15vw / 19.2);
}

.footer__followme__susbutton__line {
    border: 1px solid #fff;
    margin: calc(5vw / 19.2);
}

.footer__followme__susbutton__line>a>p {
    font-family: "Trajan Pro 3";
    font-weight: normal;
    font-size: clamp(16px, calc(30vw / 19.2), 32px);
    letter-spacing: 0.08em;
    text-align: center;
    color: #fff;
    line-height: calc(84vw / 19.2);
    padding-top: calc(5vw / 19.2);
}

/* hover */
button.content-button-type:hover,
a.content02__dl-button:hover,
p.blog_button>a:hover {
    opacity: 0.6;
}

/*------- HOME -------*/
/* 見出し */
h2.content01__about-title.headline-font-type,
h2.content02__dl-title.headline-font-type,
h2.content03__dc-title.headline-font-type,
h2.content04__blog-title.headline-font-type,
h2.content05__instagram-title.headline-font-type {
    font-family: "Trajan Pro 3";
    font-weight: normal;
    font-size: clamp(50px, calc(60vw / 19.2), 60px);
    letter-spacing: 0.08em;
    text-align: center;
    color: #333;
}

h3.content01__about-subtitle.subheadline-font-type,
h3.content02__dl-subtitle.subheadline-font-type,
h3.content03__dc-subtitle.subheadline-font-type,
h3.content04__blog-subtitle.subheadline-font-type,
h3.content05__instagram-subtitle.subheadline-font-type {
    font-family: "Futura PT";
    font-weight: 300;
    font-size: clamp(20px, calc(28vw / 19.2), 28px);
    letter-spacing: 0.1em;
    text-align: center;
    color: #333;
    margin-bottom: calc(48vw / 19.2);
}

/* ABOUT */
div#content01__about>div.inner {
    width: calc(1472vw / 19.2);
    margin: 0 auto;
    padding: calc(180vw / 19.2) 0;
}

.content01__about-flex {
    display: flex;
    justify-content: space-between;
}

.content01__about-img>img {
    width: calc(600vw / 19.2);
}

.content01__about-texts {
    width: calc(744vw / 19.2);
}

p.content01__about-text {
    margin: calc(24vw / 19.2) 0 calc(48vw / 19.2) calc(48vw / 19.2);
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(20px, calc(32vw / 19.2), 32px);
    letter-spacing: 0.03em;
    line-height: calc(48vw / 19.2);
    text-align: left;
    color: #333;
}

.content-button {
    display: flex;
    justify-content: flex-end;
}

.line-style {
    border-top: 1px solid #AAAAAA;
    width: calc(200vw / 19.2);
    height: 0;
    margin: calc(43vw / 19.2) calc(23vw / 19.2);
}

button.content-button-type {
    font-family: "Trajan Pro 3";
    font-weight: 600;
    font-size: clamp(16px, calc(30vw / 19.2), 32px);
    letter-spacing: 0.08em;
    text-align: left;
    color: #fff;
    background: #f0dbe3;
    border: none;
    padding: calc(27vw / 19.2) calc(99vw / 19.2) calc(22vw / 19.2) calc(99vw / 19.2);
}

/* SERVICE */
section.content02__dl.fade01.fade02 {
    padding-bottom: calc(180vw / 19.2);
}

.content02__dl-item {
    background-color: rgba(247, 241, 244, 0.6);
    padding: calc(36vw / 19.2) calc(64vw / 19.2) calc(104vw / 19.2) calc(64vw / 19.2);
    position: relative;
    width: calc(100% / 3);
}

.content02__dl-item:nth-child(2) {
    margin: 0 calc(36vw / 19.2);
}

.content02__dl-h3img {
    text-align: center;
}

.content02__dl-h3img img {
    width: calc(171vw / 19.2);
}

h3.content02__dl-title.headline-font-type {
    font-family: "Garamond Premier Pro";
    font-weight: normal;
    font-size: clamp(20px, calc(50vw / 19.2), 64px);
    letter-spacing: 0.1em;
    text-align: center;
    color: #333;
    position: absolute;
    left: 50%;
    top: calc(93vw / 19.2);
    transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    width: 100%;
}

p.content02__dl-text {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(17px, calc(20vw / 19.2), 25px);
    letter-spacing: 0.03em;
    line-height: calc(40vw / 19.2);
    text-align: left;
    color: #333;
}

.content02__dl-text__button {
    text-align: center;
}

a.content02__dl-button {
    font-family: "Trajan Pro 3";
    font-weight: 600;
    font-size: clamp(20px, calc(32vw / 19.2), 32px);
    letter-spacing: 0.08em;
    text-align: center;
    color: #fff;
    display: inline-block;
    background: #f0dbe3;
    margin: calc(63vw / 19.2) auto 0 auto;
    width: 90%;
    padding: calc(22vw / 19.2) 0 calc(14vw / 19.2) 0;
}

/* Designer & Creater */
div#content03__dc {
    background: #f7f6f5;
    padding: calc(80vw / 19.2) 0 calc(56vw / 19.2) 0;
    margin-bottom: calc(100vw / 19.2);
}

div#content03__dc>div.inner {
    width: calc(1472vw / 19.2);
    margin: 0 auto;
}

.content03__dc-flex {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.content03__dc-texts {
    margin: calc(24vw / 19.2) calc(728vw / 19.2) 0 0;
}

p.content03__dc-text {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(20px, calc(32vw / 19.2), 32px);
    letter-spacing: 0.03em;
    line-height: calc(48vw / 19.2);
    text-align: left;
    color: #333;
    margin-bottom: calc(48vw / 19.2);
}

.content03__dc-img {
    position: absolute;
    right: 0;
}

.content03__dc-img img {
    width: calc(600vw / 19.2);
}

ol.flickity-page-dots {
    bottom: -15% !important;
    top: initial !important;
}

.su-image-carousel>ol.flickity-page-dots>li.dot {
    width: 15px !important;
    height: 15px !important;
}

/* Blog */
div#content04__blog {
    padding: calc(104vw / 19.2) 0 calc(72vw / 19.2) 0;
}

div#content04__blog>div.inner {
    width: calc(1472vw / 19.2);
    margin: 0 auto;
}

.card-list-blog.flex.flex-wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: calc(50vw / 19.2);
}

div.card-list__item:nth-child(2) {
    margin: 0 calc(40vw / 19.2);
}

div.su-post__body {
    padding: calc(24vw / 19.2) calc(28vw / 19.2);
}

div.su-post-excerpt {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(16px, calc(23vw / 19.2), 23px);
    letter-spacing: 0.03em;
    line-height: calc(40vw / 19.2);
    text-align: left;
    color: #333;
    border-bottom: 0.75px solid #707070;
    padding-bottom: calc(12vw / 19.2);
}

div.su-post__body__flex {
    display: flex;
    padding-top: calc(12vw / 19.2);
    font-family: "Garamond Premier Pro";
    font-weight: normal;
    font-size: clamp(16px, calc(28vw / 19.2), 32px);
    letter-spacing: 0.08em;
    line-height: calc(50vw / 19.2);
    text-align: left;
    color: #333;
}

div.card-list__item {
    width: calc((100% - 10px) / 3);
}

img.attachment-post-thumbnail {
    width: 100%;
    height: auto;
}

div.su-post__body__flex>div.su-post-meta::after {
    content: ' | ';
    padding: 0 calc(10vw / 19.2);
}

p.blog_button {
    text-align: center;
}

p.blog_button>a {
    font-family: "Trajan Pro 3";
    font-weight: 600;
    font-size: clamp(16px, calc(30vw / 19.2), 32px);
    letter-spacing: 0.08em;
    text-align: left;
    color: #fff;
    background: #f0dbe3;
    padding: calc(27vw / 19.2) calc(98vw / 19.2) calc(22vw / 19.2) calc(98vw / 19.2);
}

img.img__no-image {
    width: 464px;
    height: 309px;
}

/* Instagram */
div#content05__instagram {
    background: #f7f6f5;
    padding: calc(100vw / 19.2) 0 calc(108vw / 19.2) 0;
}

div#content05__instagram>div.inner {
    width: 100%;
}

div#sb_instagram {
    overflow: hidden;
}

#sb_instagram #sbi_images {
    display: flex;
    width: 400%;
    padding: calc(12vw / 19.2) 0;
    gap: calc(15vw / 19.2) !important;
    animation: loop-slide 50s infinite linear 0s both;
}

@-webkit-keyframes loop-slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@keyframes loop-slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/*==================================================
スライダーのためのcss
===================================*/
.slick {
    /*横幅94%で左右に余白を持たせて中央寄せ*/
    width: 94%;
    margin: 0 auto;
}

.slick img {
    width: 10vw;
    /*スライダー内の画像を60vwにしてレスポンシブ化*/
    height: auto;
}

.slick .slick-slide {
    transform: scale(0.8);
    /*左右の画像のサイズを80%に*/
    transition: all .5s;
    /*拡大や透過のアニメーションを0.5秒で行う*/
    opacity: 0.5;
    /*透過50%*/
}

.slick .slick-slide.slick-center {
    transform: scale(1);
    /*中央の画像のサイズだけ等倍に*/
    opacity: 1;
    /*透過なし*/
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev,
.slick-next {
    position: absolute;
    /*絶対配置にする*/
    top: 42%;
    cursor: pointer;
    /*マウスカーソルを指マークに*/
    outline: none;
    /*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #666;
    /*矢印の色*/
    border-right: 2px solid #666;
    /*矢印の色*/
    height: 15px;
    width: 15px;
}

.slick-prev {
    /*戻る矢印の位置と形状*/
    left: -1.5%;
    transform: rotate(-135deg);
}

.slick-next {
    /*次へ矢印の位置と形状*/
    right: -1.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align: center;
    margin: 20px 0 0 0;
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width: 8px;
    /*ドットボタンのサイズ*/
    height: 8px;
    /*ドットボタンのサイズ*/
    display: block;
    border-radius: 50%;
    background: #ccc;
    /*ドットボタンの色*/
}

.slick-dots .slick-active button {
    background: #333;
    /*ドットボタンの現在地表示の色*/
}

.su-image-carousel:hover>ol.flickity-page-dots {
    opacity: 0 !important;
}

/*------- About page -------*/
.inner {
    width: 100%;
}

.breadcrumb-wrapper {
    position: initial;
    margin-left: calc(200vw / 19.2);
    width: calc(1472vw / 19.2);
}

.breadcrumb {
    font-size: clamp(14px, calc(22vw / 19.2), 22px);
}

.breadcrumb li {
    font-family: "Trajan Pro 3", "Ten Mincho Text";
}

.post-header {
    margin: calc(75vw / 19.2) auto calc(60vw / 19.2) auto;
}

.primary {
    width: 100%;
}

/* About page__concept */
div#content10__concept {
    background: #f7f6f5;
    padding: calc(70vw / 19.2) calc(200vw / 19.2) calc(155vw / 19.2);
}

h2.post-title.headline-font-type {
    font-family: "Trajan Pro 3", "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(80px, calc(120vw / 19.2), 120px);
    letter-spacing: 0.06em;
    text-align: center;
    color: #999;
    opacity: 0.75;
}

h2.content10__concept-title.headline-font-type,
h2.content11__strengths-title.headline-font-type,
h2.content12__message-title.headline-font-type {
    font-family: "Trajan Pro 3";
    font-weight: normal;
    font-size: clamp(50px, calc(60vw / 19.2), 60px);
    letter-spacing: 0.08em;
    text-align: left;
    color: #333;
    margin-bottom: 0;
}

h3.content10__concept-subtitle.subheadline-font-type,
h3.content11__strengths-subtitle.subheadline-font-type,
h3.content12__message-subtitle.subheadline-font-type {
    font-family: "Futura PT";
    font-weight: 300;
    font-size: clamp(20px, calc(28vw / 19.2), 28px);
    letter-spacing: 0.1em;
    text-align: left;
    color: #333;
    padding-top: 0;
    padding-left: calc(8vw / 19.2);
}

.content10__concept-flex {
    display: flex;
    justify-content: space-between;
}

.content10__concept-texts {
    width: calc(830vw / 19.2);
    padding-top: calc(50vw / 19.2);
}

.content10__concept-img {
    text-align: right;
    position: relative;
    padding-top: calc(48vw / 19.2);
}

.content10__concept-img-01 {
    position: absolute;
    left: calc(-453vw / 19.2);
    top: calc(220vw / 19.2);
}

.content10__concept-img-02 {
    position: relative;
}

h4.content10__concept-h4 {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(30px, calc(40vw / 19.2), 40px);
    letter-spacing: 0.02em;
    line-height: calc(50vw / 19.2);
    text-align: left;
    color: #333;
}

p.content10__concept-text-01,
p.content10__concept-text-02 {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(20px, calc(32vw / 19.2), 32px);
    letter-spacing: 0.05em;
    line-height: calc(45vw / 19.2);
    text-align: left;
    color: #333;
    margin-bottom: 0;
}

p.content10__concept-text-01 {
    padding-bottom: calc(32vw / 19.2);
}

.content10__concept-texts>p.line-style {
    border-top: 1px solid #AAAAAA;
    width: 100%;
    height: 0;
    margin-top: calc(16vw / 19.2);
    margin-bottom: calc(48vw / 19.2);
}

/* About page__Strengths */
section.content11__strengths.fade01.fade02 {
    padding: calc(77vw / 19.2) calc(200vw / 19.2);
}

ul.content11__strengths__ul {
    margin: 0;
    padding: calc(50vw / 19.2) 0 0 0;
    list-style: none;
}

.content11__strengths__ul__li-flex {
    display: flex;
}

.content11__strengths-img {
    width: 5%;
}

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

.content11__strengths-slash {
    margin: 0 calc(20vw / 19.2);
    padding-top: calc(10vw / 19.2);
    width: 5%;
    text-align: center;
}

.content11__strengths-texts {
    padding-top: calc(5vw / 19.2);
    width: 90%;
}

p.content11__strengths-text-01 {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(16px, calc(30vw / 19.2), 32px);
    letter-spacing: 0.02em;
    line-height: calc(40vw / 19.2);
    text-align: left;
    color: #333;
    margin-bottom: calc(10vw / 19.2);
}

p.content11__strengths-text-02 {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(20px, calc(32vw / 19.2), 32px);
    letter-spacing: 0.05em;
    line-height: calc(40vw / 19.2);
    text-align: left;
    color: #333;
    margin-bottom: calc(40vw / 19.2);
}

/* About page__Message */
section.content12__message.fade01.fade02 {
    padding: calc(80vw / 19.2) calc(200vw / 19.2) 0;
    margin-bottom: calc(108vw / 19.2);
    background: #f7f6f5;
}

.content12__message-flex {
    display: flex;
    justify-content: space-between;
}

.content10__concept-img-01 img {
    width: calc(662vw / 19.2);
}

.content10__concept-img-02 img,
.content12__message-img-01 img,
.content12__message-img-02 img {
    width: calc(608vw / 19.2);
}

.content12__message-img {
    width: 50%;
    padding-top: calc(48vw / 19.2);
}

.content12__message-texts {
    width: 50%;
}

p.content12__message-text-01,
p.content12__message-text-02,
p.content12__message-text-03 {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(20px, calc(32vw / 19.2), 32px);
    line-height: calc(48vw / 19.2);
    text-align: left;
    color: #333;
    margin-bottom: calc(32vw / 19.2);
}

.content12__message-img-02 {
    position: absolute;
    top: calc(403vw / 19.2);
    left: calc(470vw / 19.2);
    z-index: -1;
}

/*------- Service-page -------*/
div#service11__course01,
div#service11__course02,
div#service11__course03 {
    margin: 0 calc(110vw / 19.2);
}

section.service11__course01.fade01.fade02,
section.service11__course02.fade01.fade02,
section.service11__course03.fade01.fade02 {
    position: relative;
    margin-bottom: calc(93vw / 19.2);
}

.service11__course01__flex,
.service11__course03__flex {
    display: flex;
    justify-content: left;
    align-items: center;
}

.service11__course02__flex {
    display: flex;
    justify-content: right;
    align-items: center;
}

h2.service11__course01__title-h2,
h2.service11__course03__title-h2 {
    font-family: "Trajan Pro 3";
    font-weight: normal;
    font-size: clamp(20px, calc(60vw / 19.2), 64px);
    letter-spacing: 0.08em;
    text-align: center;
    color: #999;
    opacity: 0.75;
    margin-bottom: 0;
    padding-top: 0;
    padding-right: calc(36vw / 19.2);
    margin-left: calc(-118vw / 19.2);
}

h2.service11__course02__title-h2 {
    font-family: "Trajan Pro 3";
    font-weight: normal;
    font-size: clamp(20px, calc(60vw / 19.2), 64px);
    letter-spacing: 0.08em;
    text-align: center;
    color: #999;
    opacity: 0.75;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: calc(32vw / 19.2);
    margin-right: calc(-96vw / 19.2);
}

.service11__course01__headline {
    width: calc(700vw / 19.2);
    border-top: 1px solid #aaa;
}

.service11__course02__headline {
    width: calc(528vw / 19.2);
    border-top: 1px solid #aaa;
}

.service11__course03__headline {
    width: calc(547vw / 19.2);
    border-top: 1px solid #aaa;
}

.service11__course01__background {
    margin-right: calc(-142vw / 19.2);
    text-align: right;
}

.service11__course02__background {
    margin-left: calc(-110vw / 19.2);
    text-align: left;
}

.service11__course03__background {
    margin-right: calc(-110vw / 19.2);
    text-align: right;
}

.service11__course01__texts,
.service11__course02__texts,
.service11__course03__texts {
    /* width: calc(700vw / 19.2); */
    width: 55%;
    position: absolute;
    bottom: calc(70vw / 19.2);
    right: 0;
}

.service11__course02__texts {
    width: calc(700vw / 19.2);
    position: absolute;
    bottom: calc(56vw / 19.2);
    left: 0;
}

.service11__course01__texts__subtitle>h3,
.service11__course02__texts__subtitle>h3,
.service11__course03__texts__subtitle>h3 {
    margin-bottom: calc(40vw / 19.2);
    padding-top: 0;
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(20px, calc(36vw / 19.2), 36px);
    letter-spacing: 0.02em;
    line-height: calc(40vw / 19.2);
    text-align: left;
    color: #333;
}

.service11__course01__texts__content>p,
.service11__course02__texts__content>p,
.service11__course03__texts__content>p {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(18px, calc(28vw / 19.2), 28px);
    line-height: calc(40vw / 19.2);
    text-align: left;
    color: #333;
    margin-bottom: calc(73vw / 19.2);
}

.service11__course01__texts>.content-button,
.service11__course02__texts>.content-button,
.service11__course03__texts>.content-button {
    align-items: center;
}

.service11__course01__texts>.content-button p,
.service11__course02__texts>.content-button p,
.service11__course03__texts>.content-button p {
    margin-bottom: 0;
}

.service11__course01__texts>.content-button p.line-style,
.service11__course02__texts>.content-button p.line-style,
.service11__course03__texts>.content-button p.line-style {
    margin-right: calc(24vw / 19.2);
    margin-bottom: 0;
}

.service11__course01__texts>.content-button button.content-button-type,
.service11__course02__texts>.content-button button.content-button-type,
.service11__course03__texts>.content-button button.content-button-type {
    padding: calc(15vw / 19.2) calc(99vw / 19.2) calc(10vw / 19.2) calc(99vw / 19.2);
}

/*------- Web Design-page -------*/
/*------- Graphic Design-page -------*/
/*------- Skill up Lesson-page -------*/
section.service01__w-design.fade01.fade02,
section.service02__g-design.fade01.fade02,
section.service03__skillup.fade01.fade02 {
    margin-bottom: calc(120vw / 19.2);
}

h2.service01__w-design-title.headline-font-type,
h2.service02__g-design-title.headline-font-type,
h2.service03__skillup-title.headline-font-type {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(30px, calc(40vw / 19.2), 40px);
    letter-spacing: 0.02em;
    line-height: calc(50vw / 19.2);
    text-align: center;
    color: #333;
    padding-top: 0;
    margin-bottom: calc(60vw / 19.2);
}

p.service01__w-design__description-text,
p.service02__g-design__description-text,
p.service03__skillup__description-text {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(20px, calc(32vw / 19.2), 32px);
    letter-spacing: 0.05em;
    line-height: calc(50vw / 19.2);
    text-align: center;
    color: #333;
    margin-bottom: 0;
}

div#service03__skillup__course01,
div#service03__skillup__course02,
div#service03__skillup__course03,
div#service03__skillup__course04,
div#service03__skillup__course05 {
    margin: 0 calc(200vw / 19.2);
    border-top: 1px solid #333;
}

div#service03__skillup__course05 {
    border-bottom: 1px solid #333;
    margin-bottom: calc(80vw / 19.2);
}

.service03__skillup__course01__flex,
.service03__skillup__course02__flex,
.service03__skillup__course03__flex,
.service03__skillup__course04__flex,
.service03__skillup__course05__flex {
    display: flex;
    justify-content: space-between;
}

.service03__skillup__course01__img,
.service03__skillup__course02__img,
.service03__skillup__course03__img,
.service03__skillup__course04__img,
.service03__skillup__course05__img {
    /* width: calc(682vw / 19.2); */
    width: 45%;
    padding-top: calc(122vw / 19.2);
    padding-bottom: calc(120vw / 19.2);
}

.service03__skillup__course01__texts,
.service03__skillup__course02__texts,
.service03__skillup__course03__texts,
.service03__skillup__course04__texts,
.service03__skillup__course05__texts {
    /* width: calc(682vw / 19.2); */
    width: 50%;
    padding-top: calc(70vw / 19.2);
}

.service03__skillup__course01__texts_flex,
.service03__skillup__course03__texts_flex,
.service03__skillup__course05__texts_flex {
    display: flex;
    justify-content: end;
    align-items: center;
}

.service03__skillup__course02__texts_flex,
.service03__skillup__course04__texts_flex {
    display: flex;
    justify-content: start;
    align-items: center;
}

h2.service03__skillup__course01-title.headline-font-type,
h2.service03__skillup__course02-title.headline-font-type,
h2.service03__skillup__course03-title.headline-font-type,
h2.service03__skillup__course04-title.headline-font-type,
h2.service03__skillup__course05-title.headline-font-type {
    padding-top: 0;
    margin-bottom: 0;
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(30px, calc(40vw / 19.2), 40px);
    letter-spacing: 0.02em;
    line-height: calc(40vw / 19.2);
    text-align: left;
    color: #333;
}

.service03__skillup__course01__texts_flex-h2,
.service03__skillup__course02__texts_flex-h2,
.service03__skillup__course03__texts_flex-h2,
.service03__skillup__course04__texts_flex-h2,
.service03__skillup__course05__texts_flex-h2 {
    width: 65%;
}

.service03__skillup__course01__texts_flex-img,
.service03__skillup__course02__texts_flex-img,
.service03__skillup__course03__texts_flex-img,
.service03__skillup__course04__texts_flex-img,
.service03__skillup__course05__texts_flex-img {
    width: 35%;
}

h2.service03__skillup__course01-title.headline-font-type,
h2.service03__skillup__course02-title.headline-font-type,
h2.service03__skillup__course03-title.headline-font-type,
h2.service03__skillup__course04-title.headline-font-type,
h2.service03__skillup__course05-title.headline-font-type {
    padding-right: calc(40vw / 19.2);
}

.service03__skillup__course01__texts_text p,
.service03__skillup__course02__texts_text p,
.service03__skillup__course03__texts_text p,
.service03__skillup__course04__texts_text p,
.service03__skillup__course05__texts_text p {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(18px, calc(26vw / 19.2), 26px);
    line-height: calc(40vw / 19.2);
    text-align: left;
    color: #333;
    margin-top: calc(15vw / 19.2);
}

/*------- Blog-page -------*/
div#infinitescroll {
    margin: 0 calc(230vw / 19.2);
}

/*------- Works-page -------*/
h1.headline-font-type {
    font-size: clamp(35px, calc(42vw / 19.2), 42px);
    color: #666;
    font-family: "Ten Mincho Text";
    font-weight: bold;
}

div.headline-font-type {
    font-family: "Ten Mincho Text";
    font-weight: 500;
    color: #666;
}

.content03-text {
    width: inherit;
    margin: 0 calc(200vw / 19.2);
}

.content03-text>p {
    font-family: "Ten Mincho Text";
    font-weight: 400;
    font-size: clamp(18px, calc(22vw / 19.2), 22px);
    text-align: center;
}

.archive-gallery {
    background: #FFF;
    padding-bottom: calc(105vw / 19.2);
}

div.gallery-category-item:last-child {
    display: none;
}

article.article05.active {
    width: calc(100% / 3);
    border: calc(15vw / 19.2) solid #fff;
}

.gallery-category {
    background: #fff;
    font-family: "Trajan Pro 3";
    font-weight: normal;
    text-align: center;
    display: flex;
    justify-content: center;
}

.gallery-category p {
    font-size: clamp(16px, calc(30vw / 19.2), 32px);
    color: #aaa;
    padding: 0 calc(26vw / 19.2);
}

/*------- Contact-page -------*/
p.contact01__description-text {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(16px, calc(26vw / 19.2), 32px);
    line-height: calc(40vw / 19.2);
    text-align: center;
    color: #707070;
    margin-bottom: calc(56vw / 19.2);
}

div#wpcf7-f648-p459-o1 {
    margin: 0 calc(256vw / 19.2) !important;
    width: auto;
    border: none;
    background: none;
}

.wpcf7 p,
.wpcf7 .wpcf7-list-item-label {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(16px, calc(26vw / 19.2), 32px);
    line-height: calc(40vw / 19.2);
    text-align: left;
    color: #707070;
}

.wpcf7 input {
    border: 1px solid #707070;
}

.cf7__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: calc(60vw / 19.2);
}

.cf7__list dt:nth-of-type(n + 2),
.cf7__list dd:nth-of-type(n + 2) {
    margin-top: calc(30vw / 19.2);
}

.cf7__list dd:nth-of-type(8) .wpcf7-checkbox {
    display: block;
}

.cf7__list dt {
    width: 35%;
    padding-top: calc(20vw / 19.2);
}

.cf7__list dd {
    width: 65%;
}

/* 必須・任意 */
.cf7__required,
.cf7__optional {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(16px, calc(23vw / 19.2), 32px);
    letter-spacing: 0.2em;
    line-height: calc(40vw / 19.2);
    text-align: left;
    margin-right: calc(30vw / 19.2);
    padding: calc(6vw / 19.2) calc(14vw / 19.2);
    color: #fff;
    vertical-align: calc(1vw / 19.2);
}

.cf7__required {
    background: #BE1D1D;
}

.cf7__optional {
    background: #707070;
    opacity: 0.4;
}

/* input・textarea */
.cf7__list dd input[type="text"],
.cf7__list dd input[type="tel"],
.cf7__list dd input[type="email"],
.cf7__list dd textarea {
    width: 100%;
    padding: calc(20vw / 19.2) calc(30vw / 19.2);
    line-height: calc(40vw / 19.2);
    text-align: left;
    color: #707070;
}

/* チェックボックス・ラジオボタン */
.cf7__list dd .wpcf7-checkbox,
.cf7__list dd .wpcf7-radio {
    /* padding: calc(15vw / 19.2) 0 calc(10vw / 19.2);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: calc(10vw / 19.2); */
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(16px, calc(26vw / 19.2), 32px);
    line-height: calc(40vw / 19.2);
    text-align: left;
    color: #707070;
    width: 100%;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(2, 1fr);
    gap: calc(25vw / 19.2);
}

/* 縦並び（チェックボックス・ラジオボタン） */
.cf7__list dd .wpcf7-list-item {
    display: block;
    margin: calc(5vw / 19.2) 0 0 0;
}

.cf7__list dd .wpcf7-list-item:nth-child(n + 2) {
    margin-top: calc(5vw / 19.2);
}

/* マウスカーソル（チェックボックス・ラジオボタン） */
.cf7__list dd .wpcf7-list-item label {
    cursor: pointer;
}

/* チェックボックス・ラジオボタン */
.wpcf7 input[type=checkbox],
.wpcf7 input[type=radio] {
    position: relative;
    width: calc(25vw / 19.2);
    height: calc(25vw / 19.2);
    margin-right: calc(18vw / 19.2);
    border: 1px solid #bcbcbc;
    vertical-align: calc(-3vw / 19.2);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: calc(12vw / 19.2);
}

/* チェックボックス */
input[type="checkbox"]:checked {
    border: 1px solid #000;
    background: #000;
}

input[type="checkbox"]:checked:before {
    position: absolute;
    top: calc(4vw / 19.2);
    left: calc(8vw / 19.2);
    transform: rotate(50deg);
    width: calc(6vw / 19.2);
    height: calc(10vw / 19.2);
    border-right: calc(2vw / 19.2) solid #fff;
    border-bottom: calc(2vw / 19.2) solid #fff;
    content: '';
}

/* ラジオボタン */
input[type="radio"] {
    border-radius: 50%;
}

input[type="radio"]:checked:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(9vw / 19.2);
    height: calc(9vw / 19.2);
    border-radius: 50%;
    background: #000;
    content: '';
}

/* プレースホルダー */
/* Google Chrome / Safari / Mozilla Firefox / Opera */
.cf7__list dd input[type="text"]::placeholder,
.cf7__list dd input[type="tel"]::placeholder,
.cf7__list dd input[type="email"]::placeholder,
.cf7__list dd textarea::placeholder {
    color: #a5a5a5;
}

/* Microsoft Edge */
.cf7__list dd input[type="text"]::-ms-input-placeholder,
.cf7__list dd input[type="tel"]::-ms-input-placeholder,
.cf7__list dd input[type="email"]::-ms-input-placeholder,
.cf7__list dd textarea::-ms-input-placeholder {
    color: #a5a5a5;
}

/* Internet Explorer */
.cf7__list dd input[type="text"]:-ms-input-placeholder,
.cf7__list dd input[type="tel"]:-ms-input-placeholder,
.cf7__list dd input[type="email"]:-ms-input-placeholder,
.cf7__list dd textarea:-ms-input-placeholder {
    color: #a5a5a5;
}

/* 送信ボタン */
.cf7__button {
    text-align: center;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(16px, calc(26vw / 19.2), 32px);
    letter-spacing: 0.5em;
    width: calc(360vw / 19.2);
    height: calc(80vw / 19.2);
    background-color: #555;
}

input[type="submit"] {
    width: calc(260vw / 19.2);
    height: calc(30vw / 19.2);
    background: #000;
    color: #fff;
    transition: opacity .6s;
}

input[type="submit"]:hover {
    opacity: .6;
}

/* ajax-loader */
.wpcf7-spinner {
    vertical-align: middle;
}

/* Web Desing-page */
div#service01__w-design__works,
div#service01__w-design__flow {
    /* margin: 0 calc(230vw / 19.2); */
    margin-bottom: calc(80vw / 19.2);
}

section.service01__w-design__works.fade01.fade02 {
    margin-bottom: calc(80vw / 19.2);
}

section.service01__w-design__price.fade01.fade02 {
    padding: calc(80vw / 19.2) 0;
    margin: 0 calc(230vw / 19.2);
}

section.service01__w-design__flow.fade01.fade02 {
    padding-top: calc(104vw / 19.2);
}

div#service01__w-design__price {
    background-color: #f7f6f5;
}

h2.service01__w-design__works-title.headline-font-type,
h2.service01__w-design__price-title.headline-font-type,
h2.service01__w-design__flow-title.headline-font-type {
    font-family: "Trajan Pro 3";
    font-weight: normal;
    font-size: clamp(50px, calc(60vw / 19.2), 60px);
    letter-spacing: 0.08em;
    text-align: center;
    color: #333;
    padding: 0;
}

h3.service01__w-design__works-subtitle.subheadline-font-type,
h3.service01__w-design__price-subtitle.subheadline-font-type,
h3.service01__w-design__flow-subtitle.subheadline-font-type {
    font-family: "Futura PT";
    font-weight: 300;
    font-size: clamp(20px, calc(28vw / 19.2), 28px);
    letter-spacing: 0.1em;
    text-align: center;
    color: #333;
    margin-top: calc(-25vw / 19.2);
    margin-bottom: calc(40vw / 19.2);
}

.service01__w-design__works_gallery-flex {
    display: flex;
}

table.service01__w-design__price_tabel {
    table-layout: auto;
    width: 100%;
}

table.service01__w-design__price_tabel th {
    font-weight: normal;
    background: #f0dbe3;
    border: calc(10vw / 19.2) solid #f7f6f5;
    border-bottom: none;
    font-size: clamp(18px, calc(26vw / 19.2), 26px);
    letter-spacing: 0.03em;
    text-align: left;
}

table.service01__w-design__price_tabel th.w-design__price__koumoku {
    width: calc(434vw / 19.2);
}

table.service01__w-design__price_tabel th.w-design__price__ryokin {
    width: calc(238vw / 19.2);
}

table.service01__w-design__price_tabel td {
    padding: calc(10vw / 19.2) calc(15vw / 19.2) calc(7vw / 19.2);
    line-height: 64px;
    border-top: none;
    border-right: calc(10vw / 19.2) solid #f7f6f5;
    border-left: calc(10vw / 19.2) solid #f7f6f5;
    border-bottom: 1px solid #707070;
    font-size: clamp(18px, calc(26vw / 19.2), 26px);
    letter-spacing: 0.03em;
    text-align: left;
    color: #333;
    background: none;
}

ul.service01__w-design__flow__ul,
ul.service02__g-design__flow__ul {
    list-style: none;
    margin-left: calc(70vw / 19.2);
    margin-right: calc(70vw / 19.2);
    margin-bottom: calc(80vw / 19.2);
}

.service01__w-design__flow__ul__li-flex {
    display: flex;
    align-items: center;
    margin-bottom: calc(53vw / 19.2);
}

.service01__w-design__flow-img,
.service02__g-design__flow-img {
    width: 5%;
}

.service01__w-design__flow-img img,
.service02__g-design__flow-img img {
    width: 100%;
    height: auto;
}

.service01__w-design__flow-slash,
.service02__g-design__flow-slash {
    /* margin: calc(-20vw / 19.2) calc(25vw / 19.2) 0 calc(25vw / 19.2); */
    width: 5%;
    text-align: center;
    padding-bottom: calc(20vw / 19.2);
    padding-left: calc(10vw / 19.2);
}

.service01__w-design__flow-heading,
.service02__g-design__flow-heading {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(30px, calc(40vw / 19.2), 40px);
    letter-spacing: 0.02em;
    line-height: calc(40vw / 19.2);
    text-align: left;
    color: #333;
    /* width: calc(270vw / 19.2); */
    width: 20%;
    padding-left: calc(20vw / 19.2);
}

.service01__w-design__flow-texts,
.service02__g-design__flow-texts {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(20px, calc(32vw / 19.2), 32px);
    letter-spacing: 0.05em;
    line-height: calc(40vw / 19.2);
    text-align: left;
    color: #333;
    width: 70%;
}

.service01__w-design__flow-texts>p {
    margin-bottom: 0;
}

.service01__w-design__flow__button {
    text-align: center;
}

/* Graphic Design-page */
div#service02__g-design__works,
div#service02__g-design__flow {
    /* margin: 0 calc(230vw / 19.2); */
    margin-bottom: calc(80vw / 19.2);

}

section.service02__g-design__works.fade01.fade02 {
    margin-bottom: calc(100vw / 19.2);
}

section.service02__g-design__price.fade01.fade02 {
    padding: calc(80vw / 19.2) 0;
    margin: 0 calc(230vw / 19.2);
}

section.service02__g-design__flow.fade01.fade02 {
    padding-top: calc(104vw / 19.2);
}

div#service02__g-design__price {
    background-color: #f7f6f5;
}

h2.service02__g-design__works-title.headline-font-type,
h2.service02__g-design__price-title.headline-font-type,
h2.service02__g-design__flow-title.headline-font-type {
    font-family: "Trajan Pro 3";
    font-weight: normal;
    font-size: clamp(50px, calc(60vw / 19.2), 60px);
    letter-spacing: 0.08em;
    text-align: center;
    color: #333;
    padding: 0;
}

h3.service02__g-design__works-subtitle.subheadline-font-type,
h3.service02__g-design__price-subtitle.subheadline-font-type,
h3.service02__g-design__flow-subtitle.subheadline-font-type {
    font-family: "Futura PT";
    font-weight: 300;
    font-size: clamp(20px, calc(28vw / 19.2), 28px);
    letter-spacing: 0.1em;
    text-align: center;
    color: #333;
    margin-top: calc(-25vw / 19.2);
    margin-bottom: calc(40vw / 19.2);
}

.service02__g-design__works_gallery-flex {
    display: flex;
}

table.service02__g-design__price_tabel {
    table-layout: auto;
    width: 100%;
}

table.service02__g-design__price_tabel th {
    font-weight: normal;
    background: #f0dbe3;
    border: calc(10vw / 19.2) solid #f7f6f5;
    border-bottom: none;
    font-size: clamp(18px, calc(26vw / 19.2), 26px);
    letter-spacing: 0.03em;
    text-align: left;
}

table.service02__g-design__price_tabel th.w-design__price__koumoku {
    width: calc(434vw / 19.2);
}

table.service02__g-design__price_tabel th.w-design__price__ryokin {
    width: calc(238vw / 19.2);
}

table.service02__g-design__price_tabel td {
    padding: calc(10vw / 19.2) calc(15vw / 19.2) calc(7vw / 19.2);
    line-height: 64px;
    border-top: none;
    border-right: calc(10vw / 19.2) solid #f7f6f5;
    border-left: calc(10vw / 19.2) solid #f7f6f5;
    border-bottom: 1px solid #707070;
    font-size: clamp(18px, calc(26vw / 19.2), 26px);
    letter-spacing: 0.03em;
    text-align: left;
    color: #333;
    background: none;
}

ul.service02__g-design__flow__ul {
    list-style: none;
}

.service02__g-design__flow__ul__li-flex {
    display: flex;
    align-items: center;
    margin-bottom: calc(53vw / 19.2);
}

/* .service02__g-design__flow-heading {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(30px, calc(40vw / 19.2), 40px);
    letter-spacing: 0.02em;
    line-height: calc(40vw / 19.2);
    text-align: left;
    color: #333;
    width: calc(270vw / 19.2);
} */

.service02__g-design__flow-texts {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(20px, calc(32vw / 19.2), 32px);
    letter-spacing: 0.05em;
    line-height: calc(40vw / 19.2);
    text-align: left;
    color: #333;
}

/* .service02__g-design__flow-slash {
    margin: calc(-20vw / 19.2) calc(25vw / 19.2) 0 calc(25vw / 19.2);
} */

.service02__g-design__flow-texts>p {
    margin-bottom: 0;
}

.service02__g-design__flow__button {
    text-align: center;
}

/* Designer & Creater-page */
section.staff__dc.fade01.fade02 {
    margin: 0 calc(230vw / 19.2);
}

.staff__dc_gallery-flex {
    display: flex;
}

article.article00.active {
    width: calc(100% / 3);
    border: calc(12vw / 19.2) solid #fff;
}

.article00-thumbnail.thumbnail01 {
    position: relative;
    z-index: 1;
}

.article00-thumbnail.thumbnail02 {
    text-align: right;
    margin-top: calc(-156vw / 19.2);
    position: relative;
    z-index: 0;
}

.article00-texts {
    background: rgba(247, 241, 244, .6);
    height: calc(240vw / 19.2);
    margin-top: calc(-181vw / 19.2);
    padding: calc(57vw / 19.2) calc(26vw / 19.2) calc(10vw / 19.2) calc(26vw / 19.2);
    position: relative;
    z-index: 10;
}

.article00-texts__name p {
    text-align: center;
    font-family: "Garamond Premier Pro";
    font-weight: normal;
    font-size: clamp(16px, calc(28vw / 19.2), 32px);
    letter-spacing: 0.08em;
    line-height: calc(50vw / 19.2);
    color: #333;
    margin-bottom: 0;
}

.article00-texts__line {
    border-top: 0.75px solid #707070;
    margin: calc(8vw / 19.2) 0 calc(18vw / 19.2) 0;
}

.article00-texts__comment p {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(16px, calc(23vw / 19.2), 23px);
    letter-spacing: 0.03em;
    line-height: calc(40vw / 19.2);
    text-align: left;
    color: #333;
}

/* privacy policy-page */
section#privacy-policy {
    margin: 0 calc(230vw / 19.2);
}

.builder-block_contens>p:not(:last-child) {
    margin-bottom: 0;
}

section#privacy-policy p,
section#privacy-policy ol li {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(20px, calc(32vw / 19.2), 32px);
    letter-spacing: 0.03em;
    line-height: calc(40vw / 19.2);
    text-align: left;
}

section#privacy-policy h1 {
    font-family: "Ten Mincho Text";
    font-weight: bold;
    font-size: clamp(20px, calc(36vw / 19.2), 64px);
    letter-spacing: 0.02em;
    color: #333;
}

section#privacy-policy h2 {
    font-family: "Ten Mincho Text";
    font-weight: bold;
    font-size: clamp(30px, calc(40vw / 19.2), 40px);
    letter-spacing: 0.02em;
    color: #333;
}

section#privacy-policy>ol>li>ol {
    list-style: none;
    text-indent: -1.5em;
}

section#privacy-policy>ol>li>ol>li>ul {
    list-style: disc;
    text-indent: 0.5em;
}


/* legal-info-page */
section.section__legal-info {
    margin: 0 calc(230vw / 19.2);
}

.section__legal-info_builder-block {
    margin-top: calc(10vw / 19.2);
}

.section__legal-info_builder-block table {
    font-family: "Ten Mincho Text";
}

.section__legal-info_builder-block table.terms-table th,
.section__legal-info_builder-block table.terms-table td {
    width: 30%;
    font-family: "Ten Mincho Text";
}

.section__legal-info_builder-block table.terms-table th {
    background-color: #f5f8fa;
}

.section__legal-info_builder-block div.builder-block_title>h2 {
    font-family: "Ten Mincho Text";
    font-weight: bold;
    font-size: clamp(30px, calc(40vw / 19.2), 40px);
    letter-spacing: 0.02em;
    color: #333;
}

.section__legal-info_builder-block a {
    color: #666 !important;
    text-decoration: underline !important;
}

table.terms-table {
    font-family: "Ten Mincho Text";
    margin: calc(8vw / 19.2) calc(16vw / 19.2) calc(45vw / 19.2);
    font-size: clamp(20px, calc(32vw / 19.2), 32px);
}

.builder-block_contens {
    padding-left: calc(16vw / 19.2);
}

.builder-block_contens>h3 {
    font-size: clamp(25px, calc(35vw / 19.2), 35px);
    font-family: "Ten Mincho Text";
    font-weight: bold;
}

/* .builder-block_contens>table.terms-table {
    margin: calc(8vw / 19.2) calc(16vw / 19.2) calc(45vw / 19.2);
    font-size: clamp(20px, calc(32vw / 19.2), 32px);
} */

.builder-block_contens>table.terms-table th {
    border-bottom: 1px solid #f0dbe3;
    width: 25%;
}

.builder-block_contens>table.terms-table td {
    border-bottom: 1px solid #c1c7c6;
    width: 75%;
}

.builder-block_contens>table.terms-table th,
.builder-block_contens>table.terms-table td {
    padding: calc(16vw / 19.2) calc(16vw / 19.2) calc(10vw / 19.2);
}

section.section__legal-info p,
section#privacy-policy ol li {
    font-family: "Ten Mincho Text";
    font-weight: normal;
    font-size: clamp(20px, calc(32vw / 19.2), 32px);
    letter-spacing: 0.03em;
    line-height: calc(40vw / 19.2);
    text-align: left;
}

section.section__legal-info blockquote.wp-embedded-content {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
}


@media screen and (max-width: 1200px) {
    .header-bar {
        box-shadow: none;
    }

    h1.logo.logo-image img,
    .logo.logo-image img {
        width: calc(87vw / 12);
        height: auto;
        max-height: none;
        margin-left: calc(20vw / 12);
        padding-bottom: calc(0vw / 12);
        padding-top: calc(9vw / 12);
    }

    .header-bar-inner.inner {
        display: flex;
        justify-content: space-between;
    }

    /* ハンバーガーメニュー */
    .global-nav>ul>li:last-child {
        padding-right: 0;
    }

    .global-nav>ul>li>a {
        color: #666 !important;
        text-align: left;
    }

    .global-nav .menu-item-has-children>a:before {
        content: "\e910";
    }

    .global-nav .sub-menu {
        display: block;
    }

    .global-nav .sub-menu a {
        padding: calc(12vw / 12) calc(20vw / 12);
        width: 100%;
        text-align: left;
        color: #666;
        color: #666 !important;
        height: calc(40vw / 12);
        line-height: calc(16vw / 12);
        padding-left: calc(40vw / 12);
    }

    #global-nav-button {
        font-family: inherit !important;
    }

    #global-nav-button::before,
    #global-nav-button::after {
        content: none !important;
        background: none !important;
        box-shadow: none !important;
    }

    /* ボタン本体 */
    #global-nav-button {
        position: relative;
        display: inline-block;
        width: 28px;
        /* 幅 */
        height: 20px;
        /* 全体の高さ */
        cursor: pointer;
        text-decoration: none;
        background: none;
        border: none;
        color: #666;
        margin-right: clamp(10px, calc(20vw / 12), 20px);
    }

    /* 三本線：中央=bar、上下=疑似要素 */
    .global-nav-button__bar,
    .global-nav-button__bar::before,
    .global-nav-button__bar::after {
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        /* 線の太さ（細くするなら 1px） */
        background: currentColor;
        content: "";
        transition: transform .25s ease, top .25s ease, opacity .25s ease;
    }

    /* 中央の線 */
    .global-nav-button__bar {
        top: 50%;
        transform: translateY(-50%);
    }

    /* 上下の線 */
    .global-nav-button__bar::before {
        top: -7px;
    }

    .global-nav-button__bar::after {
        top: 7px;
    }

    /* ===== メニューOPEN時（.active）にバツへ変形 ===== */
    #global-nav-button.active .global-nav-button__bar {
        background: transparent;
        /* 中央線を消す */
    }

    #global-nav-button.active .global-nav-button__bar::before {
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }

    #global-nav-button.active .global-nav-button__bar::after {
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
    }

    /* お好みで hover */
    #global-nav-button:hover {
        opacity: .8;
    }

}


@media screen and (max-width: 767px) {
    .top-slider {
        margin-top: calc(10vw / 7.66);
    }

    span.kd_sp_br::after {
        content: "\A";
        white-space: pre;
    }

    .logo {
        line-height: 0;
    }

    h1.logo.logo-image img,
    .logo.logo-image img {
        width: calc(76vw / 7.66);
        height: auto;
        margin-left: calc(20vw / 7.66);
        padding-bottom: calc(0vw / 7.66);
        padding-top: calc(8vw / 7.66);
    }

    .global-nav-button {
        top: calc(4vw / 7.66);
    }

    .global-nav-button:before {
        color: #666;
        font-size: clamp(16px, calc(30vw / 7.66), 32px);
        margin-top: calc(26vw / 7.66);
        line-height: 0;
    }

    nav#global-nav {
        padding-top: calc(3vw / 7.66);
    }

    .global-nav>ul>li>a,
    .global-nav>ul>li>a:before {
        font-size: clamp(16px, calc(20vw / 7.66), 20px);
        padding-top: calc(10vw / 7.66);
        padding-bottom: calc(10vw / 7.66);
    }

    header.header {
        margin-bottom: 0;
        height: auto;
        line-height: normal;
    }

    .header-bar {
        height: calc(58vw / 7.66);
        line-height: initial;
        margin-bottom: 0;
    }

    ul.breadcrumb.inner {
        padding-left: calc(20vw / 7.66);
    }

    .post-header {
        margin: calc(8vw / 7.66) auto calc(32vw / 7.66) auto;
    }

    h2.post-title.headline-font-type {
        font-size: clamp(40px, calc(50vw / 7.66), 50px);
    }

    .footer__type1 .footer-nav-inner {
        display: block;
    }

    .footer__type1 .footer-widget {
        width: 100%;
    }

    .footer__type1 .footer-widget-title {
        font-size: clamp(22px, calc(40vw / 7.66), 40px);
        margin: calc(35vw / 7.66) 0;
    }

    .footer__textwidget__menu {
        display: flex;
        justify-content: space-around;
    }

    ul.footer__textwidget__headmenu--ul,
    ul.footer__textwidget__submenu--ul {
        flex-direction: column;
    }

    li.footer__textwidget__headmenu--item,
    li.footer__textwidget__submenu--item {
        margin: 0 calc(15vw / 7.66);
    }

    li.footer__textwidget__headmenu--item>a {
        font-size: clamp(18px, calc(22vw / 7.66), 22px);
    }

    li.footer__textwidget__submenu--item>a {
        font-size: clamp(15px, calc(20vw / 7.66), 20px);
    }

    .footer__textwidget__copyright {
        font-size: clamp(14px, calc(16vw / 7.66), 16px);
        letter-spacing: calc(1.5vw / 7.66);
        margin-top: calc(50vw / 7.66);
    }

    /* -------------------------- */
    /* HOME pege */
    /* -------------------------- */
    h2.content01__about-title.headline-font-type,
    h2.content02__dl-title.headline-font-type,
    h2.content03__dc-title.headline-font-type,
    h2.content04__blog-title.headline-font-type,
    h2.content05__instagram-title.headline-font-type,
    h2.footer__followme__h2 {
        font-size: clamp(20px, calc(50vw / 7.66), 64px);
        padding-top: calc(80vw / 7.66);
    }

    h3.content01__about-subtitle.subheadline-font-type,
    h3.content02__dl-subtitle.subheadline-font-type,
    h3.content03__dc-subtitle.subheadline-font-type,
    h3.content04__blog-subtitle.subheadline-font-type,
    h3.content05__instagram-subtitle.subheadline-font-type,
    h3.footer__followme__h3 {
        font-size: clamp(13px, calc(18vw / 7.66), 18px);
        padding-top: calc(5vw / 7.66);
    }

    div#content01__about>div.inner {
        width: 100%;
        padding: calc(72vw / 7.66) 0;
    }

    .content01__about-flex {
        display: initial;
    }

    .content01__about-img>img {
        width: calc(588vw / 7.66);
        opacity: .3;
    }

    .content01__about-img {
        margin-top: calc(120vw / 7.66);
    }

    .content01__about-texts {
        width: auto;
        position: relative;
    }

    p.content01__about-text {
        position: absolute;
        top: calc(-642vw / 7.66);
        margin: auto;
        font-size: clamp(16px, calc(20vw / 7.66), 20px);
        line-height: calc(40vw / 7.66);
        width: calc(633vw / 7.66);
        left: 50%;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
    }

    .content01__about-texts>div.content-button {
        position: absolute;
        right: calc(80vw / 7.66);
        top: calc(-115vw / 7.66);
    }

    .content01__about-texts div.content-button button.content-button-type {
        font-size: clamp(16px, calc(30vw / 7.66), 32px);
        padding: calc(17vw / 7.66) calc(80vw / 7.66) calc(17vw / 7.66) calc(80vw / 7.66);
    }

    p.line-style {
        margin: calc(31vw / 7.66);
        width: calc(120vw / 7.66);
    }

    .content02__dl-inner.flex.clearfix {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .content02__dl-item {
        width: calc(730vw / 7.66);
        margin: calc(24vw / 7.66) auto;
        padding: calc(36vw / 7.66) 0 calc(54vw / 7.66) 0;
    }

    .content02__dl-item:nth-child(2) {
        margin: auto;
    }

    h3.content02__dl-title.headline-font-type {
        font-size: clamp(20px, calc(40vw / 7.66), 64px);
        top: calc(93vw / 7.66);
    }

    .content02__dl-h3img img {
        width: calc(160vw / 7.66);
    }

    p.content02__dl-text {
        font-size: clamp(16px, calc(17vw / 7.66), 32px);
        line-height: calc(40vw / 7.66);
        padding: calc(32vw / 7.66) calc(60vw / 7.66);
    }

    a.content02__dl-button {
        /* font-size: clamp(16px, calc(20vw / 7.66), 20px);
        line-height: calc(40vw / 7.66);
        padding: calc(32vw / 7.66) calc(78vw / 7.66) calc(56vw / 7.66); */
        font-size: clamp(16px, calc(22vw / 7.66), 32px);
        padding: calc(25vw / 7.66) calc(146vw / 7.66) calc(22vw / 7.66) calc(146vw / 7.66);
    }

    div#content03__dc {
        padding: calc(80vw / 7.66) 0 0;
        margin-bottom: calc(28vw / 7.66);
    }

    div#content03__dc>div.inner {
        width: 100%;
        margin: 0 auto;
    }

    .content03__dc-texts {
        margin: auto;
        position: absolute;
        z-index: 10;
        width: calc(633vw / 7.66);
        left: 50%;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
    }

    .content03__dc-img {
        position: inherit;
        text-align: right;
        opacity: .3;
    }

    .content03__dc-img img {
        width: calc(555vw / 7.66);
        margin: calc(80vw / 7.66) 0;
    }

    p.content03__dc-text {
        font-size: clamp(16px, calc(20vw / 7.66), 20px);
        line-height: calc(50vw / 7.66);
        margin: calc(32vw / 7.66) 0 calc(120vw / 7.66);
    }

    .content03__dc-texts button.content-button-type {
        font-size: clamp(16px, calc(24vw / 7.66), 32px);
        padding: calc(17vw / 7.66) calc(80vw / 7.66) calc(17vw / 7.66) calc(80vw / 7.66);
    }

    .footer-nav-wrapper {
        height: auto;
    }

    .footer__followme {
        height: auto;
        margin-bottom: calc(40vw / 7.66);
    }

    .footer__followme__snsbutton {
        flex-direction: column;
        align-items: center;
        margin: 0 calc(36vw / 7.66);
    }

    .footer__followme__snsbutton__instagram,
    .footer__followme__snsbutton__official-line,
    .footer__followme__snsbutton__mail {
        width: 100%;
        margin: calc(5vw / 7.66) 0;
    }

    .footer__followme__susbutton__line>a>p {
        font-size: clamp(16px, calc(26vw / 7.66), 32px);
        line-height: calc(48vw / 7.66);
    }

    /* -------------------------- */
    /* About page */
    /* -------------------------- */
    .breadcrumb-wrapper {
        width: calc(766vw / 7.66);
        margin-left: 0;
    }

    .main>.inner {
        padding: 0;
    }

    div#content10__concept {
        padding: calc(48vw / 7.66) calc(16vw / 7.66) calc(48vw / 7.66);
    }

    h2.content10__concept-title.headline-font-type,
    h2.content11__strengths-title.headline-font-type,
    h2.content12__message-title.headline-font-type {
        font-size: clamp(20px, calc(50vw / 7.66), 64px);
    }

    h3.content10__concept-subtitle.subheadline-font-type,
    h3.content11__strengths-subtitle.subheadline-font-type,
    h3.content12__message-subtitle.subheadline-font-type {
        font-size: clamp(13px, calc(18vw / 7.66), 18px);
    }

    .content10__concept-texts {
        width: 100%;
        padding-top: calc(28vw / 7.66);
    }

    h4.content10__concept-h4 {
        font-size: clamp(30px, calc(30vw / 7.66), 35px);
        line-height: calc(48vw / 7.66);
        padding: 0 0 0 calc(10vw / 7.66);
    }

    .content10__concept-texts>p.line-style {
        margin: calc(28vw / 7.66) 0;
    }

    p.content10__concept-text-01,
    p.content10__concept-text-02 {
        font-size: clamp(16px, calc(20vw / 7.66), 20px);
        line-height: calc(42vw / 7.66);
        padding-left: calc(10vw / 7.66);
    }

    p.content10__concept-text-01 {
        padding-bottom: calc(24vw / 7.66);
        padding-top: calc(45vw / 7.66);
    }

    .content10__concept-flex {
        display: inherit;
    }

    .content10__concept-texts {
        position: absolute;
        width: 100%;
        padding-top: calc(28vw / 7.66);
    }

    h4.content10__concept-h4 {
        font-size: clamp(19px, calc(30vw / 7.66), 35px);
        line-height: calc(48vw / 7.66);
        padding: 0;
        padding: 0 0 0 calc(10vw / 7.66);
    }

    .content10__concept-texts>p.line-style {
        margin: calc(20vw / 7.66) 0;
    }

    .content10__concept-img {
        z-index: -1;
        padding-top: calc(195vw / 7.66);
    }

    .content10__concept-img-01 {
        left: calc(-20vw / 7.66);
        top: calc(330vw / 7.66);
    }

    .content10__concept-img-02>img {
        width: calc(600vw / 7.66);
        opacity: .3;
    }

    section.content11__strengths.fade01.fade02 {
        padding: calc(40vw / 7.66) calc(16vw / 7.66) calc(48vw / 7.66);
    }

    ul.content11__strengths__ul {
        padding: calc(16vw / 7.66) 0 0 calc(5vw / 7.66);
    }

    .content11__strengths-img {
        width: calc(45vw / 7.66);
        width: 7%;
    }

    .content11__strengths-slash {
        margin: calc(-24vw / 7.66) calc(12vw / 7.66) 0;
        width: 3%;
    }

    .content11__strengths-texts {
        flex: 1;
        width: 90%;
    }

    p.content11__strengths-text-01,
    p.content11__strengths-text-02 {
        font-size: clamp(16px, calc(20vw / 7.66), 20px);
        line-height: calc(40vw / 7.66);
    }

    .content10__concept-img-02 img,
    .content12__message-img-01 img,
    .content12__message-img-02 img {
        width: 100%;
    }

    section.content12__message.fade01.fade02 {
        padding: calc(40vw / 7.66) calc(16vw / 7.66) calc(0vw / 7.66);
    }

    .content12__message-flex {
        flex-direction: column;
    }

    .content12__message-img {
        width: 100%;
        padding-top: calc(24vw / 7.66);
    }

    .content12__message-img-01 {
        text-align: center;
    }

    .content12__message-img-02 {
        top: calc(40vw / 7.66);
        left: calc(47vw / 7.66);
    }

    .content12__message-texts {
        width: 95%;
        padding: calc(30vw / 7.66) calc(20vw / 7.66);
    }

    p.content12__message-text-01,
    p.content12__message-text-02,
    p.content12__message-text-03 {
        margin-bottom: calc(24vw / 7.66);
        font-size: clamp(16px, calc(20vw / 7.66), 20px);
        line-height: calc(40vw / 7.66);
    }

    /* -------------------------- */
    /* Service page */
    /* -------------------------- */
    div#service11__course01,
    div#service11__course02,
    div#service11__course03 {
        margin: 0 calc(10vw / 7.66);
    }

    section.service11__course01.fade01.fade02,
    section.service11__course02.fade01.fade02,
    section.service11__course03.fade01.fade02 {
        margin-bottom: calc(-130vw / 7.66);
    }

    .service11__course01__img,
    .service11__course02__img,
    .service11__course03__img {
        width: 15%;
    }

    .service11__course01__title,
    .service11__course02__title,
    .service11__course03__title {
        width: 85%;
    }

    .service11__course01__img>img,
    .service11__course02__img>img,
    .service11__course03__img>img {
        width: calc(102vw / 7.66);
    }

    h2.service11__course01__title-h2 {
        font-size: clamp(30px, calc(30vw / 7.66), 35px);
        padding: 0;
        margin-left: 0;
        text-align: left;
    }

    h2.service11__course02__title-h2 {
        font-size: clamp(30px, calc(30vw / 7.66), 35px);
        padding: 0;
        margin-right: 0;
        text-align: right;
    }

    h2.service11__course03__title-h2 {
        font-size: clamp(30px, calc(30vw / 7.66), 35px);
        padding: 0;
        margin-left: 0;
        text-align: left;
    }

    .service11__course01__title>p,
    .service11__course02__title>p,
    .service11__course03__title>p {
        display: none;
    }

    .service11__course01__headline,
    .service11__course02__headline,
    .service11__course03__headline {
        /* width: calc(200vw / 7.66); */
        display: none;
    }

    .service11__course01__background,
    .service11__course02__background,
    .service11__course03__background {
        margin-right: calc(0vw / 7.66);
        opacity: .4;
    }

    .service11__course01__texts,
    .service11__course02__texts,
    .service11__course03__texts {
        left: 50%;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        width: 90%;
        bottom: calc(200vw / 7.66);
        position: inherit;
    }

    .service11__course01__texts__subtitle>h3,
    .service11__course02__texts__subtitle>h3,
    .service11__course03__texts__subtitle>h3 {
        margin-bottom: calc(10vw / 7.66);
        font-size: clamp(22px, calc(28vw / 7.66), 28px);
        line-height: calc(50vw / 7.66);
    }

    .service11__course01__texts__content {
        margin-bottom: calc(30vw / 7.66);
    }

    .service11__course01__texts__content>p,
    .service11__course02__texts__content>p,
    .service11__course03__texts__content>p {
        font-size: clamp(16px, calc(18vw / 7.66), 18px);
        line-height: calc(42vw / 7.66);
        margin-bottom: calc(70vw / 7.66);
    }

    .service11__course01__texts>.content-button p.line-style,
    .service11__course02__texts>.content-button p.line-style,
    .service11__course03__texts>.content-button p.line-style {
        margin-right: calc(24vw / 7.66);
        margin-bottom: calc(25vw / 7.66);
    }

    .service11__course01__texts>.content-button button.content-button-type,
    .service11__course02__texts>.content-button button.content-button-type,
    .service11__course03__texts>.content-button button.content-button-type {
        padding: calc(15vw / 7.66) calc(70vw / 7.66) calc(12vw / 7.66) calc(70vw / 7.66);
    }

    .service11__course01__texts button.content-button-type,
    .service11__course02__texts button.content-button-type,
    .service11__course03__texts button.content-button-type {
        font-size: clamp(16px, calc(20vw / 7.66), 20px);
    }

    /* -------------------------- */
    /* Web Design-page */
    /* Graphic Design-page */
    /* Skill up Lesson-page */
    /* -------------------------- */
    section.service01__w-design.fade01.fade02,
    section.service02__g-design.fade01.fade02,
    section.service03__skillup.fade01.fade02 {
        margin-bottom: calc(80vw / 7.66);
    }

    h2.service01__w-design-title.headline-font-type,
    h2.service02__g-design-title.headline-font-type,
    h2.service03__skillup-title.headline-font-type {
        font-size: clamp(20px, calc(27vw / 7.66), 64px);
        line-height: calc(50vw / 7.66);
        margin-bottom: calc(40vw / 7.66);
    }

    p.service01__w-design__description-text,
    p.service02__g-design__description-text,
    p.service03__skillup__description-text {
        font-size: clamp(16px, calc(22vw / 7.66), 22px);
        line-height: calc(30vw / 7.66);
    }

    div#service01__w-design__works,
    div#service01__w-design__flow,
    div#service02__g-design__works,
    div#service02__g-design__flow,
    div#service01__w-design {
        margin: 0 calc(10vw / 7.66);
    }

    section.service01__w-design__works.fade01.fade02,
    section.service02__g-design__works.fade01.fade02 {
        margin-bottom: calc(72vw / 7.66);
    }

    h2.service01__w-design__works-title.headline-font-type,
    h2.service01__w-design__price-title.headline-font-type,
    h2.service01__w-design__flow-title.headline-font-type,
    h2.service02__g-design__works-title.headline-font-type,
    h2.service02__g-design__price-title.headline-font-type,
    h2.service02__g-design__flow-title.headline-font-type {
        font-size: clamp(20px, calc(40vw / 7.66), 64px);
    }

    h3.service01__w-design__works-subtitle.subheadline-font-type,
    h3.service01__w-design__price-subtitle.subheadline-font-type,
    h3.service01__w-design__flow-subtitle.subheadline-font-type,
    h3.service02__g-design__works-subtitle.subheadline-font-type,
    h3.service02__g-design__price-subtitle.subheadline-font-type,
    h3.service02__g-design__flow-subtitle.subheadline-font-type {
        font-size: clamp(20px, calc(20vw / 7.66), 64px);
        margin-top: calc(-32vw / 7.66);
        margin-bottom: calc(32vw / 7.66);
    }

    section.service01__w-design__price.fade01.fade02,
    section.service02__g-design__price.fade01.fade02 {
        padding: calc(64vw / 7.66) 0;
        margin: 0 calc(10vw / 7.66);
    }

    table.service01__w-design__price_tabel th,
    table.service02__g-design__price_tabel th {
        border: calc(5vw / 7.66) solid #f7f6f5;
        font-size: clamp(16px, calc(26vw / 7.66), 32px);
    }

    table.service01__w-design__price_tabel td,
    table.service02__g-design__price_tabel td {
        padding: calc(10vw / 7.66);
        line-height: calc(64vw / 7.66);
        border-right: calc(10vw / 7.66) solid #f7f6f5;
        border-left: calc(10vw / 7.66) solid #f7f6f5;
        font-size: clamp(16px, calc(20vw / 7.66), 20px);
    }

    table.service01__w-design__price_tabel td,
    table.service02__g-design__price_tabel td {
        padding: calc(10vw / 7.66);
        line-height: calc(72vw / 7.66);
        border-right: calc(10vw / 7.66) solid #f7f6f5;
        border-left: calc(10vw / 7.66) solid #f7f6f5;
        font-size: clamp(16px, calc(23vw / 7.66), 32px);
    }

    table.service01__w-design__price_tabel th.w-design__price__koumoku,
    table.service01__w-design__price_tabel th.w-design__price__ryokin,
    table.service02__g-design__price_tabel th.w-design__price__koumoku,
    table.service02__g-design__price_tabel th.w-design__price__ryokin {
        width: 50%;
    }

    table.service01__w-design__price_tabel th.w-design__price__bikou,
    table.service02__g-design__price_tabel th.w-design__price__bikou {
        display: none;
    }

    table.service01__w-design__price_tabel>tbody>tr:nth-child(2)>td:last-child,
    table.service01__w-design__price_tabel>tbody>tr:nth-child(3)>td:last-child,
    table.service01__w-design__price_tabel>tbody>tr:nth-child(4)>td:last-child,
    table.service02__g-design__price_tabel>tbody>tr:nth-child(2)>td:last-child,
    table.service02__g-design__price_tabel>tbody>tr:nth-child(3)>td:last-child,
    table.service02__g-design__price_tabel>tbody>tr:nth-child(4)>td:last-child {
        display: none;
    }

    section.service01__w-design__flow.fade01.fade02,
    section.service02__g-design__flow.fade01.fade02 {
        padding-top: calc(80vw / 7.66);
        padding-bottom: calc(80vw / 7.66);
    }

    ul.service01__w-design__flow__ul,
    ul.service02__g-design__flow__ul {
        margin-left: calc(15vw / 7.66);
        margin-bottom: calc(30vw / 7.66);
    }

    .service01__w-design__flow__ul__li-flex,
    .service02__g-design__flow__ul__li-flex {
        margin-bottom: calc(32vw / 7.66);
        flex-wrap: wrap;
    }

    .service01__w-design__flow-slash,
    .service02__g-design__flow-slash {
        margin: calc(-40vw / 7.66) calc(5vw / 7.66) 0 calc(-10vw / 7.66);
    }

    .service01__w-design__flow-slash>img,
    .service02__g-design__flow-slash>img {
        width: 60%;
    }

    .service01__w-design__flow-heading,
    .service02__g-design__flow-heading {
        font-size: clamp(20px, calc(25vw / 7.66), 64px);
        line-height: calc(30vw / 7.66);
        width: calc(260vw / 7.66);
    }

    .service01__w-design__flow-texts,
    .service02__g-design__flow-texts {
        font-size: clamp(16px, calc(15vw / 7.66), 32px);
        line-height: calc(30vw / 7.66);
        padding-left: calc(144vw / 7.66);
    }

    .service01__w-design__flow__button img,
    .service02__g-design__flow__button img {
        width: 60%;
    }

    div#service03__skillup__course01,
    div#service03__skillup__course02,
    div#service03__skillup__course03,
    div#service03__skillup__course04,
    div#service03__skillup__course05 {
        margin: 0 calc(10vw / 7.66);
    }

    .service03__skillup__course01__flex,
    .service03__skillup__course03__flex,
    .service03__skillup__course05__flex {
        flex-direction: column-reverse;
    }

    .service03__skillup__course02__flex,
    .service03__skillup__course04__flex {
        flex-direction: column;
    }

    .service03__skillup__course01__texts,
    .service03__skillup__course02__texts,
    .service03__skillup__course03__texts,
    .service03__skillup__course04__texts,
    .service03__skillup__course05__texts {
        padding-top: calc(60vw / 7.66);
        width: 100%;
    }

    .service03__skillup__course01__img,
    .service03__skillup__course02__img,
    .service03__skillup__course03__img,
    .service03__skillup__course04__img,
    .service03__skillup__course05__img {
        padding-top: calc(10vw / 7.66);
        padding-bottom: calc(80vw / 7.66);
        width: 100%;
    }

    .service03__skillup__course01__texts_flex-img>img,
    .service03__skillup__course02__texts_flex-img>img,
    .service03__skillup__course03__texts_flex-img>img,
    .service03__skillup__course04__texts_flex-img>img,
    .service03__skillup__course05__texts_flex-img>img {
        width: 50%;
    }

    h2.service03__skillup__course01-title.headline-font-type,
    h2.service03__skillup__course02-title.headline-font-type,
    h2.service03__skillup__course03-title.headline-font-type,
    h2.service03__skillup__course04-title.headline-font-type,
    h2.service03__skillup__course05-title.headline-font-type {
        font-size: clamp(25px, calc(30vw / 7.66), 35px);
        line-height: calc(40vw / 7.66);
    }

    .service03__skillup__course01__texts_flex,
    .service03__skillup__course02__texts_flex,
    .service03__skillup__course03__texts_flex,
    .service03__skillup__course04__texts_flex,
    .service03__skillup__course05__texts_flex {
        justify-content: center;
        align-items: center;
        height: calc(142vw / 7.66);
    }

    h2.service03__skillup__course01-title.headline-font-type,
    h2.service03__skillup__course02-title.headline-font-type,
    h2.service03__skillup__course03-title.headline-font-type,
    h2.service03__skillup__course04-title.headline-font-type,
    h2.service03__skillup__course05-title.headline-font-type {
        padding-right: 0;
    }

    .service03__skillup__course01__texts_flex-img,
    .service03__skillup__course02__texts_flex-img,
    .service03__skillup__course03__texts_flex-img,
    .service03__skillup__course04__texts_flex-img,
    .service03__skillup__course05__texts_flex-img {
        position: absolute;
        left: 0;
        width: 50%;
    }

    .service03__skillup__course01__texts_flex-h2,
    .service03__skillup__course02__texts_flex-h2,
    .service03__skillup__course03__texts_flex-h2,
    .service03__skillup__course04__texts_flex-h2,
    .service03__skillup__course05__texts_flex-h2 {
        width: 90%;
        position: absolute;
        right: 0;
        padding-top: calc(40vw / 7.66);
    }

    .service03__skillup__course01__texts_text p,
    .service03__skillup__course02__texts_text p,
    .service03__skillup__course03__texts_text p,
    .service03__skillup__course04__texts_text p,
    .service03__skillup__course05__texts_text p {
        font-size: clamp(16px, calc(22vw / 7.66), 22px);
        line-height: calc(48vw / 7.66);
        margin-top: calc(10vw / 7.66);
    }

    .global-nav .sub-menu a {
        padding: calc(12vw / 7.66) calc(20vw / 7.66);
        height: calc(60vw / 7.66);
        line-height: calc(40vw / 7.66);
        padding-left: calc(32vw / 7.66);
        font-size: clamp(16px, calc(20vw / 7.66), 20px);
    }

    .service01__w-design__flow__ul__li-flex,
    .service02__g-design__flow__ul__li-flex {
        display: grid;
        grid-template-columns: 15% 8% 73%;
        gap: 8px;
    }

    .service01__w-design__flow__ul__li-flex>div:nth-child(4),
    .service02__g-design__flow__ul__li-flex>div:nth-child(4) {
        grid-column: 1 / -1;
        padding: 0;
    }

    .service01__w-design__flow__ul__li-flex>div,
    .service02__g-design__flow__ul__li-flex>div {
        display: flex;
        align-items: center;
        min-height: calc(60vw / 7.66);
        width: 100%;
    }

    .service01__w-design__flow-img,
    .service02__g-design__flow-img {
        justify-content: center;
    }

    .service01__w-design__flow-img>img,
    .service02__g-design__flow-img>img {
        width: 90%;
    }

    .service01__w-design__flow-slash,
    .service02__g-design__flow-slash {
        justify-content: center;
        padding: 0;
        margin: 0;
    }

    .service01__w-design__flow-slash>img,
    .service02__g-design__flow-slash>img {
        width: 90%;
    }


    /* -------------------------- */
    /* Works page */
    /* -------------------------- */
    .gallery-category p {
        font-size: clamp(16px, calc(25vw / 7.66), 32px);
        padding: 0 calc(16vw / 7.66);
    }

    div#infinitescroll {
        margin: calc(16vw / 7.66) calc(5vw / 7.66) 0;
    }

    div#infinitescroll {
        margin: calc(16vw / 7.66) calc(5vw / 7.66) 0;
        justify-content: center;
    }

    article.article05.active {
        width: calc(300vw / 7.66);
        border: calc(5vw / 7.66) solid #fff;
        margin: 0 calc(16vw / 7.66) calc(10vw / 7.66);
    }

    /* -------------------------- */
    /* Designer & Creater page */
    /* -------------------------- */
    section.staff__dc.fade01.fade02 {
        margin: 0 calc(10vw / 7.66);
    }

    .staff__dc_gallery-flex {
        flex-direction: column;
        align-items: center;
    }

    article.article00.active {
        width: calc(458vw / 7.66);
        border: calc(12vw / 7.66) solid #fff;
        margin: calc(10vw / 7.66) 0;
    }

    .article00-thumbnail.thumbnail02 {
        margin-top: calc(-230vw / 7.66);
    }

    .article00-texts {
        height: auto;
        margin-top: calc(-74vw / 7.66);
        padding: calc(26vw / 7.66) calc(18vw / 7.66) calc(10vw / 7.66) calc(18vw / 7.66);
    }

    .article00-texts__name p {
        font-size: clamp(16px, calc(28vw / 7.66), 32px);
        line-height: calc(40vw / 7.66);
    }

    .article00-texts__comment p {
        font-size: clamp(18px, calc(22vw / 7.66), 22px);
        line-height: calc(30vw / 7.66);
    }

    .article00-texts__line {
        margin: calc(8vw / 7.66) 0 calc(18vw / 7.66) 0;
    }

    /* -------------------------- */
    /* Contact page */
    /* -------------------------- */
    p.contact01__description-text {
        font-size: clamp(16px, calc(20vw / 7.66), 20px);
        line-height: calc(48vw / 7.66);
        margin-bottom: calc(90vw / 7.66);
    }

    div#wpcf7-f648-p459-o1 {
        margin: 0 calc(15vw / 7.66) !important;
    }

    /* 入力フォーム */
    .cf7__list dt {
        width: 100%;
        margin-bottom: calc(0vw / 7.66);
        padding-top: 0;
    }

    .wpcf7 p,
    .wpcf7 .wpcf7-list-item-label {
        font-size: clamp(16px, calc(20vw / 7.66), 20px);
        line-height: calc(20vw / 7.66);
    }

    .cf7__required,
    .cf7__optional {
        font-size: clamp(18px, calc(22vw / 7.66), 22px);
        line-height: calc(24vw / 7.66);
        margin-right: calc(24vw / 7.66);
        padding: calc(6vw / 7.66) calc(10vw / 7.66);
        vertical-align: calc(0vw / 7.66);
    }

    .wpcf7 input[type=checkbox],
    .wpcf7 input[type=radio] {
        width: calc(30vw / 7.66);
        height: calc(30vw / 7.66);
        margin-right: calc(15vw / 7.66);
        margin-bottom: calc(15vw / 7.66);
        vertical-align: calc(-18vw / 7.66);
        padding: calc(10vw / 7.66);
    }

    .cf7__list dd {
        width: 100%;
    }

    .cf7__list dd:nth-of-type(n + 2) {
        margin-top: 0;
    }

    /* .cf7__list dd .wpcf7-checkbox,
    .cf7__list dd .wpcf7-radio {
        padding: 15px 0 0;
    } */

    /* 送信ボタン */
    input[type="submit"] {
        width: 180px;
        height: 56px;
    }

    input.wpcf7-form-control.wpcf7-submit.has-spinner {
        font-size: clamp(16px, calc(20vw / 7.66), 22px);
        width: calc(200vw / 7.66);
        height: calc(80vw / 7.66);
    }

    /* -------------------------- */
    /* ハンバーガーメニュー */
    /* -------------------------- */
    /* TCDの元々のアイコン（design_plusフォント＋疑似要素）を完全に無効化 */
    #global-nav-button {
        font-family: inherit !important;
    }

    #global-nav-button::before,
    #global-nav-button::after {
        content: none !important;
        background: none !important;
        box-shadow: none !important;
    }

    /* ボタン本体 */
    #global-nav-button {
        position: relative;
        display: inline-block;
        width: 28px;
        /* 幅 */
        height: 20px;
        /* 全体の高さ */
        cursor: pointer;
        text-decoration: none;
        background: none;
        border: none;
        color: #666;
        margin-right: clamp(10px, calc(20vw / 7.66), 20px);
    }

    /* 三本線：中央=bar、上下=疑似要素 */
    .global-nav-button__bar,
    .global-nav-button__bar::before,
    .global-nav-button__bar::after {
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        /* 線の太さ（細くするなら 1px） */
        background: currentColor;
        content: "";
        transition: transform .25s ease, top .25s ease, opacity .25s ease;
    }

    /* 中央の線 */
    .global-nav-button__bar {
        top: 50%;
        transform: translateY(-50%);
    }

    /* 上下の線 */
    .global-nav-button__bar::before {
        top: -7px;
    }

    .global-nav-button__bar::after {
        top: 7px;
    }

    /* ===== メニューOPEN時（.active）にバツへ変形 ===== */
    #global-nav-button.active .global-nav-button__bar {
        background: transparent;
        /* 中央線を消す */
    }

    #global-nav-button.active .global-nav-button__bar::before {
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }

    #global-nav-button.active .global-nav-button__bar::after {
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
    }

    /* お好みで hover */
    #global-nav-button:hover {
        opacity: .8;
    }

    /* -------------------------- */
    /* プライバシーポリシー */
    /* 特商法 */
    /* -------------------------- */
    section#privacy-policy,
    section.section__legal-info {
        margin: 0 calc(20vw / 7.66);
    }

    section#privacy-policy p,
    section#privacy-policy ol li,
    section.section__legal-info p,
    section#privacy-policy ol li {
        font-size: clamp(16px, calc(20vw / 7.66), 25px);
        line-height: calc(45vw / 7.66);
    }

    section#privacy-policy h2,
    .section__legal-info_builder-block div.builder-block_title>h2 {
        font-size: clamp(25px, calc(30vw / 7.66), 35px);
    }

    .builder-block_contens>h3 {
        font-size: clamp(20px, calc(25vw / 7.66), 30px);
    }

    .builder-block_contens {
        padding-left: calc(16vw / 7.66);
        padding-right: calc(16vw / 7.66);
    }

    .section__legal-info_builder-block div.s_table {
        overflow: inherit;
        white-space: normal;
    }

    .section__legal-info_builder-block table.terms-table th {
        display: block;
        width: auto;
        background-color: #f5f8fa;
        padding: calc(14vw / 7.66) calc(14vw / 7.66) calc(10vw / 7.66);
        border: none;
    }

    .section__legal-info_builder-block table.terms-table td {
        display: block;
        width: auto;
        padding: calc(14vw / 7.66) calc(14vw / 7.66) calc(10vw / 7.66);
        border: none;
    }
}