-----
/*
Theme Name: a	
Theme URI: https://dessin.work/
Description: dessin Inc. Client theme.
Author: dessin Inc. development team [Yuki Fujii]
Version: 2023-08-03
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  color: #000;
  font: inherit;
  vertical-align: baseline;
  line-height: 1.6;
  letter-spacing: 0.06em;
  font-family: "Noto Sans JP", sans-serif;
}
input {
  font-family: "Noto Sans JP", sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  font: inherit;
  opacity: 0;
  transition: 2s;
}
body.on{
  opacity: 1;
}
html {
  scroll-behavior: smooth;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  color: #333;
  text-decoration: none;
  transition: 0.3s;
}
a:hover img {
  opacity: 0.8;
}
img, iframe {
  vertical-align: bottom;
  max-width: 100%;
  background: transparent;
  transition: 0.3s;
}
input[type=submit], input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
        appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type=submit]::-webkit-search-decoration, input[type=button]::-webkit-search-decoration {
  display: none;
}
input[type=submit]::focus, input[type=button]::focus {
  outline-offset: -2px;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
}
.grecaptcha-badge {
  display: none;
}
.clear:after {
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.df {
  display: flex;
}
.sb {
  justify-content: space-between;
}
.fw {
  flex-wrap: wrap;
}
.w90 {
  margin: 0 auto;
  width: 90%;
}
.fade-in {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 50px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}
header.pc{
    padding: 32px 2% 18px;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    align-items: center;
    justify-content: space-between;
    z-index: 999;
}
header.sp{
  display: none;
}
header.pc nav li{
    margin-right: 27px;
}
header.pc nav li:last-child{
    margin-right: 0;
}
header.pc nav li a{
  font-weight: 500;
  display: flex;
  align-items: center;
}
.dot{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
}
.dot.blue{
  background-color: #187FC4;
}
.dot.red{
  background-color: #E60012;
}
.dot.white{
  background-color: #fff;
}
header.pc nav li a .dot{
  margin-left: 6px;
  transition: .3s;
}
header.pc nav li:hover a .dot{
  transform: scale(2);
}
.contactBtn{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}
.contactBtn.contact{
  background-color: #187FC4;
  border: 1px solid #187FC4;
  transition: .3s;
}
.contactBtn.contact:hover{
  background-color: #fff;
  color: #187FC4;
}
.contactBtn.contact .icon{
  display: block;
  background: url('img/icon_mail_w.svg') no-repeat center;
  background-size: contain;
  width: 18px;
  height: 13px;
  margin-right: 8px;
}
.contactBtn.contact:hover .icon{
  background: url('img/icon_mail_b.svg') no-repeat center;
}
.contactBtn.login{
  background-color: #E60012;
  border: 1px solid #E60012;
  transition: .3s;
}
.contactBtn.login:hover{
  background-color: #fff;
  color: #E60012;
}
.contactBtn.login .icon{
  display: block;
  background: url('img/icon_human_w.svg') no-repeat center;
  background-size: contain;
  width: 19px;
  height: 19px;
  margin-right: 7px;
}
.contactBtn.login:hover .icon{
  background: url('img/icon_human_r.svg') no-repeat center;
}
header.pc .contactBtnWrap{
  display: flex;
  align-items: center;
}
header.pc .contactBtnWrap .contactBtn.contact{
  width: 159px;
  height: 44px;
  border-radius: 5px;
  margin-right: 6px;
}
header.pc .loginWrap{
  position: relative;
}
header.pc .loginWrap .contactTxtLink{
  position: absolute;
  bottom: calc(100% + 4px);
  left: 0;
  font-size: 12px;
  font-weight: 500;
  color: #E60012;
  width: 100%;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
header.pc .loginWrap .contactTxtLink .icon{
  display: block;
  background: url('img/icon_memberLink_r.svg') no-repeat center;
  background-size: contain;
  width: 11px;
  height: 11px;
  margin-right: 20px;
}
header.pc .contactBtn{
  width: 153px;
  height: 44px;
  border-radius: 5px;
}
article{
  padding-top: 126px;
}
.mainVisual{
  position: relative;
  margin-bottom: 187px;
}
.mainVisual .titTxtWrap{
  position: absolute;
  top: 67px;
  left: 3%;
  width: 529px;
  z-index: 2;
}
.mainVisualInner{
  position: relative;
}
.mainVisualInner .scrollArea{
  width: 5%;
}
.mainVisualSlide{
  width: 90%;
}
.mainVisualSlide img{
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.mainVisualSlide.sp{
  display: none;
}
.mainVisualInner .subTitArea{
  width: 5%;
}
.scrollWrap {
  display: flex;
  flex-direction: column; /* ←縦並び */
  align-items: center;    /* 中央揃え */
  width: 5%;
  justify-content: flex-end;
}
/* 縦書き風にしたい場合 */
.scrollText {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 14px;
  margin-bottom: 10px;
}
/* グレーのガイドバー */
.scrollBar {
  position: relative;
  width: 2px;
  height: 150px;
  background: #ccc;
  border-radius: 999px;
  overflow: visible;
}

/* 伸びて→縮むライン */
.scrollBar::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 0;
  background: linear-gradient(to bottom, #007bff, #ff3b3b); /* 青→赤 */
  border-radius: 999px;
  animation: lineGrowShrink 2s ease-in-out infinite;
}

@keyframes lineGrowShrink {
  0% {
    top: 0;
    height: 0;
  }
  50% {
    top: 0;        /* まず下へ伸びる */
    height: 150px;
  }
  100% {
    top: 150px;    /* 上端が下へ移動して縮む */
    height: 0;
  }
}
.mainVisualInner .subTitArea{
  display: flex;
  justify-content: center;
}
.mainVisualInner .subTitArea img{
    width: fit-content;
    height: fit-content;
    display: block;
    margin-top: 17px;
}
.mainVisualInner .subTitArea img.w1650{
  display: none;
}
.mainVisual .pagerBtn{
  position: absolute;
  bottom: -1px;
  left: 10%;
  background: url('/wp-content/themes/a/img/fv_object.svg') 0 0 no-repeat;
  background-size: 100% 100%;
  padding: 11px 50px 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.mainVisual .pagerBtn .swiper-button-prev,
.mainVisual .pagerBtn .swiper-button-next{
  position: static;
  margin: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #000;
}
.mainVisual .pagerBtn .swiper-button-prev::after,
.mainVisual .pagerBtn .swiper-button-next::after{
  font-size: 10px;
  font-weight: 700;
  color: #fff;
}
.mainVisual .pagerBtn .swiper-button-prev{
  margin-right: 23px;
}
.pickUpWrap{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 18%;
  padding: 28px 0 0 36px;
  box-sizing: border-box; 
  z-index: 2;
  background: url('/wp-content/themes/a/img/fv_object_2.svg') 0 0 no-repeat;
  background-size: 95% 100%;
}
.pickUp{
  background-color: #E6E9F0;
  padding: 18px 10% 32px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 20px 0 0 20px;
}
.pickUpWrap .titTxt{
  display: flex;
  align-items: baseline;
  margin-bottom: 15px;
  font-weight: 500;
  font-family: "Gabarito", sans-serif;
}
.pickUpWrap .titTxt img{
  display: block;
  margin-right: 1em;
}
.pickUpWrap li{
  margin-bottom: 15px;
}
.pickUpWrap li:last-child{
  margin-bottom: 0;
}
.pickUpWrap li img{
  border-radius: 12px;
  width: 100%;
}
.topBlock1{
  position: relative;
  margin-bottom: 180px;
}
.topBlock1 .effectImg{
  position: absolute;
  top: 0;
  z-index: -1;
}
.topBlock1 .effectImg.left{
  left: 5%;
  width: 23%;
}
.topBlock1 .effectImg.right{
  right: 5%;
  width: 20%;
}
.topBlock1 .uniIcon{
  width: fit-content;
  display: block;
  margin: 0 auto;
}
.topBlock1 h2{
  text-align: center;
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 17px;
  font-family: "BIZ UDGothic", sans-serif;
}
.colorChange{
  color: #FF0000;
}
.topBlock1 p{
  text-align: center;
  line-height: 48px;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 94px;
}
.topBlock1 .graph{
  width: 90%;
  max-width: 1054px;
  display: block;
  margin: 0 auto 84px;
}
.linkBtn1Wrap{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 939px;
  height: 87px;
  margin: 0 auto;
  border-radius: 28px;
  overflow: hidden; /* 擬似要素を切り取る */
}
/*--- 通常の背景グラデーション ---*/
.linkBtn1Wrap::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  opacity:1;
  transition:opacity .4s ease;
  z-index:1;
}

/*--- 反転した背景グラデーション ---*/
.linkBtn1Wrap::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background: linear-gradient(90deg, #E60012 4%, #E60012 32%, #A96268 51%, #187FC4 66%, #187FC4 95%);
  opacity:0;
  transition:opacity .4s ease;
  z-index:1;
}

/* ホバー時：反転グラデをフェードイン */
.linkBtn1Wrap:hover::after{
  opacity:1;
}
.linkBtn1Wrap:hover::before{
  opacity:0;
}

.linkBtn1Wrap .linkBtn1{
  position:relative;
  z-index:2; /* 背景より上にする */
  background-color: #fff;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
.linkBtn1Wrap .linkBtn1 .dot{
  margin-left: 60px;
  transition: .3s;
}
.linkBtn1Wrap .linkBtn1:hover .dot{
  transform: scale(2);
}
.topBlock2 {
  width: 90%;
  max-width: 1685px;
  margin: 0 auto 148px;
  overflow: hidden;
  background: url('/wp-content/themes/a/img/bg_topBlock2_stretch.svg') no-repeat top;
  background-size: 100% 100%;
  padding: 77px 0 116px;
  position: relative;
}
.topBlock2 .pagerBtn{
  position: absolute;
  top: 28px;
  right: 1%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.topBlock2 .pagerBtn .swiper-button-prev,
.topBlock2 .pagerBtn .swiper-button-next{
  position: static;
  margin: 0;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background-color: #000;
}
.topBlock2 .pagerBtn .swiper-button-prev{
  margin-right: 32px;
}
.topBlock2 .pagerBtn .swiper-button-prev::after,
.topBlock2 .pagerBtn .swiper-button-next::after{
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.topBlock2Inner {
  position: relative;
  z-index: 1;
}
.topBlock2Inner .titWrap{
  margin-left: 5%;
  align-items: center;
  margin-bottom: 125px;
}
.topBlock2Inner .titWrap img{
  display: block;
  margin-right: 37px;
}
.topBlock2Inner .titWrap h2{
  font-size: 42px;
  font-weight: 700;
  margin-right: 68px;
  font-family: "BIZ UDGothic", sans-serif;
}
.topBlock2Inner .titWrap .note{
  font-size: 14px;
  font-weight: 500;
}
.topBlock2Inner .topBlock2Swiper{
  margin: 0 5px;
}
.topBlock2Inner .topBlock2Swiper li a{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.topBlock2Inner .topBlock2Swiper li a img{
  aspect-ratio: 565 / 315;
  object-fit: cover;
}
.topBlock2Inner .topBlock2Swiper li a .caseTitWrap{
  position: absolute;
  bottom: -1px;
  left: -1px;
  width: fit-content;
  padding: 43px 3em 6px 2em;
  background: url('/wp-content/themes/a/img/itemBg1.svg') 0 0 no-repeat;
  background-size: 100% 100%;
}
.topBlock2Inner .topBlock2Swiper li a .caseTitWrap h3{
  font-size: 23px;
  font-weight: 500;
}
.topBlock2Inner .topBlock2Swiper li a .caseTitWrap p{
  font-size: 13px;
  font-weight: 500;
  color: #187FC4;
}
.topBlock3{
  width: 90%;
  max-width: 1600px;
  margin: 0 auto 149px;
}
.topBlock3 .left{
  width: 55%;
  object-fit: cover;
}
.topBlock3 .right{
  width: 45%;
  box-sizing: border-box;
}
.topBlock3 .right h2{
  text-align: center;
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 24px;
  font-family: "BIZ UDGothic", sans-serif;
}
.topBlock3 .right p{
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 151px;
}
.topBlock3 .right .linkBtn1Wrap .dot{
  margin-left: 35px;
} 
.topBlock3 .right .linkBtn1Wrap.no1{
  width: 100%;
  max-width: 230px;
  height: 51px;
  margin-bottom: 21px;
}
.topBlock3 .right .linkBtn1Wrap.no2{
  width: 100%;
  max-width: 348px;
  height: 51px;
}
.topBlock4{
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  padding: 112px 0 52px;
  border-radius: 72px;
  margin-bottom: 127px;
}
.topBlock4 .titWrap{
  width: 90%;
  max-width: 1166px;
  margin: 0 auto 41px;
}
.topBlock4 .titWrap h2{
  color: #fff;
  font-size: 42px;
  font-weight: 700;
  width: fit-content;
  margin: 0 auto;
}
.topBlock4 .textSlide .swiper-wrapper{
  transition-timing-function: linear;
}
.topBlock4 .textSlide .swiper-slide{
  font-size: 35px;
  color: #fff;
  font-weight: 500;
  font-family: proxima-nova, sans-serif;
  white-space: nowrap;
}
.topBlock5{
  width: 90%;
  max-width: 1400px;
  margin: 0 auto 181px;
}
.topBlock5 .titleWrap{
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 59px;
}
.topBlock5 .titleWrap h2{
  font-size: 42px;
  font-weight: 700;
  white-space: nowrap;
  width: fit-content;
  font-family: "BIZ UDGothic", sans-serif;
}
.topBlock5 .titleWrap .borderLine{
  width: 65%;
  height: 4px;
  background-color: #E2E2E2;
  margin: 0 0 0 auto;
  display: block;
  position: relative;
}
.topBlock5 .titleWrap .borderLine::before{
  display: block;
  content: "";
  width: 111px;
  height: 4px;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.topBlock5 .titleWrap .linkBtn1Wrap{
  width: 288px;
  height: 51px;
  margin: 0;
}
.topBlock5 .titleWrap .linkBtn1Wrap .linkBtn1{
  padding: 0 5%;
  box-sizing: border-box;
}
.topBlock5 .titleWrap .linkBtn1Wrap .linkBtn1 .dot{
  margin: 0 0 0 auto;
}
.postList{
  display: grid;
}
.topPage .postList{
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 0 23px;
}
.topPage .postList li a{
 position: relative;
}
.topPage .postList li a img{
  display: block;
  margin-bottom: 9px;
  aspect-ratio: 333 / 187;
  object-fit: cover;
  border-radius: 8px;
}
.topPage .postList li a .postDate{
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  font-weight: 500;
  color: #797979;
  padding: 7px 2em 18px;
  background: url('/wp-content/themes/a/img/news_object.svg') 0 0 no-repeat;
  background-size: 100% 100%;
}
.topPage .postList li a h3{
  font-size: 18px;
  font-weight: 500;
}
.otoiawaseBox{
  width: 77%;
  margin: 0 0 36px auto;
  background-color: #E6E9F0;
  padding: 42px 10%;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  border-radius: 40px 0 0 40px;
  position: relative;
}
.otoiawaseBox:after{
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  position: absolute;
  left: 0;
  bottom: -8px;
  border-radius: 40px 0 0 40px;
  z-index: -1;
}
.otoiawaseBox .titleBox{
  align-items: center;
}
.otoiawaseBox .titleBox h2{
  font-size: 35px;
  font-weight: 700;
  margin-right: 51px;
  font-family: "BIZ UDGothic", sans-serif;
}
.otoiawaseBox .titleBox p{
  font-size: 20px;
  font-weight: 700;
  font-family: "BIZ UDGothic", sans-serif;
}
.otoiawaseBox .linkBtn1Wrap{
  margin: 0;
  width: 426px;
  height: 88px;
  border-radius: 44px;
  box-shadow: 6pX 6px 1px rgba(166,166,166,0.25);
}
.otoiawaseBox .linkBtn1Wrap .linkBtn1{
  border-radius: 44px;
}
.otoiawaseBox .linkBtn1Wrap .linkBtn1 .icon{
  display: block;
  margin-right: 28px;
}
.footerContent{
  background-color: #E6E9F0;
  padding: 103px 0 55px;
  position: relative;
}
.footerContent .logoTxt{
  display: none;
}
.footerContent .footerMask{
  display: block;
  width: 23%;
  position: absolute;
  bottom: 100%;
  left: 0;
}
.footerContent .footerText{
  width: 159px;
  position: absolute;
  top: -57px;
  left: 5%;
}
.footerContent .footerContentBox1Wrap{
  width: 80%;
  margin: 0 0 0 auto;
}
.footerContent .footerContentBox1Wrap .footerContentBox1{
  width: 50%;
}
.footerContent .footerContentBox1Wrap .footerContentBox1 .navList.no1{
  margin-bottom: 24px;
}
.footerContent .footerContentBox1Wrap .footerContentBox1 .navList.no2{
  margin-bottom: 38px;
}
.footerContent .footerContentBox1Wrap .footerContentBox1 .navList li{
  margin-right: 27px;
}
.footerContent .footerContentBox1Wrap .footerContentBox1 .navList li:last-child{
  margin-right: 0;
}
.footerContent .footerContentBox1Wrap .footerContentBox1 .navList li a{
  align-items: center;
  font-weight: 400;
}
.footerContent .footerContentBox1Wrap .footerContentBox1 .navList li a .dot{
  margin-left: 5px;
  transition: .3s;
}
.footerContent .footerContentBox1Wrap .footerContentBox1 .navList li:hover a .dot{
  transform: scale(2);
}
.footerContent .footerContentBox1Wrap .footerContentBox1 .contactBtnWrap{
  margin-bottom: 63px;
}
.footerContent .footerContentBox1Wrap .footerContentBox1 .contactBtnWrap .contactBtn{
  height: 35px;
  border-radius: 5px;
}
.footerContent .footerContentBox1Wrap .footerContentBox1 .contactBtnWrap .contactBtn.contact{
  width: 159px;
  margin-right: 6px;
}
.footerContent .footerContentBox1Wrap .footerContentBox1 .contactBtnWrap .contactBtn.login{
  width: 153px;
} 
.footerContent .footerContentBox1Wrap .footerContentBox1 .pickupList{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 16px;
  margin-bottom: 93px;
}
.footerContent .footerContentBox1Wrap .footerContentBox1 .pickupList li{
  box-shadow: 3px 4px 4px rgba(0,0,0,0.25);
  border-radius: 9px;
  overflow: hidden;
}
.footerContent .footerContentBox1Wrap .footerContentBox1 .pickupList li a{
  display: block;
  aspect-ratio: 204 / 120;
}
.footerContent .footerContentBox1Wrap .footerContentBox1 .pickupList li a img{
  height: 100%;
  object-fit: cover;
}
.footerContent .footerContentBox1Wrap .footerContentBox1 .copy{
  font-size: 11px;
  font-weight: 500;
}
.footerContent .footerContentBox1Wrap .footerRight{
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subPage .subVisualWrap{
  width: 90%;
  margin: 0 auto 75px;
}
.subPage .subVisualWrap .subVisualInner{
  position: relative;
  margin-bottom: 28px;
}
.subPage .subVisualWrap .subVisualInner h2{
  font-size: 42px;
  font-weight: 700;
  font-family: "BIZ UDGothic", sans-serif;
  position: absolute;
  bottom: -1px;
  left: -1px;
  background: url('/wp-content/themes/a/img/works_object.svg') 0 0 no-repeat;
  background-size: 100% 100%;
  padding: 64px 137px 24px 43px;
}
.subPage .subVisualWrap .subVisualInner h2 span{
  color: #ff0000;
}
.subPage .subVisualWrap .pankuzu{
  width: fit-content;
  margin: 0 0 0 auto;
  font-size: 14px;
  font-weight: 500;
}
.subPage .subVisualWrap .pankuzu a{
  color: #6C6C6C;
}
.aboutPage .subVisualWrap .subVisualInner .subTitImg{
  width: 165px;
  position: absolute;
  bottom: -61px;
  right: 5%;
}
.aboutBlock1{
  position: relative;
  margin-bottom: 76px;
}
.aboutBlock1 .effectImgLeft{
  width: 33%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.aboutBlock1 .effectImgRight{
  width: 30%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.aboutBlock1Inner{
  width: 90%;
  max-width: 543px;
  margin: 0 auto;
}
.aboutBlock1Inner .icon{
  display: block;
  width: fit-content;
  margin: 0 auto 33px;
}
.aboutBlock1Inner .markerTitWrap{
  margin-bottom: 45px;
  text-align: center;
}
.aboutBlock1Inner .markerTitWrap h3{
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  padding: .3em;
  line-height: 2;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  font-size: 30px;
  color: #fff;
  line-height: 2.4;
  font-family: "BIZ UDGothic", sans-serif;
}
.aboutBlock1Inner p{
  font-weight: 500;
  line-height: 44px;
}
.aboutBlock2{
  width: 90%;
  max-width: 1400px;
  margin: 0 auto 87px;
  justify-content: space-between;
}
.aboutBlock2 .left,
.aboutBlock2 .right{
  width: 49.5%;
  box-sizing: border-box;
}
.aboutBlock2 .left{
  border: 2px solid #187FC4;
  border-radius: 100px 0 0 100px;
  padding: 19px 3% 43px 5%;
}
.aboutBlock2 .right{
  border: 2px solid #E60113;
  border-radius: 0 100px 100px 0;
  padding: 19px 5% 43px 3%;
}
.aboutBlock2 .box1{
  margin-bottom: 32px;
  align-items: center;
}
.aboutBlock2 .box1 img{
  width: 20%;
}
.aboutBlock2 .box1 .txtBox{
  width: 80%;
  box-sizing: border-box;
}
.aboutBlock2 .left .box1 .txtBox{
  padding-left: 10%;
}
.aboutBlock2 .box1 .txtBox .obiTxt{
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  font-family: "BIZ UDGothic", sans-serif;
  padding: 0 9px;
  width: fit-content;
}
.aboutBlock2 .left .box1 .txtBox .obiTxt{
  background-color: #187FC4;
  margin: 0 0 9px auto;
}
.aboutBlock2 .right .box1 .txtBox .obiTxt{
  background-color: #E60113;
  margin-bottom: 9px;
}
.aboutBlock2 .box1 .txtBox h3{
  font-size: 28px;
  font-weight: 700;
  font-family: "BIZ UDGothic", sans-serif;
  margin-bottom: 22px;
  line-height: 1.8;
}
.aboutBlock2 .left .box1 .txtBox h3{
  text-align: right;
}
.aboutBlock2 .box1 .txtBox .text{
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
}
.aboutBlock2 .left .box1 .txtBox .text{
  text-align: right;
}
.aboutBlock2 .right .box1 .txtBox{
  padding-right: 10%;
}
.aboutBlock2 ul li{
  background-color: #EEF1F5;
  padding: 5px 3% 5px;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  font-family: "BIZ UDGothic", sans-serif;
  border-radius: 26px;
}
.aboutBlock2 .left ul li{
  margin-bottom: 8px;
}
.aboutBlock2 .right ul li{
  margin-bottom: 14px;
}
.aboutBlock2 ul li .imgImg{
  margin-right: 12px;
  display: block;
}
.aboutBlock2 ul li:last-child{
  margin-bottom: 0;
}
.aboutBlock3{
  width: 90%;
  max-width: 1201px;
  margin: 0 auto 201px;
  border: 2px solid #D1A330;
  background-color: #FCF8EF;
  border-radius: 26px;
  padding: 21px 0 41px;
}
.aboutBlock3 .miyakoLogo{
  display: block;
  margin: 0 auto 18px;
}
.aboutBlock3 h3{
  font-size: 28px;
  font-weight: 700;
  background-color: #fff;
  padding: 0 8px;
  width: fit-content;
  margin: 0 auto 20px;
  font-family: "BIZ UDGothic", sans-serif;
  color: #855B1C;
}
.aboutBlock3 p{
  text-align: center;
  line-height: 31px;
  font-size: 14px;
  font-weight: 400;
  width: 90%;
  margin: 0 auto;
}
.bnrBlock{
  width: 90%;
  max-width: 1201px;
  margin: 0 auto 201px;
}
.bnrBlock .bnrWrap{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 31px;
  margin-bottom: 133px;
}
.bnrBlock .linkWrap{
  width: 90%;
  max-width: 817px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 25px;
}
.bnrBlock .linkWrap .jigyosyaLink{
  padding: 2px;
  height: 113px;
  border-radius: 10px;
  position: relative;
}
/*--- 通常の背景グラデーション ---*/
.bnrBlock .linkWrap .jigyosyaLink::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  opacity:1;
  transition:opacity .4s ease;
  z-index:1;
}

/*--- 反転した背景グラデーション ---*/
.bnrBlock .linkWrap .jigyosyaLink::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background: linear-gradient(90deg, #E60012 4%, #E60012 32%, #A96268 51%, #187FC4 66%, #187FC4 95%);
  opacity:0;
  transition:opacity .4s ease;
  z-index:1;
}
.bnrBlock .linkWrap .jigyosyaLink:hover:before{
  opacity: 0;
}
.bnrBlock .linkWrap .jigyosyaLink:hover:after{
  opacity: 1;
}
.bnrBlock .linkWrap .jigyosyaLink a{
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 25px;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  z-index: 2;
}
.bnrBlock .linkWrap .jigyosyaLink a .icon{
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
}
.bnrBlock .linkWrap .jigyosyaLink a .dot{
  position: absolute;
  top: 50%;
  right: 20%;
  transform: translateY(-50%);
  transition: .3s;
}
.bnrBlock .linkWrap .jigyosyaLink:hover a .dot{
  transform: translateY(-50%) scale(2);
}
.dispatchPage .subTitImg{
  position: absolute;
  right: 5%;
  bottom: 6px;
  width: 165px;
}
.dispatchPage .dispatchBlock1{
  width: 90%;
  max-width: 1467px;
  margin: 0 auto 118px;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  padding: 2px;
  border-radius: 86px;
}
.dispatchPage .dispatchBlock1 .dispatchBlock1Inner{
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: relative;
  border-radius: 86px;
  padding: 116px 5% 94px;
  box-sizing: border-box;
} 
.dispatchPage .dispatchBlock1 .dispatchBlock1Inner h3{
  font-size: 32px;
  font-weight: 700;
  padding: 0 16px;
  background-color: #fff;
  position: absolute;
  top: -27px;
  left: 50%;
  transform: translateX(-50%);
  font-family: "BIZ UDGothic", sans-serif;
}
.dispatchPage .dispatchBlock1 .dispatchBlock1Inner h3 span{
  color: #FF0000;
}
.dispatchPage .dispatchBlock1 .dispatchBlock1Inner ul{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 24px 27px;
}
.dispatchPage .dispatchBlock1 .dispatchBlock1Inner ul li{
  display: flex;
  background-color: #F4F4F4;
  border-radius: 15px;
  padding: 44px 5% 19px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 267px;
  box-sizing: border-box;
}
.dispatchPage .dispatchBlock1 .dispatchBlock1Inner ul li img{
  display: block;
  margin: 0 auto;
}
.dispatchPage .dispatchBlock1 .dispatchBlock1Inner ul li p{
  font-size: 14px;
  font-weight: 400;
}
.dispatchPage .dispatchBlock2{
  width: 90%;
  max-width: 1406px;
  margin: 0 auto 59px;
}
.dispatchPage .dispatchBlock2 .titWrap{
  align-items: center;
  margin-bottom: 56px;
}
.dispatchPage .dispatchBlock2 h3{
  font-size: 32px;
  font-weight: 700;
  width: fit-content;
  white-space: nowrap;
  padding-right: 0.5em;
  font-family: "BIZ UDGothic", sans-serif;
}
.dispatchPage .dispatchBlock2 .titWrap .effectLine{
  height: 4px;
  width: 100%;
  background-color: #E2E2E2;
  position: relative;
}
.dispatchPage .dispatchBlock2 .titWrap .effectLine::before{
  display: block;
  content: "";
  width: 111px;
  height: 4px;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  position: absolute;
  top: 0;
  left: 0;
}
.dispatchPage .dispatchBlock2 h3 span{
  color: #ff0000;
}
.dispatchPage .dispatchBlock2 ul{
  width: 90%;
  max-width: 942px;
  margin: 0 0 0 auto;
  padding-right: 8%;
  box-sizing: border-box;
}
.dispatchPage .dispatchBlock2 ul li{
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  border-radius: 26px;
  position: relative;
  padding: 2px;
  margin-bottom: 63px;
  height: 226px;
}
.dispatchPage .dispatchBlock2 ul li:last-child{
  margin-bottom: 0;
}
.dispatchPage .dispatchBlock2 ul li .listInner{
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 26px;
  padding: 25px 10% 39px 3%;
  box-sizing: border-box;
}
.dispatchPage .dispatchBlock2 ul li .listInner .post{
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
}
.dispatchPage .dispatchBlock2 ul li .listInner .teacherName{
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 21px;
  display: flex;
  align-items: baseline;
}
.dispatchPage .dispatchBlock2 ul li .listInner .teacherName span{
  font-size: 14px;
  font-weight: 400;
  color: #A2A2A2;
  display: block;
  margin-left: 12px;
}
.dispatchPage .dispatchBlock2 ul li .listInner .note{
  font-size: 14px;
  font-weight: 400;
  width: 90%;
}
.dispatchPage .dispatchBlock2 ul li .teacherImgWrap{
  width: 250px;
  height: 250px;
  border-radius: 50%;
  position: absolute;
  right: -15%;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  padding: 2px;
}
.dispatchPage .dispatchBlock2 ul li .teacherImgWrap:after{
  width: 3px;
  height: 22px;
  display: block;
  content: "";
  background-color: #E60012;
  position: absolute;
  top: 90%;
  right: 50px;
  transform: rotate(-40deg);
}
.dispatchPage .dispatchBlock2 ul li .teacherImgInner{
  width: 100%;
  height: 100%;
  padding: 10px;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: #fff;
}
.dispatchPage .dispatchBlock2 ul li .teacherImgInner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.dispatchPage .dispatchBlock3{
  width: 90%;
  max-width: 1406px;
  margin: 0 auto 192px;
}
.dispatchPage .dispatchBlock3 .titWrap{
  margin-bottom: 56px;
  align-items: center;
}
.dispatchPage .dispatchBlock3 h3{
  font-size: 32px;
  font-weight: 700;
  width: fit-content;
  white-space: nowrap;
  padding-right: 0.5em;
  font-family: "BIZ UDGothic", sans-serif;
}
.dispatchPage .dispatchBlock3 .titWrap .effectLine{
  height: 4px;
  width: 100%;
  background-color: #E2E2E2;
  position: relative;
}
.dispatchPage .dispatchBlock3 .titWrap .effectLine::before{
  display: block;
  content: "";
  width: 111px;
  height: 4px;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  position: absolute;
  top: 0;
  left: 0;
}
.dispatchPage .dispatchBlock3 h3 span{
  color: #ff0000;
}
.dispatchPage .dispatchBlock3 ul{
  width: 100%;
  max-width: 942px;
  margin: 0 0 0 auto;
}
.stepBlock ul li{
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.stepBlock ul li .step{
  width: fit-content;
  font-size: 35px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  padding: 0 5px 7px;
  border-bottom: 2px solid #000;
  width: 12%;
}
.stepBlock ul li .txtBoxWrap{
  align-items: center;
  margin-left: 3%;
  width: 88%;
  box-sizing: border-box;
}
.stepBlock ul li .iconWrap{
  display: block;
  width: 143px;
  position: relative;
  box-sizing: border-box;
}
.stepBlock ul li .iconWrap:after{
  width: 8px;
  height: 20px;
  background-color: #E2E2E2;
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.stepBlock ul li:last-child .iconWrap:after{
  display: none;
}
.stepBlock ul li .txtBox{
  padding-left: 3%;
  width: calc(100% - 143px);
}
.stepBlock ul li .txtBox h4{
  font-size: 24px;
  font-weight: 600;
  color: #187FC4;
  margin-bottom: 14px;
}
.dispatchPage .dispatchContact{
  width: 90%;
  max-width: 1200px;
  height: 317px;
  margin: 0 auto 201px;
  background: linear-gradient( 90deg, #ABECD6 0%, #FBED96 100% );
  display: flex;
  align-items: center;
  padding: 0 3%;
  box-sizing: border-box;
  border-radius: 10px;
}
.dispatchPage .dispatchContact > img{
  width: 50%;
}
.dispatchPage .dispatchContact .txtBox{
  width: 50%;
  padding-left: 5%;
}
.dispatchPage .dispatchContact .txtBox p{
  font-size: 24px;
  font-weight: 700;
  font-family: "BIZ UDGothic", sans-serif;
  margin-bottom: 37px;
  text-align: center;
}
.dispatchPage .dispatchContact .txtBox .graLinkWrap{
  width: 410px;
  height: 75px;
  border-radius: 44px;
  padding: 2px;
  transition: .3s;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
/*--- 通常の背景グラデーション ---*/
.dispatchPage .dispatchContact .txtBox .graLinkWrap::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  opacity:1;
  transition:opacity .4s ease;
  z-index:1;
}

/*--- 反転した背景グラデーション ---*/
.dispatchPage .dispatchContact .txtBox .graLinkWrap::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background: linear-gradient(90deg, #E60012 4%, #E60012 32%, #A96268 51%, #187FC4 66%, #187FC4 95%);
  opacity:0;
  transition:opacity .4s ease;
  z-index:1;
}

/* ホバー時：反転グラデをフェードイン */
.dispatchPage .dispatchContact .txtBox .graLinkWrap:hover::after{
  opacity:1;
}
.dispatchPage .dispatchContact .txtBox .graLinkWrap:hover::before{
  opacity:0;
} 
.dispatchPage .dispatchContact .txtBox .graLink{
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  border-radius: 44px;
  background-color: #fff;
  position: relative;
  z-index: 2;
}
.dispatchPage .dispatchContact .txtBox .graLink .icon{
  position: absolute;
  top: 50%;
  left: 8%;
  transform: translateY(-50%);
}
.dispatchPage .dispatchContact .txtBox .graLink .dot{
  position: absolute;
  top: 50%;
  right: 8%;
  transform: translateY(-50%);
  transition: .3s;
}
.dispatchPage .dispatchContact .txtBox .graLink:hover .dot{
  transform: translateY(-50%) scale(2);
}
.buyerPage section{
  width: 90%;
  max-width: 1402px;
  margin: 0 auto;
}
.buyerPage .buyerBlock1{
  margin-bottom: 113px;
}
.buyerPage .buyerBlock2{
  margin-bottom: 87px;
}
.buyerPage .buyerBlock3{
  margin-bottom: 139px;
}
.buyerPage section .titWrap{
  display: flex;
  justify-content: center;
  align-items: center;
}
.buyerPage section .titWrap h3{
  font-size: 32px;
  font-weight: 700;
  padding-right: 0.5em;
  width: fit-content;
  white-space: nowrap;
  font-family: "BIZ UDGothic", sans-serif;
}
.buyerPage .buyerBlock1 .titWrap{
  margin-bottom: 22px;
}
.buyerPage .buyerBlock2 .titWrap{
  margin-bottom: 41px;
}
.buyerPage .buyerBlock3 .titWrap{
  margin-bottom: 41px;
}
.buyerPage section .titWrap h3 span{
  color: #ff0000;
}
.buyerPage section .titWrap .effectLine{
  width: 100%;
  height: 4px;
  background-color: #E2E2E2;
  display: block;
  position: relative;
}
.buyerPage section .titWrap .effectLine::before{
  display: block;
  content: "";
  width: 117px;
  height: 4px;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  position: absolute;
  top: 0;
  left: 0;
}
.buyerPage section ul{
  width: 100%;
  max-width: 938px;
  margin: 0 0 0 auto;
}
.buyerPage .buyerBlock1 ul li{
  margin-bottom: 60px;
}
.buyerPage .buyerBlock1 ul li:last-child{
  margin-bottom: 0;
}
.buyerPage .buyerBlock1 ul li img{
  width: 40%;
  object-fit: cover;
}
.buyerPage .buyerBlock1 ul li .txtWrap{
  width: 60%;
  padding-left: 5%;
  box-sizing: border-box;
}
.buyerPage .buyerBlock1 ul li .txtWrap .num{
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 6px;
  color: #187FC4;
  font-family: proxima-nova, sans-serif;
}
.buyerPage .buyerBlock1 ul li .txtWrap h4{
  margin-bottom: 14px;
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 14px;
}
.buyerPage .buyerBlock1 ul li .txtWrap p{
  font-size: 14px;
  font-weight: 400;
  line-height: 33px;
}
.buyerPage .buyerBlock2 ul{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 27px;
}
.buyerPage .buyerBlock2 ul li img{
  display: block;
  margin-bottom: 18px;
}
.buyerPage .buyerBlock2 ul li p{
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.buyerPage .buyerContact{
  width: 90%;
  max-width: 1138px;
  margin: 0 auto 184px;
  height: 237px;
  border-radius: 10px;
  background: linear-gradient(90deg, #E4EFE9 0%, #93A5CF 100%);
  justify-content: space-between;
  align-items: center;
  padding: 0 5%;
  box-sizing: border-box;
}
.buyerPage .buyerContact .titTxt{
  font-size: 27px;
  font-weight: 500;
  line-height: 38px;
}
.buyerPage .buyerContact .linkBtn1Wrap{
  width: 426px;
  height: 88px;
  border-radius: 44px;
  margin: 0;
  overflow: hidden;
}
.buyerPage .buyerContact .linkBtn1{
  border-radius: 44px;
}
.subPage2 .subVisualWrap{
  width: 90%;
  margin: 0 auto;
  position: relative;
  aspect-ratio: 1722 / 267;
  border-radius: 39px;
  overflow: hidden;
}
.subPage2 .subVisualWrap img{
  height: 100%;
  object-fit: cover;
}
.privacyPage .subVisualWrap{
  margin-bottom: 29px;
}
.subPage2 .subVisualWrap h2{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 42px;
  font-weight: 700;
  font-family: "BIZ UDGothic", sans-serif;
}
.subPage2 .subVisualWrap h2 span{
  color: #ff0000;
}
.subPage2 .pankuzu{
  width: fit-content;
  margin: 0 5% 0 auto;
  font-size: 14px;
  font-weight: 500;
}
.subPage2 .pankuzu a{
  color: #6C6C6C;
}
.privacyPage .pankuzu{
  margin-bottom: 43px;
}
.privacyPage .privacyBlock1{
  width: 90%;
  max-width: 1200px;
  margin: 0 auto 144px;
}
.privacyPage .privacyBlock1 .note{
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 50px;
}
.privacyPage .privacyBlock1 .box{
  margin-bottom: 86px;
  position: relative;
  display: flex;
  padding-top: 12px;
}
.privacyPage .privacyBlock1 .box::before{
  display: block;
  content: "";
  height: 3px;
  width: 100%;
  background-color: #E2E2E2;
  position: absolute;
  top: 0;
  left: 0;
}
.privacyPage .privacyBlock1 .box::after{
  display: block;
  content: "";
  height: 3px;
  width: 125px;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.privacyPage .privacyBlock1 .box h3{
  width: 45%;
  font-size: 20px;
  font-weight: 700;
}
.privacyPage .privacyBlock1 .box .text{
  width: 55%;
  line-height: 33px;
}
.allPage .thePostListWrap{
  width: 90%;
  max-width: 1200px;
  margin: 0 auto 201px;
}
.allPage .menuWrap{
  justify-content: space-between;
  align-items: center;
  margin-bottom: 70px;
}
.allPage .menuWrap .catMenu{
  padding: 12px 2%;
  background-color: #EEF1F5;
  border-radius: 41px;
}
.allPage .menuWrap .catMenu li{
  padding: 10px 23px;
  border-radius: 30px;
  margin-right: 7px;
}
.allPage .menuWrap .catMenu li:last-child{
  margin-right: 0;
}
.allPage .menuWrap .catMenu li.active{
  background-color: #fff;
}
.allPage .menuWrap .catMenu li a{
  font-weight: 500;
}
.allPage .menuWrap .sort{
  border: 1px solid #000;
  padding: 11px;
  align-items: center;
}
.allPage .menuWrap .sort select{
  padding: 0 22px;
}
.allPage .thePostList{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 37px 35px;
  margin-bottom: 100px;
}
.allPage .thePostList a{
  display: block;
  position: relative;
}
.allPage .thePostList a .postDate{
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  font-weight: 500;
  color: #797979;
  z-index: 2;
  padding: 7px 2em 18px;
  background: url('/wp-content/themes/a/img/news_object.svg') 0 0 no-repeat;
  background-size: 100% 100%;
}
.allPage .thePostList a .thumb{
  display: block;
  margin-bottom: 20px;
  aspect-ratio: 377 / 212;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.allPage .thePostList a h3{
  font-size: 18px;
  font-weight: 500;
}
.allPage .thumbWrap{
  position: relative;
  margin-bottom: 10px;
}
.allPage .thumbWrap .thumb{
  margin-bottom: 0;
}
.allPage .thumbWrap .playIcon{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 93px;
}
.allPage .txtBox h3{
  margin-bottom: 10px;
}
.allPage .txtBox .tagList{
  margin-bottom: 17px;
  flex-wrap: wrap;
}
.allPage .txtBox .tagList li{
  font-size: 13px;
  font-weight: 500;
  color: #858585;
  margin-right: 5px;
}
.allPage .txtBox .detail{
  font-size: 14px;
  font-weight: 400;
}
.casePage .subTitImg{
  width: 165px;
  position: absolute;
  bottom: 6px;
  right: 5%;
}
.casePage .thePostList a .corpName{
  align-items: center;
}
.casePage .thePostList a .corpName p{
  font-size: 14px;
  font-weight: 400;
  padding-right: 0.5em;
  width: fit-content;
  white-space: nowrap;
}
.casePage .thePostList a .corpName .effectLine{
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
}
.operatorPage .operatoerDetail{
  position: relative;
}
.operatorPage .operatoerDetail::after{
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
}
.operatorPage .operatoerDetail li{
  padding: 7px;
  align-items: center;
  border-top: 1px solid #D2D2D2;
}
.operatorPage .operatoerDetail li .title{
  width: 30%;
  line-height: 0;
}
.operatorPage .operatoerDetail li .text{
  width: 70%;
  font-size: 14px;
  font-weight: 500;
}
.singlePage .pankuzu{
  font-size: 14px;
  font-weight: 500;
  color: #6C6C6C;
  width: 90%;
  max-width: 1657px;
  margin: 0 0 24px auto;
}
.singlePage .mainContentsWrap{
  width: 90%;
  max-width: 1657px;
  margin: 0 0 124px auto;
}
.singlePage .mainContents{
  width: 70%;
}
.singlePage .mainContents .singleVisual{
  display: block;
  margin-bottom: 38px;
}
.singlePage .mainContents .mainContentsInner{
  width: 100%;
  max-width: 807px;
  margin: 0 auto;
}
.singlePage .mainContents .mainContentsInner h1{
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
  font-family: "BIZ UDGothic", sans-serif;
}
.singlePage .mainContents .mainContentsInner .postDate{
  font-size: 13px;
  font-weight: 400;
  color: #A5A5A5;
  margin-bottom: 44px;
}
.singlePage .mainContents .mainContentsInner .singleContentWrap{
  margin-bottom: 60px;
}
.singlePage .mainContents .mainContentsInner .singleContentWrap p{
  font-size: 14px;
  font-weight: 400;
  line-height: 33px;
}
.singlePage .singleLinkWrap{
  justify-content: space-between;
  align-items: center;
}
.singlePage .singleLink{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #515050;
  color: #fff;
  font-weight: 500;
}
.singlePage .singleLinkWrap .singleLink.prev,
.singlePage .singleLinkWrap .singleLink.next{
  width: 170px;
  height: 51px;
  border-radius: 26px;
}
.singlePage .singleLinkWrap .singleLink.all{
  width: 441px;
  height: 77px;
  border-radius: 66px;
  border: 1px solid #515050;
}
.singlePage .singleLinkWrap .singleLink.all:hover{
  background-color: #fff;
  color: #515050;
}
.singlePage .singleLinkWrap .singleLink .dot{
  margin-left: 47px;
  transition: .3s;
}
.singlePage .singleLinkWrap .singleLink.prev:hover .dot,
.singlePage .singleLinkWrap .singleLink.next:hover .dot{
  transform: scale(2);
}
.singlePage .singleLinkWrap .singleLink.disabled{
  background-color: #999;
}
.singlePage  .singleLinkWrap .singleLink.disabled:hover .dot{
  transform: scale(1);
}
.singlePage aside{
  width: 30%;
  padding-left: 5%;
  box-sizing: border-box;
  height: fit-content;
}
.singlePage aside .sideBer{
  background: linear-gradient(90deg, #E6E9F0 0%, #EEF1F5 100%);
  padding: 27px 8% 57px;
  border-radius: 21px 0 0 21px;
  width: 100%;
  box-sizing: border-box;
}
.singlePage aside .sideBer h2{
  font-size: 24px;
  padding: 0 0 16px 5%;
  margin-bottom: 46px;
  border-bottom: 1px solid #000;
  display: flex;
  align-items: center;
}
.singlePage aside .sideBer h2 img{
  margin-right: 7px;
}
.singlePage aside .sideBer .relationPost{
  padding: 0 5%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 25px 0;
}
.singlePage aside .sideBer .relationPost li a{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.singlePage aside .sideBer .relationPost li a .relationPostDate{
  font-size: 14px;
  font-weight: 500;
  color: #797979;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #EEF1F5;
  border-radius: 0 0 0 11px;
  padding: 3%;
}
.singlePage aside .sideBer .relationPost li a img{
  display: block;
  margin-bottom: 9px;
  aspect-ratio: 332 / 187;
  object-fit: cover;
  border-radius: 8px;
}
.singlePage aside .sideBer .relationPost li a h3{
  font-size: 18px;
  font-weight: 500;
}
.singlePage.trainingVideo iframe{
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  display: block;
  margin-bottom: 38px;
}
.downloadWrap{
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  padding: 2px;
  position: relative;
  border-radius: 10px;
  margin-bottom: 36px;
}
.downloadWrap .dlIcon{
  position: absolute;
  top: -10px;
  left: -24px;
}
.downloadWrap .download{
  background: linear-gradient(90deg, #E6E9F0 0%, #EEF1F5 100%);
  border-radius: 12px;
  width: 100%;
  height: 100%;
  align-items: center;
  padding: 32px 0 40px;
  align-items: center;
  justify-content: center;
  display: flex;
}
.downloadWrap .download .txtBox{
  margin-right: 66px;
}
.downloadWrap .download .txtBox .titTxt{
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 8px;
  font-family: "BIZ UDGothic", sans-serif;
}
.downloadWrap .download .txtBox .titTxt span{
  color: #ff0000;
}
.downloadWrap .download .txtBox .text{
  font-size: 15px;
  font-weight: 400;
}
.downloadWrap .download .dlLInkWrap{
  padding: 2px;
  width: 339px;
  height: 68px;
  border-radius: 44px;
  position: relative;
}
.downloadWrap .download .dlLInkWrap::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  opacity:1;
  transition:opacity .4s ease;
  z-index:1;
  border-radius: 44px;
}

/*--- 反転した背景グラデーション ---*/
.downloadWrap .download .dlLInkWrap::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background: linear-gradient(90deg, #E60012 4%, #E60012 32%, #A96268 51%, #187FC4 66%, #187FC4 95%);
  opacity:0;
  transition:opacity .4s ease;
  z-index:1;
  border-radius: 44px;
}

/* ホバー時：反転グラデをフェードイン */
.downloadWrap .download .dlLInkWrap:hover::after{
  opacity:1;
}
.downloadWrap .download .dlLInkWrap:hover::before{
  opacity:0;
}

.downloadWrap .download .dlLInk{
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  border-radius: 44px;
  z-index: 2;
}
.downloadWrap .download .dlLInk .circleWrap{
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background-color: #3D3D3D;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%) scale(1); /* ← ここをまとめる */
  transform-origin: center center;      /* ← 拡大の基点を中央に */
  transition: .3s;
}
.downloadWrap .download .dlLInkWrap:hover .circleWrap{
  transform: translateY(-50%) scale(1.2); /* ← translate を残したまま scale */
}
.downloadWrap .download .dlLInk .circle{
  background: url('/wp-content/themes/a/img/icon_downloadBtn.svg') no-repeat center;
  background-size: contain;
  width: 13px;
  height: 15px;
}
.singlePage.trainingVideo .movieTeacherWrap{
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  padding: 2px;
  border-radius: 10px;
  margin-bottom: 43px;
}
.singlePage.trainingVideo .movieTeacher{
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #E6E9F0 0%, #EEF1F5 100%);
  border-radius: 10px;
}
.singlePage.trainingVideo .movieTeacher .titWrap{
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.singlePage.trainingVideo .movieTeacher .titWrap:after{
  display: block;
  content: "";
  width: 2px;
  height: calc(100% - 16px);
  background: linear-gradient(#E60012 4%, #E60012 32%, #A96268 51%, #187FC4 66%, #187FC4 95%);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.singlePage.trainingVideo .movieTeacher .titWrap p{
  writing-mode: vertical-rl;
  font-size: 18px;
  font-weight: 500;
}
.singlePage.trainingVideo .movieTeacher .movieTeacherInner{
  width: 90%;
  padding: 31px 5%;
  box-sizing: border-box;
  
}
.singlePage.trainingVideo .movieTeacher .movieTeacherInner .imgBoxWrap{
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.singlePage.trainingVideo .movieTeacher .movieTeacherInner .imgBoxWrap .imgBox{
  width: 177px;
  height: 177px;
  border-radius: 50%;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  position: relative;
  padding: 2px;
  box-sizing: border-box;
  position: relative;
} 
.singlePage.trainingVideo .movieTeacher .movieTeacherInner .imgBox:after{
  width: 3px;
  height: 22px;
  display: block;
  content: "";
  background-color: #E60012;
  position: absolute;
  top: 90%;
  right: 30px;
  transform: rotate(-40deg);
}
.singlePage.trainingVideo .movieTeacher .movieTeacherInner .imgBoxWrap .imgBoxInner{
  padding: 8px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 50%;
  overflow: hidden;
  background-color: #E6E9F0;
}
.singlePage.trainingVideo .movieTeacher .movieTeacherInner .imgBoxWrap .imgBoxInner img{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 50%;
}
.singlePage.trainingVideo .movieTeacher .movieTeacherInner .teacherDetail{
  width: 70%;
  padding-left: 5%;
  box-sizing: border-box;
}
.singlePage.trainingVideo .movieTeacher .movieTeacherInner .teacherDetail .teacherName{
  font-size: 20px;
  margin-bottom: 24px;
} 
.singlePage.trainingVideo .movieTeacher .movieTeacherInner .teacherDetail .teacherProfile p{
  font-size: 14px;
}
.singlePage.trainingVideo .movieTeacher .movieTeacherInner .teacherDetail .teacherProfile p br{
  display: none;
}
.authorPage .subVisual{
  width: 90%;
  max-width: 1074px;
  margin: 0 auto;
  display: block;
}
.authorPage .authorInfoWrap{
  width: 90%;
  max-width: 980px;
  margin: 0 auto 63px;
  box-shadow: 0 0 16px rgba(147,147,147,0.25);
  padding: 38px 0 76px;
  box-sizing: border-box;
  border-radius: 0 0 58px 58px;
}
.authorPage .authorInfoWrap h1{
  font-size: 28px;
  font-weight: 700;
  width: 80%;
  margin: 0 auto 6px;
  font-family: "BIZ UDGothic", sans-serif;
}
.authorPage .authorInfoWrap .catchCopy{
  font-size: 23px;
  font-weight: 700;
  width: 80%;
  margin: 0 auto 20px;
  font-family: "BIZ UDGothic", sans-serif;
}
.authorPage .authorInfoWrap .jobCat{
  width: 80%;
  margin: 0 auto 49px;
}
.authorPage .authorInfoWrap .jobCat li p{
  font-size: 14px;
  font-weight: 500;
  color: #898989;
}
.authorPage .authorInfoWrap .contentWrap{
  width: 80%;
  margin: 0 auto 66px;
}
.authorPage .authorInfoWrap .contentWrap h2{
  font-size: 24px;
  font-weight: 700;
  padding-top: 15px;
  position: relative;
  margin-bottom: 15px;
  font-family: "BIZ UDGothic", sans-serif;
}
.authorPage .authorInfoWrap .contentWrap h2::before{
  width: 100%;
  height: 4px;
  display: block;
  content: "";
  background-color: #E2E2E2;
  position: absolute;
  top: 0;
  left: 0;
}
.authorPage .authorInfoWrap .contentWrap h2::after{
  width: 111px;
  height: 4px;
  display: block;
  content: "";
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  position: absolute;
  top: 0;
  left: 0;
}
.authorPage .authorInfoWrap .contentWrap h3{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 14px;
}
.authorPage .authorInfoWrap .contentWrap img{
  display: block;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 66px;
}
.authorPage .authorInfoWrap .contentWrap{
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 15px;
}
.authorPage .authorOutLine{
  width: 80%;
  margin: 0 auto 111px;
}
.authorPage .authorOutLine h2{
  font-size: 24px;
  font-weight: 700;
  padding-top: 15px;
  position: relative;
  margin-bottom: 10px;
}
.authorPage .authorOutLine h2 span{
  color: #f00;
}
.authorPage .authorOutLine h2::before{
  width: 100%;
  height: 4px;
  display: block;
  content: "";
  background-color: #E2E2E2;
  position: absolute;
  top: 0;
  left: 0;
}
.authorPage .authorOutLine h2::after{
  width: 111px;
  height: 4px;
  display: block;
  content: "";
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  position: absolute;
  top: 0;
  left: 0;
}
.authorPage .authorOutLine .mapWrap{
  aspect-ratio: 650 / 342;
  width: 100%;
  margin-bottom: 40px;
  border-radius: 12px;
  overflow: hidden;
}
.authorPage .authorOutLine .mapWrap iframe{
  width: 100%;
  height: 100%;
}
.authorPage .authorOutLine .authorDetail li{
  padding: 10px;
  border-bottom: 1px solid #C6C6C6;
}
.authorPage .authorOutLine .authorDetail li:first-child{
  border-top: 1px solid #C6C6C6;
}
.authorPage .authorOutLine .authorDetail li .title{
  width: 30%;
  font-size: 14px;
  font-weight: 500;
}
.authorPage .authorOutLine .authorDetail li .text{
  width: 70%;
  font-size: 14px;
  font-weight: 400;
}
.productLinkWrap{
  margin: 0 auto;
  background: linear-gradient(90deg, #FFEEEE 0%, #DDEFBB 100%);
  border-radius: 10px;
  padding: 43px 5% 51px;
  box-sizing: border-box;
  align-items: center;
}
.operatorPage .productLinkWrap{
  width: 100%;
  max-width: 1200px;
  margin-bottom: 201px;
}
.authorPage .productLinkWrap{
  width: 90%;
  margin-bottom:73px;
}
.productLinkWrap > img{
  width: 40%;
}
.productLinkWrap .txtBox{
  width: 60%;
}
.productLinkWrap .txtBox .titTxt{
  text-align: center;
  font-size: 23px;
  font-weight: 500;
  margin-bottom: 13px;
}
.productLinkWrap .txtBox .text{
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 13px;
}
.productLinkWrap .txtBox .productLink{
  width: 385px;
  height: 69px;
  margin: 0 auto;
  position: relative;
  border-radius: 44px;
  padding: 2px;
  box-sizing: border-box;
}
.productLinkWrap .txtBox .productLink::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  opacity:1;
  transition:opacity .4s ease;
  z-index:1;
  border-radius: 44px;
}

/*--- 反転した背景グラデーション ---*/
.productLinkWrap .txtBox .productLink::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background: linear-gradient(90deg, #E60012 4%, #E60012 32%, #A96268 51%, #187FC4 66%, #187FC4 95%);
  opacity:0;
  transition:opacity .4s ease;
  z-index:1;
  border-radius: 44px;
}

/* ホバー時：反転グラデをフェードイン */
.productLinkWrap .txtBox .productLink:hover::after{
  opacity:1;
}
.productLinkWrap .txtBox .productLink:hover::before{
  opacity:0;
}
.productLinkWrap .txtBox .productLink .productLinkInner{
  width: 100%;
  height: 100%;
  border-radius: 44px;
  background-color: #fff;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.productLinkWrap .txtBox .productLink .productLinkInner .dot{
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  transition: .3s;
}
.productLinkWrap .txtBox .productLink:hover .productLinkInner .dot{
  transform: translateY(-50%) scale(2);
}
.authorPage .singleLinkContainer{
  border-top: 2px dashed #B9B9B9;
  padding-top: 48px;
  width: 98%;
  margin: 0 auto;
}
.authorPage .singleLinkContainer .singleLinkWrap{
  width: 90%;
  margin: 0 auto;
}
.authorListWrap{
  width: 90%;
  max-width: 1137px;
  margin: 0 auto 51px;
  box-shadow: 0 0 16px rgba(147,147,147,0.25);
  padding: 33px 5% 32px;
  box-sizing: border-box;
  border-radius: 30px;
}
.authorListWrap h2{
  display: flex;
  align-items: center;
  padding-bottom: 13px;
  border-bottom: 1px solid #A9A9A9;
  margin-bottom: 34px;
  font-size: 24px;
  font-weight: 400;
}
.authorListWrap h2 img{
  display: block;
  margin-right: 5px;
}
.authorListWrap ul{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 18px;
}
.authorListWrap ul li img{
  aspect-ratio: 332 / 187;
  display: block;
  margin-bottom: 9px;
  border-radius: 8px;
}
.authorListWrap ul li h3{
  font-size: 18px;
  font-weight: 500;
}
.mendanWrap{
  width: 90%;
  max-width: 1138px;
  margin: 0 auto 144px;
  background: linear-gradient(90deg, #FFF1EB 0%, #ACE0F9 100%);
  border-radius: 10px;
  padding: 57px 5% 63px;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
}
.mendanWrap .txtBox{
  width: fit-content;
}
.mendanWrap .txtBox .titTxt{
  font-size: 27px;
  font-weight: 500;
  margin-bottom: 36px;
}
.mendanWrap .txtBox .text{
  font-weight: 400;
}
.mendanWrap  .hojinLinkWrap{
  width: 426px;
  height: 86px;
  border-radius: 44px;
  position: relative;
  padding: 2px;
  box-sizing: border-box;
}
.mendanWrap  .hojinLinkWrap::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  opacity:1;
  transition:opacity .4s ease;
  z-index:1;
  border-radius: 44px;
}

/*--- 反転した背景グラデーション ---*/
.mendanWrap  .hojinLinkWrap::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background: linear-gradient(90deg, #E60012 4%, #E60012 32%, #A96268 51%, #187FC4 66%, #187FC4 95%);
  opacity:0;
  transition:opacity .4s ease;
  z-index:1;
  border-radius: 44px;
}

/* ホバー時：反転グラデをフェードイン */
.mendanWrap  .hojinLinkWrap:hover::after{
  opacity:1;
}
.mendanWrap  .hojinLinkWrap:hover::before{
  opacity:0;
}
.mendanWrap  .hojinLinkWrap .hojinLink{
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  border-radius: 44px;
  font-size: 18px;
  font-weight: 500;
}
.mendanWrap  .hojinLinkWrap .hojinLink .dot{
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  transition: .3s;
}
.mendanWrap  .hojinLinkWrap:hover .hojinLink .dot{
  transform: translateY(-50%) scale(2);
}
.caseStudyPost.authorPage .authorInfoWrap h1{
  margin-bottom: 10px;
}
.caseStudyPost .authorInfoWrap .postDate{
  width: 80%;
  margin: 0 auto;
  font-size: 13px;
  color: #A5A5A5;
}
.caseStudyPost .authorInfoWrap .authorName{
  width: 80%;
  margin: 0 auto 25px;
  font-size: 14px;
  font-weight: 400;
}
.caseStudyPost.authorPage .authorInfoWrap .contentWrap{
  margin-bottom: 30px;
}
.caseStudyPost.authorPage .authorInfoWrap .contentWrap p{
  font-size: 16px;
  line-height: 33px;
}
.caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap{
  width: 80%;
  margin: 0 auto 87px;
}
.caseStudyPost.authorPage .authorInfoWrap h2{
  font-size: 24px;
  font-weight: 700;
  padding-top: 15px;
  position: relative;
  margin-bottom: 36px;
  font-family: "BIZ UDGothic", sans-serif;
}
.caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap h2::before{
  width: 100%;
  height: 4px;
  display: block;
  content: "";
  background-color: #E2E2E2;
  position: absolute;
  top: 0;
  left: 0;
}
.caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap h2::after{
  width: 111px;
  height: 4px;
  display: block;
  content: "";
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  position: absolute;
  top: 0;
  left: 0;
}
.caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap .teacerComment{
  padding: 27px 3%;
  background: linear-gradient(90deg, #E6E9F0 0%, #EEF1F5 100%);
  align-items: center;
  border-radius: 16px;
}
.caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap .teacerComment .imgBoxWrap{
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap .teacerComment .imgBoxWrap::after{
  width: 3px;
  height: 22px;
  display: block;
  content: "";
  background-color: #E60012;
  position: absolute;
  top: 90%;
  right: 50px;
  transform: rotate(-40deg);
}
.caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap .teacerComment .imgBoxWrap .imgBoxInner{
  width: 177px;
  height: 177px;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  border-radius: 50%;
  padding: 2px;
  box-sizing: border-box;
}
.caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap .teacerComment .imgBoxWrap .imgBoxInner .imgBox{
  padding: 10px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: #E6E9F0;
  border-radius: 50%;
}
.caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap .teacerComment .imgBoxWrap .imgBoxInner .imgBox img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap .teacerComment .txtBox{
  width: 70%;
  padding: 0 5%;
  box-sizing: border-box;
}
.caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap .teacerComment .txtBox .teacherComment{
  margin-bottom: 18px;
}
.caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap .teacerComment .txtBox .teacherName{
  font-size: 18px;
  font-weight: 400;
}
.caseStudyPost.authorPage .authorInfoWrap .authorLinkBtnWrap{
  width: 90%;
  height: 88px;
  border-radius: 26px;
  position: relative;
  padding: 2px;
  box-sizing: border-box;
  margin: 0 auto 74px;
}
.caseStudyPost.authorPage .authorInfoWrap .authorLinkBtnWrap::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  opacity:1;
  transition:opacity .4s ease;
  z-index:1;
  border-radius: 44px;
}

/*--- 反転した背景グラデーション ---*/
.caseStudyPost.authorPage .authorInfoWrap .authorLinkBtnWrap::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background: linear-gradient(90deg, #E60012 4%, #E60012 32%, #A96268 51%, #187FC4 66%, #187FC4 95%);
  opacity:0;
  transition:opacity .4s ease;
  z-index:1;
  border-radius: 44px;
}

/* ホバー時：反転グラデをフェードイン */
.caseStudyPost.authorPage .authorInfoWrap .authorLinkBtnWrap:hover::after{
  opacity:1;
}
.caseStudyPost.authorPage .authorInfoWrap .authorLinkBtnWrap:hover::before{
  opacity:0;
}
.caseStudyPost.authorPage .authorInfoWrap .authorLinkBtnWrap .authorLinkBtn{
  width: 100%;
  height: 100%;
  background-color: #fff;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  border-radius: 44px;
}
.caseStudyPost.authorPage .authorInfoWrap .authorLinkBtnWrap .authorLinkBtn .dot{
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  transition: .3s;
}
.caseStudyPost.authorPage .authorInfoWrap .authorLinkBtnWrap:hover .authorLinkBtn .dot{
  transform: translateY(-50%) scale(2);
}
.joinBox{
  background: url('/wp-content/themes/a/img/bg_joinBox.jpg') no-repeat center;
  background-size: cover;
  width: 90%;
  max-width: 1202px;
  height: 477px;
  margin: 0 auto 201px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.joinBox .txtBox .titTxt{
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  line-height: 48px;
  margin-bottom: 17px; 
} 
.joinBox .txtBox .joinLinkWrap{
  width: 426px;
  height: 88px;
  border-radius: 44px;
  padding: 2px;
  box-sizing: border-box;
  position: relative;
}
.joinBox .txtBox .joinLinkWrap::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  opacity:1;
  transition:opacity .4s ease;
  z-index:1;
  border-radius: 44px;
}

/*--- 反転した背景グラデーション ---*/
.joinBox .txtBox .joinLinkWrap::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background: linear-gradient(90deg, #E60012 4%, #E60012 32%, #A96268 51%, #187FC4 66%, #187FC4 95%);
  opacity:0;
  transition:opacity .4s ease;
  z-index:1;
  border-radius: 44px;
}

/* ホバー時：反転グラデをフェードイン */
.joinBox .txtBox .joinLinkWrap:hover::after{
  opacity:1;
}
.joinBox .txtBox .joinLinkWrap:hover::before{
  opacity:0;
}
.joinBox .txtBox .joinLinkWrap .joinLink{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10%;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  background-color: #fff;
  border-radius: 44px;
}
.joinBox .txtBox .joinLinkWrap .joinLink .dot{
  transition: .3s;
}
.joinBox .txtBox .joinLinkWrap:hover .joinLink .dot{
  transform: scale(2);
}
.memberPage .subVisualWrap{
  margin-bottom: 35px;
}
.memberPage .pankuzu{
  margin-bottom: 140px;
} 
.memberPage .memberMenu{
  margin-bottom: 265px;
}
.memberPage .memberMenu .memberMenuInner{
  width: 90%;
  max-width: 1026px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 61px;
}
.memberPage .memberMenu .memberMenuInner .menuBox{
  height: 247px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 14px rgba(0,0,0,0.25);
  border-radius: 10px;
  position: relative;
}
.memberPage .memberMenu .memberMenuInner .menuBox img{
  margin-bottom: 16px;
}
.memberPage .memberMenu .memberMenuInner .menuBox .menuTxt{
  font-size: 22px;
  font-weight: 700;
  width: fit-content;
  padding-bottom: 14px;
}
.memberPage .memberMenu .memberMenuInner .menuBox .dot{
  position: absolute;
  bottom: 32px;
  right: 5%;
  transition: .3s;
}
.memberPage .memberMenu .memberMenuInner .menuBox:hover .dot{
  transform: scale(2);
}
.memberPage .memberMenu .memberMenuInner .menuBox.red{
  border: 1px solid #E60113;
}
.memberPage .memberMenu .memberMenuInner .menuBox.red .menuTxt{
  border-bottom: 3px solid #E60113;
}
.memberPage .memberMenu .memberMenuInner .menuBox.blue{
  border: 2px solid #187FC4;
}
.memberPage .memberMenu .memberMenuInner .menuBox.blue .menuTxt{
  border-bottom: 3px solid #187FC4;
}
.registrationPage .subVisualWrap{
  margin-bottom: 30px;
}
.registrationPage .pankuzu{
  margin-bottom: 76px;
}
.contactPage .contactWeap{
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
.registrationPage .contactWeap{
  margin-bottom: 147px;
}
.contactPage .contactWeap .contactInner{
  margin-bottom: 63px;
}
.contactPage .contactWeap .contactInner li{
  justify-content: space-between;
}
.contactPage .contactWeap .contactInner li .title{
  width: 30%;
  padding: 28px 0 47px;  
  position: relative;
  display: flex;
  align-items: flex-start;
  font-size: 20px;
  font-weight: 700;
}
.contactPage .contactWeap .contactInner li .title span{
  display: block;
  padding: 4px 11px;
  background-color: #E60113;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-left: 12px;
  border-radius: 14px;
}
.contactPage .contactWeap .contactInner li .title:after{
  display: block;
  content: "";
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #E60012 4%, #E60012 32%, #A96268 51%, #187FC4 66%, #187FC4 95%);
  position: absolute;
  top: 0;
  left: 0;
}
.contactPage .contactWeap .contactInner li .inputBox{
  width: 68%;
}
.contactPage .contactWeap .contactInner li:first-child .inputBox{
  border-top: 1px solid #A0A0A0;
}
.registrationPage .contactWeap .contactInner li:first-child .inputBox{
  padding: 28px 0 47px;
}
.contactPage .contactWeap .contactInner li .inputBox input[type="text"],
.contactPage .contactWeap .contactInner li .inputBox input[type="email"],
.contactPage .contactWeap .contactInner li .inputBox input[type="tel"]{
  width: 100%;
  padding: 20px 3%;
  box-sizing: border-box;
  border: 1px solid #A0A0A0;
  border-radius: 5px;
}
.contactPage .contactWeap .contactInner li .inputBox .uploadBox{
  padding: 32px 3% 24px;
  background-color: #F6F6F6;
  border: 2px solid #DEDEDE;
  border-radius: 17px;
}
.contactPage .contactWeap .contactInner li .inputBox .uploadBox .titTxt{
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 29px;
  text-align: center;
}
.contactPage .contactWeap .contactInner li .inputBox .uploadBox .uploadArea{
  background-color: #fff;
}
.contactPage .contactWeap .apply{
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 28px;
}
.contactPage .contactWeap .apply a{
  color: #187FC4;
  text-decoration: underline;
}
.contactPage .submitBox{
  width: 90%;
  max-width: 532px;
  height: 88px;
  position: relative;
  padding: 2px;
  box-sizing: border-box;
  border-radius: 44px;
  margin: 0 auto;
}
.contactPage .submitBox::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  opacity:1;
  transition:opacity .4s ease;
  z-index:1;
  border-radius: 44px;
}

/*--- 反転した背景グラデーション ---*/
.contactPage .submitBox::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background: linear-gradient(90deg, #E60012 4%, #E60012 32%, #A96268 51%, #187FC4 66%, #187FC4 95%);
  opacity:0;
  transition:opacity .4s ease;
  z-index:1;
  border-radius: 44px;
}

/* ホバー時：反転グラデをフェードイン */
.contactPage .submitBox:hover::after{
  opacity:1;
}
.contactPage .submitBox:hover::before{
  opacity:0;
}
.contactPage .submitBox input[type="submit"]{
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 44px;
  position: relative;
  z-index: 2;
  font-size: 18px;
  font-weight: 500;
}
.contactPage .submitBox .dot{
  position: absolute;
  top: 50%;
  right: 10%;
  transition: .3s;
  transform: translateY(-50%);
  z-index: 3;
}
.contactPage .submitBox:hover .dot {
  transform: translateY(-50%) scale(2);
}
.registrationPage .downloadWrap{
  width: 90%;
  max-width: 1205px;
  margin: 0 auto 177px;
}
.registrationPage .downloadWrap .download{
  justify-content: space-between;
  padding: 34px 5% 40px;
  box-sizing: border-box;
}
.registrationPage .downloadWrap .download .txtBox{
  margin-right: 0;
}
.otoiawasePage .subVisualWrap{
  margin-bottom: 31px;
}
.otoiawasePage .pankuzu{
  margin-bottom: 115px;
}
.otoiawasePage.contactPage .contactWeap{
  margin-bottom: 169px;
}
.otoiawasePage.contactPage .contactWeap .contactInner li:first-child .inputBox{
  border-top: none;
}
.otoiawasePage.contactPage .contactWeap .contactInner li .inputBox select{
  width: 100%;
  padding: 20px 3%;
  box-sizing: border-box;
  border: 1px solid #A0A0A0;
  border-radius: 5px;
}
.otoiawasePage.contactPage .contactWeap .contactInner li .inputBox textarea{
  width: 100%;
  padding: 20px 3%;
  box-sizing: border-box;
  border: 1px solid #A0A0A0;
  border-radius: 5px;
}
.otoiawasePage.contactPage .contactWeap .contactInner li .inputBox .uploadBox{
  margin-bottom: 17px;
}
.otoiawasePage.contactPage .contactWeap .contactInner li .inputBox .note{
  font-size: 14px;
  font-weight: 400;
}
br.sp{
  display: none;
}
.topBlock1 .graph.sp{
  display: none;
}
.topBlock5 .linkBtn1Wrap.sp{
  display: none;
}
.subPage .subVisualWrap .subVisualInner .subVisual.sp{
  display: none;
}
.effectImgCenter{
  display: none;
}
.loginInner{
  width: 50%;
  margin: 120px auto;
}
.loginInner .titTxt{
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 147px;
  font-family: "BIZ UDGothic", sans-serif;
}
.loginInner .inputBox{
  margin-bottom: 40px;
  line-height: 44px;
}
.loginInner .inputBox label{
  font-size: 18px;
  font-weight: 700;
}
.loginInner .inputBox input[type="text"],
.loginInner .inputBox input[type="password"]{
  width: 100%;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-sizing: border-box;
}
.loginInner .forgetmenot{
      width: fit-content;
    margin: 0 auto 40px;
    font-size: 18px;
    font-weight: 700;
}
.loginInner .submit{
  width: 250px;
  height: 60px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  background-color: #e60013;
  border: 1px solid #e60013;
  margin: 0 auto 40px;
  transition: .3s;
}
.loginInner .submit:hover{
  background-color: #fff;
}
.loginInner .submit input[type="submit"]{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: #fff;
}
.loginInner .submit:hover input[type="submit"]{
  color: #e60013;
}
.loginInner .lostpassword{
  display: block;
  width: fit-content;
  margin: 0 auto 40px;
  font-weight: 500;
  color: #007bff;
}
.loginInner .backToTop{
  width: 250px;
  height: 60px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  background-color: #2c76d2;
  border: 1px solid #2c76d2;
  margin: 0 auto;
  transition: .3s;
}
.loginInner .backToTop:hover{
  background-color: #fff;
}
.loginInner .backToTop .nav{
  width: 100%;
  height: 100%;
}
.loginInner .backToTop a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.loginInner .backToTop:hover a{
  color: #2c76d2;
}
.pagination{
  width: fit-content;
  margin: 0 auto 152px;
}
.pagination .page-numbers{
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.pagination .page-numbers li{
  margin-right: 62px;
}
.pagination .page-numbers li:last-child{
  margin-right: 0;
}
.pagination .page-numbers .page-numbers{
  font-size: 18px;
  padding-bottom: 12px;
  display: block;
  border-bottom: 1px solid #000;
}
.pagination .page-numbers .page-numbers.current{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-color: #515050;
  color: #fff;
  border-bottom: none;
  padding-bottom: 0;
}
.loginInner .success{
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 40px;
  color: #f00;
}
.operatorPage .author-filter{
  width: 100%;
}
.operatorPage .fillterBox{
  justify-content: space-between;
  align-items: flex-start;
}
.operatorPage .fillterBox .selectBoxWrap{
  background: linear-gradient(90deg, #187FC4 4%, #187FC4 32%, #A96268 51%, #E60012 66%, #E60012 95%);
  padding: 2px;
  width: 70%;
  border-radius: 11px;
}
.operatorPage .fillterBox .selectBoxWrap .selectBoxInner{
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 11px;
  padding: 2px;
  box-sizing: border-box;
}
.operatorPage .fillterBox .selectBoxWrap .selectBox{
  padding: 13px 0 13px 20px; 
  box-sizing: border-box;
  position: relative;
  align-items: center;
  cursor: pointer;
}
.operatorPage .fillterBox .selectBoxWrap .selectBox .icon{
  margin-right: 14px;
}
.operatorPage .fillterBox .selectBoxWrap .selectBox p{
  color: #187FC4;
  font-size: 20px;
  font-weight: 700;
}
.operatorPage .fillterBox .selectBoxWrap .selectBox .arrow{
  position: absolute;
  top: 50%;
  right: 3%;
  transform: translateY(-50%);
  transition: .3s;
}
.operatorPage .fillterBox .selectBoxInner.on .selectBox .arrow{
  transform: translateY(-50%) rotate(180deg);
}
.operatorPage .fillterBox .selectBoxWrap .filter-groupWrap{
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: .8s;
}
.operatorPage .fillterBox .selectBoxInner.on .filter-groupWrap{
  max-height: 1000px;
}
.operatorPage .fillterBox .selectBoxWrap .filter-groupWrap .box1{
  padding: 17px 0 23px;
  border-top: 1px dashed #C5C5C5;
}
.operatorPage .fillterBox .selectBoxWrap .filter-groupWrap .box1 .titTXt{
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 13px;
  font-family: "BIZ UDGothic", sans-serif;
}
.operatorPage .fillterBox .selectBoxWrap .filter-groupWrap .box1 .filter-group{
  flex-wrap: wrap;
}
.operatorPage .fillterBox .selectBoxWrap .filter-groupWrap .box1 .filter-group button{
  display: block;
  background-color: #fff;
  font-size: 14px;
  font-weight: 700;
  border: none;
  padding: 10px 40px;
  border-radius: 31px;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #A2A2A2;
  border: 1px solid #A2A2A2;
}
.operatorPage .fillterBox .selectBoxWrap .filter-groupWrap .box1 .filter-group button.active{
  color: #000;
  border: 1px solid #000;
}
.operatorPage .fillterBox .selectBoxWrap .filter-groupWrap .box1 .filter-group button:last-child{
  margin-right: 0;
}
@media ( width < 1750px ){
  header h1{
    width: 200px;
  }
  header.pc nav li a{
    font-size: 12px;
  }
}
@media ( width < 1650px ){
  .mainVisual .titTxtWrap{
    width: 25%;
  }
  .topBlock2Inner .titWrap{
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 60px;
  }
  .topBlock2Inner .titWrap .title{
    margin-bottom: 40px;
  }
  .otoiawaseBox{
    padding: 42px 3%;
  }
  .aboutBlock2 .box1 .txtBox h3{
    font-size: 22px;
  }
  .mainVisualInner .subTitArea img.w1920{
    display: none;
  }
  .mainVisualInner .subTitArea img.w1650{
    display: inline;
  }

}
@media ( width < 1440px ){
  header.pc{
    padding: 32px 1% 18px;
  }
  header.pc nav li{
    margin-right: 20px;
  }
  header.pc nav li a .dot{
    margin-left: 3px;
  }
  header.pc .contactBtnWrap .contactBtn.contact{
    width: 137px;
    font-size: 14px;
  }
  header.pc .loginWrap .contactBtn{
    width: 133px;
    font-size: 14px;
  }
  article{
    padding-top: 96px;
  }
  .otoiawaseBox .titleBox h2{
    font-size: 26px;
    margin-right: 25px;
  }
  .otoiawaseBox .titleBox p{
    font-size: 16px;
  }
  .footerContent .footerContentBox1Wrap .footerContentBox1{
    width: 65%;
  }
  .footerContent .footerContentBox1Wrap .footerRight{
    width: 35%;
  }
  .footerContent .footerContentBox1Wrap .footerRight img{
    width: 80%;
  }
  .subPage .subVisualWrap .subVisualInner h2{
    font-size: 34px;
  }
  .memberPage .memberMenu .memberMenuInner{
    gap: 0 20px;
  }
  .subPage2 .subVisualWrap h2{
    font-size: 36px;
  }
  .pickUpWrap .titTxt{
    font-size: 12px;
  }
}
@media ( width < 1280px ){
  header.pc{
    display: none;
  }
  header.sp{
    padding: 10px 1%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    transition: .3s;
  }
  header.sp.down{
    background-color: #fff;
  }
  header.sp h1{
    width: auto;
  }
  header.sp .hbMenuWrap{
    width: 40px;
    height: 40px;
    background-color: #000;
    border-radius: 4px;
  }
  header.sp .hbMenuWrap .hbMenuBtn{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  header.sp .hbMenuWrap .hbMenuBtn span{
    width: 24px;
    height: 2px;
    background-color: #fff;
    display: block;
    margin-bottom: 4px;
  }
  header.sp .hbMenuWrap .hbMenuBtn span:last-child{
    margin-bottom: 0;
  }
  header.sp .hbMenuWrap .hbMenu{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 999;
    background-color: #fff;
    transition: .3s;
  }
  header.sp .hbMenuWrap.on .hbMenu{
    left: 0;
  }
  header.sp .hbMenuWrap .hbMenu .hbMenuHeader{
    background-color: #fff;
    padding: 19px 1% 9px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  header.sp .hbMenuWrap .hbMenu .hbMenuHeader .closeBnt{
    width: 40px;
    height: 40px;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 4px;
  }
  header.sp .hbMenuWrap .hbMenu .hbMenuHeader .closeBnt span{
    width: 24px;
    width: 24px;
    height: 2px;
    background-color: #fff;
    display: block;
  }
  header.sp .hbMenuWrap .hbMenu .hbMenuHeader .closeBnt span:first-child{
    transform: rotate(45deg);
    margin-bottom: -2px;
  }
  header.sp .hbMenuWrap .hbMenu .hbMenuHeader .closeBnt span:last-child{
    transform: rotate(-45deg);
  }
  header.sp .hbMenuWrap .hbMenu .hbMenuContent{
    background-color: #E6E9F0;
    border-radius: 8px 8px 0 0;
    width: 100%;
    height: calc(100% + 103px);
    padding: 46px 5% 106px;
    box-sizing: border-box;
  }
  header.sp .hbMenuWrap .hbMenu .hbMenuContent .hbMenuContentInner nav{
    margin-bottom: 47px;
  }
  header.sp .hbMenuWrap .hbMenu .hbMenuContent .hbMenuContentInner nav li{
    margin-bottom: 16px;
  }
  header.sp .hbMenuWrap .hbMenu .hbMenuContent .hbMenuContentInner nav li:last-child{
    margin-bottom: 0;
  }
  header.sp .hbMenuWrap .hbMenu .hbMenuContent .hbMenuContentInner nav li a{
    font-weight: 500;
    align-items: center;
  }
  header.sp .hbMenuWrap .hbMenu .hbMenuContent .hbMenuContentInner nav li a .dot{
    margin-left: 5px;
    transition: .3s;
  }
  header.sp .hbMenuWrap .hbMenu .hbMenuContent .hbMenuContentInner nav li:hover a .dot{
    transform: scale(1.5);
  }
  header.sp .hbMenuWrap .hbMenu .hbMenuContent .hbMenuContentInner .contactBtnWrap{
    margin-bottom: 67px;
  }
  header.sp .hbMenuWrap .hbMenu .hbMenuContent .hbMenuContentInner .contactBtnWrap .contactBtn{
    width: 159px;
    height: 35px;
    border-radius: 5px;
  }
  header.sp .hbMenuWrap .hbMenu .hbMenuContent .hbMenuContentInner .contactBtnWrap .contactBtn.contact{
    margin-bottom: 16px;
  }
  .mainVisual{
    margin-bottom: 35px;
  }
  .mainVisual .titTxtWrap{
    top: 40px;
    width: 247px;
  }
  .topBlock1 .effectImg.left{
    width: 45%;
  }
  .topBlock1 .effectImg.right{
    width: 45%;
  }
  .topBlock1 p{
    width: 90%;
    margin: 0 auto 94px;
  }
  .topBlock2{
    background: url('/wp-content/themes/a/img/bg_topBlock2_stretch_sp.svg') no-repeat top;
    padding: 16px 0 42px;
  }
  .topBlock2Inner .titWrap{
    margin-left: 0;
  }
  .topBlock2Inner .titWrap .title{
    margin-left: 5%;
  }
  .topBlock2Inner .titWrap .note{
    width: 90%;
    margin: 0 auto;
  }
  .topBlock2Swiper{
    width: 95%;
    margin: 0 7px 0 auto;
  }
  .topBlock2 .pagerBtn{
    top: 0;
  }
  .topBlock3{
    flex-direction: column;
  }
  .topBlock3 .left{
    width: 100%;
    margin-bottom: 36px;
  }
  .topBlock3 .right{
    width: 100%;
  }
  .topBlock3 .right p{
    margin-bottom: 32px;
  }
  .topPage .postList{
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .footerContent .footerText{
    display: none;
  }
  .footerContent .footerContentBox1Wrap .footerRight{
    display: none;
  }
  .footerContent .logoTxt{
    display: block;
  }
  .footerContent{
    flex-direction: column;
  }
  .footerContent .logoTxt{
    width: 90%;
    margin: 0 auto 35px;
  }
  .footerContent .footerContentBox1Wrap{
    width: 90%;
    margin: 0 auto;
  }
  .footerContent .footerContentBox1Wrap .footerContentBox1{
    width: 100%;
  }
  .otoiawaseBox{
    flex-direction: column;
  }
  .otoiawaseBox .titleBox{
    margin-bottom: 10px;
  }
  .subPage .subVisualWrap .subVisualInner .subVisual.pc{
    display: none;
  }
  .subPage .subVisualWrap .subVisualInner .subVisual.sp{
    display: block;
    width: 100%;
  }
  .subPage .subVisualWrap .subVisualInner h2 br.sp{
    display: inline;
  }
  .aboutPage .subVisualWrap .subVisualInner .subTitImg{
    top: 32px;
    right: 5%;
  }
  .aboutBlock2{
    flex-direction: column;
  }
  .aboutBlock2 .left, 
  .aboutBlock2 .right{
    width: 100%;
  }
  .aboutBlock2 .left{
    border-radius: 30px 30px 0 0;
    margin-bottom: 10px;
  }
  .aboutBlock2 .right{
    border-radius: 0 0 30px 30px;
  }
  .aboutBlock1{
    margin-bottom: 49px;
  }
  .aboutBlock1 .effectImgLeft,
  .aboutBlock1 .effectImgRight{
    display: none;
  }
  .aboutBlock1Inner{
    margin-bottom: 35px;
  }
  .effectImgCenter{
    display: inline;
    width: 100%;
  }
  .aboutBlock3 p{
    text-align: left;
  }
  .aboutBlock3 p br{
    display: none;
  }
  .allPage .thePostList{
    grid-template-columns: 1fr 1fr;
    gap: 20px 10px;
  }
  .subPage .subVisualWrap{
    margin-bottom: 60px;
  }
  .subPage .subVisualWrap .subVisualInner{
    margin-bottom: 0;
  }
  .singlePage .pankuzu{
    margin: 0 auto 20px;
  }
  .singlePage .mainContentsWrap{
    flex-direction: column;
    margin: 0 auto 80px;
  }
  .singlePage .mainContents{
    width: 100%;
    margin-bottom: 80px;
  }
  .singlePage aside{
    width: 100%;
    padding-left: 0;
  }
  .singlePage .singleLinkWrap .singleLink.all{
    width: 360px;
  }
  .singlePage aside .sideBer .relationPost{
    padding: 0;
  }
  .singlePage aside .sideBer{
    border-radius: 20px;
  }
  .downloadWrap .download .txtBox{
    margin-right: 14px;
  }
  .dispatchPage .dispatchBlock1 .dispatchBlock1Inner ul{
    grid-template-columns: 1fr 1fr;
    gap: 20px 10px;
  }
  .dispatchPage .dispatchBlock1 .dispatchBlock1Inner h3{
    text-align: center;
  }
  .dispatchPage .dispatchBlock1 .dispatchBlock1Inner h3 br.sp{
    display: inline;
  }
  .dispatchPage .subTitImg{
    top: 32px;
    bottom: auto;
  }
  .dispatchPage .dispatchBlock2 .titWrap{
    margin-bottom: 86px;
  }
  .dispatchPage .dispatchBlock2 ul{
    padding-right: 0;
    margin: 0 auto;
    width: 100%;
  }
  .dispatchPage .dispatchBlock2 ul li .teacherImgWrap{
    width: 140px;
    height: 140px;
    top: 0;
    right: -1%;
  }
  .dispatchPage .dispatchBlock2 ul li .teacherImgWrap:after{
    display: none;
  }
  .dispatchPage .dispatchBlock2 ul li{
    height: auto;
    margin-bottom: 103px;
  }
  .dispatchPage .dispatchBlock2 ul li .listInner{
    padding: 25px 3% 39px;
  }
  .dispatchPage .dispatchBlock2 ul li .listInner .note{
    width: 100%;
  }
  .dispatchPage .dispatchBlock2 ul li .listInner .teacherName{
    flex-direction: column;
  }
  .dispatchPage .dispatchContact{
    flex-direction: column;
    height: auto;
    padding: 40px 3%;
  }
  .dispatchPage .dispatchContact > img{
    display: block;
    margin-bottom: 20px;
    width: 100%;
  }
  .dispatchPage .dispatchContact .txtBox{
    width: 100%;
    padding-left: 0;
  }
  .dispatchPage .dispatchContact .txtBox .graLinkWrap{
    width: 100%;
  }
  .stepBlock ul li .step{
    font-size: 28px;
  }
  .casePage .subTitImg{
    top: 32px;
    bottom: auto;
  }
  .caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap .teacerComment .imgBoxWrap .imgBoxInner{
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
  .caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap .teacerComment .imgBoxWrap .imgBoxInner .imgBox{
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
  .caseStudyPost.authorPage .authorInfoWrap h1{
    width: 96%;
  }
  .caseStudyPost .authorInfoWrap .postDate{
    width: 96%;
  }
  .caseStudyPost .authorInfoWrap .authorName{
    width: 96%;
  }
  .authorPage .authorInfoWrap .contentWrap{
    width: 96%;
  }
  .caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap{
    width: 96%;
  }
  .authorPage .singleLinkContainer .singleLinkWrap{
    width: 100%;
  }
  .mendanWrap{
    flex-direction: column;
    align-items: flex-start;
  }
  .mendanWrap .txtBox{
    margin-bottom: 40px;
  }
  .mendanWrap .hojinLinkWrap{
    width: 100%;
  }
  .allPage .menuWrap{
    flex-flow: column;
    margin-bottom: 40px;
    align-items: flex-start;
  }
  .allPage .menuWrap .catMenu{
    margin-bottom: 40px;
  }
  .operatorPage .productLinkWrap{
    flex-direction: column;
  }
  .operatorPage .productLinkWrap img{
    display: block;
    margin-bottom: 40px;
  }
  .productLinkWrap .txtBox{
    width: 100%;
  }
  .authorPage .productLinkWrap{
    flex-direction: column;
  }
  .productLinkWrap > img{
    display: block;
    margin-bottom: 40px;
  }
  .buyerPage .buyerBlock1 ul li .txtWrap h4{
    font-size: 22px;
  }
  .subPage2 .subVisualWrap h2{
    font-size: 26px;
    text-align: center;
    width: 100%;
  }
  .contactPage .contactWeap .contactInner li{
    flex-direction: column;
    position: relative;
    padding: 40px 0;
  }
  .contactPage .contactWeap .contactInner li:last-child{
    padding: 40px 0 0;
  }
  .contactPage .contactWeap .contactInner li::before{
    display: block;
    content: "";
    height: 3px;
    background-color: #A0A0A0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .contactPage .contactWeap .contactInner li::after{
    display: block;
    content: "";
    width: 177px;
    height: 3px;
    background: linear-gradient(90deg, #E60012 4%, #E60012 32%, #A96268 51%, #187FC4 66%, #187FC4 95%);
    position: absolute;
    top: 0;
    left: 0;
  }
  .contactPage .contactWeap .contactInner li:first-child .inputBox{
    border-top: none;
  }
  .contactPage .contactWeap .contactInner li .title{
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
  .contactPage .contactWeap .contactInner li .title::after{
    display: none;
  }
  .contactPage .contactWeap .contactInner li .inputBox{
    width: 100%;
  }
  .registrationPage .contactWeap .contactInner li:first-child .inputBox{
    padding: 0;
  }
  .downloadWrap .dlIcon{
    top: -50%;
    left: -14px;
    transform: translateY(50%);
  }
  .privacyPage .privacyBlock1 .box{
    flex-direction: column;
  }
  .privacyPage .privacyBlock1 .box h3{
    width: 100%;
    margin-bottom: 20px;
  }
  .privacyPage .privacyBlock1 .box .text{
    width: 100%;
  }
  .loginInner{
    width: 90%;
  }
  .loginInner .titTxt{
    margin-bottom: 80px;
  }
  .operatorPage .fillterBox{
    flex-direction: column;
    align-items: flex-start;
  }
  .operatorPage .fillterBox .selectBoxWrap{
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (width < 1100px){
  .mainVisualInner .subTitArea img.w1920{
    display: inline;
  }
  .mainVisualInner .subTitArea img.w1650{
    display: none;
  }
  .mainVisualInner {
    margin-bottom: 23px;
    height: calc(100vh - 95px);
  }
  .pickUpWrap{
    position: relative;
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
    padding: 0;
    background: none;
  }
  .pickUp{
    border-radius: 13px;
  }
}
@media (width < 820px){
  article{
    padding-top: 60px;
  }
  .mainVisual .mainVisualSlide.pc{
    display: none;
  }
  .mainVisualInner{
    height: calc(100vh - 60px);
  }
  .mainVisual .mainVisualSlide.sp{
    display: block;
    border-radius: 14px;
  }
  .topPage .postList{
    grid-template-columns: 1fr;
    gap: 20px 0;
    margin-bottom: 24px;
  }
  .otoiawaseBox{
    align-items: flex-start;
  }
  .otoiawaseBox .titleBox{
    flex-direction: column;
  }
  .otoiawaseBox .linkBtn1Wrap{
    width: 100%;
    height: 51px;
  }
  .otoiawaseBox .titleBox h2{
    margin-right: 0;
  }
  .otoiawaseBox .linkBtn1Wrap .linkBtn1{
    justify-content: space-between;
    font-size: 14px;
    padding: 0 10%;
    box-sizing: border-box;
  }
  .otoiawaseBox .linkBtn1Wrap .linkBtn1 .icon{
    margin-right: 0;
    width: 20px;
  }
  .linkBtn1Wrap .linkBtn1 .dot{
    margin-left: 0;
  }
  .footerContent{
    padding: 34px 0;
  }
  .footerContent .footerContentBox1Wrap .footerContentBox1 .navList{
    flex-direction: column;
  }
  .footerContent .footerContentBox1Wrap .footerContentBox1 .navList.no1{
    margin-bottom: 19px;
  }
  .footerContent .footerContentBox1Wrap .footerContentBox1 .navList li{
    margin-right: 0;
    margin-bottom: 19px;
  }
  .footerContent .footerContentBox1Wrap .footerContentBox1 .navList li:last-child{
    margin-bottom: 0;
  }
  .footerContent .footerContentBox1Wrap .footerContentBox1 .contactBtnWrap{
    flex-direction: column;
    margin-bottom: 50px;
  }
  .footerContent .footerContentBox1Wrap .footerContentBox1 .contactBtnWrap .contactBtn.contact{
    width: 159px;
    margin-bottom: 16px;
    margin-right: 0;
  }
  .footerContent .footerContentBox1Wrap .footerContentBox1 .contactBtnWrap .contactBtn.login{
    width: 159px;
  }
  .footerContent .footerContentBox1Wrap .footerContentBox1 .pickupList{
    grid-template-columns: 1fr;
    gap: 16px 0;
    margin-bottom: 31px;
  }
  header.sp h1{
    width: 148px;
  }
  header.sp .hbMenuWrap .hbMenu .hbMenuHeader .logo{
    width: 148px;
  }
  .pickUpWrap{
    padding: 0;
  }
  .pickUp{
    padding: 17px 0 32px;
    border-radius: 13px;
  }
  .pickUpWrap .titTxt{
    position: absolute;
    top: 17px;
    right: 1%;
    writing-mode: vertical-rl;
  }
  .pickUpWrap .titTxt img{
    margin-right: 0;
    transform: rotate(90deg);
    margin-bottom: 17px;
  }
  .pickUpWrap ul{
    grid-template-columns: 1fr;
    gap: 11px 0;
    width: 70%;
    margin: 0 auto;
  }
  .topBlock1 .uniIcon{
    width: 84px;
    margin-bottom: 17px;
  }
  .topBlock1 h2{
    font-size: 26px;
    margin-bottom: 24px;
  }
  .topBlock1 p{
    font-size: 16px;
    line-height: 34px;
    margin-bottom: 49px;
  }
  br.sp{
    display: inline;
  }
  .topBlock1 .graph.pc{
    display: none;
  }
  .topBlock1 .graph.sp{
    width: 100%;
    display: block;
    margin-bottom: 19px;
  }
  .linkBtn1Wrap{
    height: 50px;
  }
  .topBlock3{
    margin-bottom: 53px;
  }
  .topBlock3 .right h2{
    font-size: 26px;
  }
  .topBlock5{
    margin-bottom: 71px;
  }
  .topBlock5 .titleWrap h2{
    font-size: 26px;
  }
  .topBlock5 .titleWrap .linkBtn1Wrap.pc{
    display: none;
  }
  .topBlock5 .linkBtn1Wrap.sp{
    display: flex;
  }
  .aboutPage .subVisualWrap .subVisualInner .subTitImg{
    width: 104px;
  }
  .aboutBlock1Inner .markerTitWrap{
    margin-bottom: 17px;
  }
  .aboutBlock1Inner .markerTitWrap h3{
    line-height: 2.5;
    font-size: 24px;
  }
  .aboutBlock2{
    margin-bottom: 46px;
  }
  .aboutBlock2 .box1 img{
    display: none;
  }
  .aboutBlock2 .left .box1 .txtBox{
    width: 100%;
    padding-left: 0;
  }
  .aboutBlock2 .left .box1 .txtBox h3{
    text-align: left;
  }
  .aboutBlock2 .left .box1 .txtBox .obiTxt{
    margin: 0 0 9px 0;
  }
  .aboutBlock2 .left .box1 .txtBox .text{
    text-align: left;
  }
  .aboutBlock2 .box1 .txtBox .text br{
    display: none;
  }
  .aboutBlock2 .right .box1 .txtBox{
    width: 100%;
    padding-right: 0;
  }
  .aboutBlock3{
    margin-bottom: 92px;
  }
  .aboutBlock3 h3{
    text-align: center;
    font-size: 22px;
  }
  .aboutBlock3 .miyakoLogo{
    width: 90%;
    margin-bottom: 13px;
  }
  .bnrBlock{
    margin-bottom: 80px;
  }
  .bnrBlock .bnrWrap{
    grid-template-columns: 1fr;
    gap: 24px 0;
    margin-bottom: 35px;
  }
  .bnrBlock .linkWrap{
    grid-template-columns: 1fr;
    gap: 12px 0;
    width: 100%;
  }
  .bnrBlock .linkWrap .jigyosyaLink{
    height: 72px;
  }
  .bnrBlock .linkWrap .jigyosyaLink:first-child img{
    width: 45px;
  } 
  .bnrBlock .linkWrap .jigyosyaLink:last-child img{
    width: 40px;
  }
  .allPage .menuWrap .catMenu{
    flex-direction: column;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
  }
  .allPage .menuWrap .sort{
    width: 100%;
    box-sizing: border-box;
  }
  .allPage .thePostList{
    grid-template-columns: 1fr;
    gap: 20px 0;
    margin-bottom: 80px;
  }
  .allPage .thePostListWrap{
    margin-bottom: 80px;
  }
  .singlePage .singleLinkWrap{
    flex-wrap: wrap;
  }
  .singlePage .singleLinkWrap .singleLink.prev{
    order: 2;
    width: 48%;
  }
  .singlePage .singleLinkWrap .singleLink.next {
    order: 3;
    width: 48%;
  }
  .singlePage .singleLinkWrap .singleLink.all{
    width: 100%;
    margin-bottom: 20px;
  }
  .joinBox{
    margin-bottom: 80px;
  }
  .joinBox .txtBox .titTxt{
    font-size: 18px;
  }
  .joinBox .txtBox .joinLinkWrap{
    width: 90%;
    margin: 0 auto;
    height: 61px;
  }
  .downloadWrap .download{
    flex-direction: column;
    padding: 40px 3%;
    box-sizing: border-box;
  }
  .downloadWrap .download .txtBox{
    margin-right: 0;
    margin-bottom: 20px;
  }
  .downloadWrap .download .txtBox .titTxt{
    text-align: center;
  }
  .downloadWrap .download .dlLInkWrap{
    width: 100%;
    height: 50px;
  }
  .downloadWrap .dlIcon{
    top: -25%;
    left: -14px;
    transform: translateY(50%);
  }
  .singlePage.trainingVideo .movieTeacher{
    flex-direction: column;
    padding: 40px 0 40px;
  }
  .singlePage.trainingVideo .movieTeacher .titWrap{
    width: 100%;
  }
  .singlePage.trainingVideo .movieTeacher .titWrap:after{
    height: 2px;
    width: 90%;
    top: 100%;
    right: auto;
    transform: translateY(0);
    background: linear-gradient(90deg, #E60012 4%, #E60012 32%, #A96268 51%, #187FC4 66%, #187FC4 95%);
  }
  .singlePage.trainingVideo .movieTeacher .titWrap p{
    writing-mode: horizontal-tb;
  }
  .singlePage.trainingVideo .movieTeacher .movieTeacherInner{
    width: 100%;
  }
  .singlePage.trainingVideo .movieTeacher .movieTeacherInner{
    flex-direction: column;
  }
  .singlePage.trainingVideo .movieTeacher .movieTeacherInner .imgBoxWrap{
    width: 100%;
    margin-bottom: 20px;
  }
  .singlePage.trainingVideo .movieTeacher .movieTeacherInner .teacherDetail{
    width: 100%;
    padding-left: 0;
  }
  .dispatchPage .subTitImg{
    width: 104px;
  }
  .dispatchPage .dispatchBlock1{
    border-radius: 20px;
    margin-bottom: 80px;
  }
  .dispatchPage .dispatchBlock1 .dispatchBlock1Inner{
    border-radius: 20px;
    padding: 60px 3%;
  }
  .dispatchPage .dispatchBlock1 .dispatchBlock1Inner h3{
    font-size: 18px;
  }
  .dispatchPage .dispatchBlock2 h3{
    font-size: 18px;
  }
  .dispatchPage .dispatchBlock2 ul li{
    margin-bottom: 80px;
  }
  .dispatchPage .dispatchBlock2 ul li .teacherImgWrap{
    width: 100px;
    height: 100px;
  }
  .dispatchPage .dispatchBlock2 ul li .listInner{
    padding: 60px 3%;
  }
  .dispatchPage .dispatchBlock3 h3{
    font-size: 18px;
  }
  .subPage .subVisualWrap .subVisualInner h2{
    padding: 34px 50px 0 0;
    font-size: 24px;
  }
  .subPage .subVisualWrap .pankuzu{
    display: none;
  }
  .dispatchPage .dispatchBlock1 .dispatchBlock1Inner ul{
    grid-template-columns: 1fr;
    gap: 20px 0;
  }
  .dispatchPage .dispatchBlock2 ul li .listInner .teacherName{
    align-items: flex-start;
    font-size: 20px;
  }
  .dispatchPage .dispatchBlock2 ul li .listInner .teacherName span{
    margin-left: 0;
  }
  .stepBlock ul li{
    flex-direction: column;
    margin-bottom: 60px;
  }
  .stepBlock ul li .step{
    width: fit-content;
    margin-bottom: 20px;
  }
  .stepBlock ul li .txtBoxWrap{
    flex-direction: column;
    margin-left: 0;
    width: 100%;
  }
  .stepBlock ul li .iconWrap{
    margin: 0 auto 20px;
    width: 70px;
  }
  .stepBlock ul li .txtBox{
    width: 100%;
    padding-left: 0;
  }
  .stepBlock ul li .iconWrap:after{
    display: none;
  }
  .stepBlock ul li .txtBox h4{
    text-align: center;
    font-size: 16px;
  }
  .stepBlock ul li .txtBox p{
    font-size: 14px;
  }
  .dispatchPage .dispatchBlock3{
    margin-bottom: 80px;
  }
  .dispatchPage .dispatchContact{
    margin-bottom: 80px;
  }
  .casePage .subTitImg{
    width: 104px;
  }
  .authorPage .authorInfoWrap{
    border-radius: 0 0 20px 20px;
    margin-bottom: 80px;
  }
  .authorPage .singleLinkContainer .singleLinkWrap{
    width: 90%;
  }
  .caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap .teacerComment{
    flex-flow: column;
    padding: 27px 5%;
  }
  .caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap .teacerComment .imgBoxWrap{
    margin-bottom: 40px;
    width: 50%;
  }
  .caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap .teacerComment .txtBox{
    width: 100%;
    padding: 0;
  }
  .caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap .teacerComment .txtBox .teacherName{
    text-align: right;
  }
  .caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap .teacerComment .txtBox .teacherComment{
    font-size: 16px;
  }
  .caseStudyPost.authorPage .authorInfoWrap .teacerCommentWrap .teacerComment .txtBox .teacherName{
    font-size: 16px;
  }
  .authorListWrap ul{
    grid-template-columns: 1fr;
    gap: 20px 0;
  }
  .mendanWrap{
    margin-bottom: 80px;
  }
  .operatorPage .productLinkWrap img{
    width: 100%;
  }
  .productLinkWrap .txtBox .productLink{
    width: 100%;
  }
  .productLinkWrap .txtBox .titTxt{
    font-size: 15px;
  }
  .operatorPage .productLinkWrap{
    margin-bottom: 80px;
  }
  .authorPage .authorOutLine .authorDetail li{
    flex-direction: column;
  }
  .authorPage .authorOutLine .authorDetail li .text{
    word-break: break-all;
  }
  .authorPage .authorOutLine{
    width: 96%;
    margin-bottom: 80px;
  }
  .productLinkWrap > img{
    width: 100%;
  }
  .productLinkWrap .txtBox .text br{
    display: none;
  }
  .mendanWrap .hojinLinkWrap{
    height: 51px;
  }
  .stepBlock ul li{
    flex-direction: column;
  }
  .buyerPage.subPage .subVisualWrap .subVisualInner h2{
    bottom: 0;
  }
  .buyerPage .buyerBlock1 ul li{
    flex-direction: column;
  }
  .buyerPage .buyerBlock1 ul li img{
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
  .buyerPage .buyerBlock1 ul li .txtWrap{
    width: 100%;
    padding-left: 0;
  }
  .buyerPage section .titWrap h3{
    font-size: 20px;
  }
  .buyerPage .buyerBlock1 ul li .txtWrap h4{
    font-size: 18px;
  }
  .buyerPage .buyerBlock2 ul{
    grid-template-columns: 1fr;
    gap: 20px 0;
  }
  .buyerPage .buyerBlock2 ul li img{
    margin-bottom: 10px;
  }
  .buyerPage .buyerBlock2 ul li p{
    font-size: 16px;
  }
  .buyerPage .buyerContact{
    flex-direction: column;
    height: auto;
    padding: 40px 5%;
  }
  .buyerPage .buyerContact .titTxt{
    font-size: 24px;
    margin-bottom: 20px;
  }
  .buyerPage .buyerContact .linkBtn1Wrap{
    width: 100%;
    height: 50px;
  }
  .buyerPage .buyerBlock1{
    margin-bottom: 80px;
  }
  .buyerPage .buyerBlock2{
    margin-bottom: 80px;
  }
  .buyerPage .buyerBlock3{
    margin-bottom: 80px;
  }
  .buyerPage .buyerContact{
    margin-bottom: 80px;
  }
  .buyerPage .buyerContact .titTxt{
    width: 100%;
    font-size: 20px;
  }
  .buyerPage .buyerContact .titTxt br{
    display: none;
  }
  .subPage2 .subVisualWrap{
    height: 40vw;
    border-radius: 20px;
  }
  .memberPage .memberMenu .memberMenuInner{
    grid-template-columns: 1fr;
    gap: 20px 0;
  }
  .memberPage .pankuzu{
    margin-bottom: 80px;
  }
  .memberPage .memberMenu{
    margin-bottom: 80px;
  }
  .memberPage .memberMenu .memberMenuInner .menuBox .menuTxt{
    font-size: 18px;
  }
  .memberPage .memberMenu .memberMenuInner .menuBox{
    height: 187px;
  }
  .subPage2 .subVisualWrap h2{
    font-size: 18px;
  }
  .contactPage .contactWeap .contactInner li .title{
    font-size: 18px;
  }
  .contactPage .contactWeap .contactInner li .inputBox .uploadBox .titTxt{
    font-size: 16px;
  }
  .registrationPage .contactWeap{
    margin-bottom: 80px;
  }
  .contactPage .submitBox{
    width: 100%;
    height: 50px;
  }
  .registrationPage .downloadWrap{
    margin-bottom: 80px;
  }
  .otoiawasePage .pankuzu{
    margin-bottom: 80px;
  }
  .otoiawasePage.contactPage .contactWeap{
    margin-bottom: 80px;
  }
  .topBlock2Inner .titWrap .title{
    margin-bottom: 27px;
  }
  .topBlock2Inner .titWrap img{
    width: 35px;
    margin-right: 8px;
  }
  .topBlock2Inner .titWrap h2{
    font-size: 28px;
    margin-right: 0;
  }
  .topBlock2 .pagerBtn .swiper-button-prev, 
  .topBlock2 .pagerBtn .swiper-button-next{
    width: 23px;
    height: 23px;
  }
  .topBlock2 .pagerBtn .swiper-button-prev{
    margin-right: 20px;
  }
  .topBlock2 .pagerBtn .swiper-button-prev::after, 
  .topBlock2 .pagerBtn .swiper-button-next::after{
    font-size: 10px;
  }
  .topBlock1{
    margin-bottom: 91px;
  }
  .topBlock2Inner .topBlock2Swiper li a .caseTitWrap{
    padding: 23px 2em 0px 1em;
  }
  .topBlock2Inner .topBlock2Swiper li a .caseTitWrap h3{
    font-size: 14px;
  }
  .topBlock2Inner .topBlock2Swiper li a .caseTitWrap p{
    font-size: 10px;
  }
  .privacyPage .privacyBlock1 .box h3{
    font-size: 18px;
  }
  .privacyPage .privacyBlock1 .box .text{
    font-size: 14px;
  }
  .loginInner .success{
    font-size: 15px;
  }
}