/*
Theme Name: マイキャリLP
Description: マイキャリLP
Version: 1.1
Author: my.cmindcareer.co.jp
*/




html{
font-size:62.5%;
}


body{
 font-size:1.6rem;/* 16px*/
}



html {
  font-feature-settings: "palt";
  scroll-behavior: smooth;
}
body, h1, h2, h3, h4, h5, h6, p, td, th, ol, ul, li, dl, dt, dd, form, pre {
		margin:0;
	padding:0;
  font-family: "helvetica-neue-lt-pro", 'Noto Sans JP', sans-serif;
  color: #000;
 font-weight: 400;
	font-size: 1.6rem;
  letter-spacing: 0.08em;
		word-break:break-all;
	word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img {
  max-width: 100%;
  height: auto;
}
a {
  text-decoration: none;
  font-weight: bold;
}
p {
  line-height: 1.8rem;
}

body{
	line-height:2;
}

@media screen and (max-width: 768px) {
body{
	line-height:1.8;
}
}


ul,li{
list-style:none;
}



table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	
}
img {
max-width:100%;
	vertical-align:bottom;
	border: none;
}

a:link {
-webkit-transition: all .3s;
	transition: all .3s;
opacity:1;
	color: #181818;
	text-decoration:underline;
}
a:visited {
	color: #181818;
}
a:active,
a:hover {
opacity:0.6;
	color: #181818;
	text-decoration:none;
}



/* ========================================
   stationery header
======================================== */

#stationery-header {
  position: relative;
  z-index: 1000;
  width: 100%;
  background: #fff;

}

.stationery-header-inner {
  width: min(100% - 64px, 1840px);
  min-height: 160px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}

/* logo area
------------------------------ */

.stationery-header-logo {
  flex-shrink: 0;
  display: block;
  line-height: 0;
}

.stationery-header-logo img {
  display: block;
  width: clamp(240px, 26vw, 320px);
  height: auto;
}


/* navigation
------------------------------ */

.stationery-header-nav {
  display: flex;
  align-items: center;
  gap: clamp(36px, 4vw, 78px);
}

.stationery-header-nav-list {
  display: flex;
  align-items: center;
  gap: clamp(34px, 3.5vw, 70px);
  margin: 0;
  padding: 0;
  list-style: none;
}

.stationery-header-nav-list a {
  position: relative;
  display: inline-block;
  color: #111;
  font-size: clamp(1.6rem, 1.2vw, 2rem);
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  white-space: nowrap;
  transition:
    color 0.25s ease,
    transform 0.25s ease;
}

.stationery-header-nav-list a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 3px;
  margin-inline: auto;
  background: #19afe0;
  border-radius: 999px;
  transition: width 0.25s ease;
}

.stationery-header-nav-list a:hover {
  color: #19afe0;
  transform: translateY(-2px);
}

.stationery-header-nav-list a:hover::after {
  width: 100%;
}

/* CTA
------------------------------ */

.stationery-header-cta {
  min-width: 330px;
  padding: 22px 38px;
  display: flex;
  align-items: center;
  justify-content: center;
    text-decoration: none !important;
    color: #fff !important;
  background: linear-gradient(90deg, #ff8500 0%, #ffb313 100%);
  border: 4px solid #fff;
  border-radius: 999px;
  box-shadow: 0 8px 10px rgb(58 33 6 / 6%);
  font-size: clamp(16px, 1.25vw, 23px);
  font-weight: 800;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
	        box-sizing: border-box;
}

.stationery-header-cta:hover {
  transform: translateY(-3px);
  filter: brightness(1.04);
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.2),
    0 0 0 1px rgba(255, 144, 0, 0.2);
}

/* menu button
------------------------------ */

.stationery-header-menu-button {
  display: none;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.stationery-header-menu-button span {
  display: block;
  width: 30px;
  height: 3px;
  margin: 6px auto;
  background: #111;
  border-radius: 999px;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}

/* tablet
------------------------------ */

@media screen and (max-width: 1280px) {
  .stationery-header-inner {
    width: min(100% - 40px, 1200px);
    min-height: 140px;
    gap: 28px;
  }

  .stationery-header-logo {
    gap: 14px;
  }

  .stationery-header-logo-main {
    width: 160px;
  }

  .stationery-header-nav {
    gap: 30px;
  }

  .stationery-header-nav-list {
    gap: 28px;
  }

  .stationery-header-cta {
         min-width: 250px;
        padding: 12px 22px;
  }
}

/* smartphone
------------------------------ */

@media screen and (max-width: 960px) {
  .stationery-header-inner {
    position: relative;
    width: calc(100% - 32px);
    min-height: 88px;
    gap: 16px;
  }

  .stationery-header-logo {
    gap: 10px;
  }


  .stationery-header-menu-button {
    display: block;
    flex-shrink: 0;
  }

  .stationery-header-nav {
    position: absolute;
    top: 100%;
    right: -16px;
    left: -16px;
    display: grid;
    gap: 24px;
    padding: 28px 24px 32px;
    background: #fff;
    border-top: 1px solid #eee;
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.12);
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    transition:
      visibility 0.3s ease,
      opacity 0.3s ease,
      transform 0.3s ease;
  }

  .stationery-header-nav.is-open {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  .stationery-header-nav-list {
    display: grid;
    gap: 0;
  }

  .stationery-header-nav-list li {
    border-bottom: 1px solid #eee;
  }

  .stationery-header-nav-list a {
    width: 100%;
    padding: 16px 4px;
    font-size: 16px;
  }

  .stationery-header-nav-list a::after {
    display: none;
  }

  .stationery-header-cta {
    width: 100%;
    min-width: 0;
    padding: 17px 24px;
    font-size: 16px;
  }

  .stationery-header-menu-button.is-open span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
  }

  .stationery-header-menu-button.is-open span:nth-child(2) {
    opacity: 0;
  }

  .stationery-header-menu-button.is-open span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
  }
}

@media screen and (max-width: 520px) {
  .stationery-header-inner {
    min-height: 76px;
  }

  .stationery-header-logo-main {
    width: 90px;
  }

  .stationery-header-campaign-en {
    font-size: 12px;
  }

  .stationery-header-campaign-sub {
    font-size: 8px;
  }
}




/*======================================
footer
======================================*/

#stationery-footer{
    padding:160px 20px 160px;
    background:#fff;
    text-align:center;
}

.stationery-footer-logo{
    display:inline-block;
    margin-bottom:55px;
}

.stationery-footer-logo img{
    display:block;
    width: 330px;
    height:auto;
}

.stationery-footer-copy{
    font-size:1.2rem;
}

@media screen and (max-width:768px){

#stationery-footer{
    padding:70px 20px 50px;
}

.stationery-footer-logo{
    margin-bottom:35px;
}

.stationery-footer-logo img{
    width:240px;
}

.stationery-footer-copy{
    font-size:1rem;
}

}




#main{
	overflow:hidden;
}


/*==================================================
FV
==================================================*/

#stationery-fv {
    width: min(calc(100% - 40px), 1480px);
    margin-inline: auto;
    padding: 0px 0;
    box-sizing: border-box;

}

.stationery-fv-inner{
    position:relative;
    margin:0 auto;
    background:#17a9e5;
    border-radius:22px;
  /* ここはvisible */
  overflow: visible;
}

/* 背景だけ切り抜く */

.stationery-fv-bg-layer {
  position: absolute;
  z-index: 1;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  pointer-events: none;
}


/* 通常フロー部分 */
.stationery-fv-content{
    position:relative;
    z-index:10;

    width:72%;
    height:100%;
    margin:0 auto;

    display:flex;
    flex-direction:column;
    align-items:center;

    padding-top:10%;
    padding-bottom:10%;
    box-sizing:border-box;
}

/* キャッチ */
.stationery-fv-catch{
    width:78%;
    flex-shrink:0;
}

.stationery-fv-catch img{
    display:block;
    width:100%;
    height:auto;
}

/* メインタイトル */
.stationery-fv-title{
    width: 92%;
    margin: 2% 0 5%;
    flex-shrink:0;
}

.stationery-fv-title img{
    display:block;
    width:100%;
    height:auto;
}

/* 下部を残りスペースの最下部へ */
.stationery-fv-bottom{
    width:100%;
    margin-top:auto;
}

/* 条件3つ */
.stationery-fv-conditions{
    display:flex;
    align-items:stretch;
    justify-content:center;
    width:82%;
    margin:0 auto 5%;
}

.stationery-fv-condition{
    position:relative;
    flex:1;
    padding:0 4%;
    color:#fff;
    text-align:center;
}

.stationery-fv-condition + .stationery-fv-condition::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:2px;
    background:rgba(255,255,255,.8);
}

.stationery-fv-condition img{
    display:block;
    width:64px;
    height:64px;
    margin:0 auto 10px;
    object-fit:contain;
}

.stationery-fv-condition span{
    display:block;
    font-size:clamp(14px,1.4vw,24px);
    font-weight:800;
    line-height:1.4;
    white-space:nowrap;
}

/* CTA */
.stationery-fv-cta{
    width:62%;
    min-height:90px;
    margin:0 auto;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff !important;
    background:linear-gradient(90deg,#ff8400 0%,#ffb615 100%);
    border:4px solid #fff;
    border-radius:999px;
text-decoration:none !important;
    box-shadow:0 10px 22px rgba(0,0,0,.18);

    font-size:clamp(18px,1.8vw,30px);
    font-weight:700;
    text-decoration:none;
}

/* 装飾だけabsolute */
.stationery-fv-item,
.stationery-fv-person{
    position:absolute;
    z-index:6;
    display:block;
    height:auto;
    pointer-events:none;
}

.stationery-fv-binder{
    top:26%;
    left:2%;
    width:14%;
}

.stationery-fv-paper{
    left:-2%;
    bottom:32%;
    width:14%;
}

.stationery-fv-pen{
    right:5%;
    bottom:30%;
    width:12%;
}

.stationery-fv-man{
    top:12%;
    right:5%;
    width:11%;
}

.stationery-fv-woman{
    left:6%;
    bottom:4%;
    width:11%;
}

/*==================================================
背景
==================================================*/

.stationery-fv-inner::before {
    content: "";
    position: absolute;
    inset: 0;
    display: block;
	width:100%;
	height:100%;
    background: url(/wp-content/uploads/stationery/fv-bg.png) no-repeat center center;
	background-size:140%;
}

.stationery-fv-inner::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(255, 255, 255, 0.06),
            transparent 46%
        );
    pointer-events: none;
}

/*==================================================
背景装飾
==================================================*/

/* 背景装飾 共通 */
.stationery-fv-deco{
    position:absolute;
    z-index:3;
    display:block;
    height:auto;
    pointer-events:none;
    user-select:none;
    transform-origin:center;
}

/* 左上 */
.stationery-fv-deco-top-left{
     top: -10%;
    left: -10%;
    width: 42%;
}

/* 右上 */
.stationery-fv-deco-top-right{
      top: -10%;
    right: 0;
    width: 24%;
}

/* 左下 */
.stationery-fv-deco-bottom-left{
    bottom: -10%;
    left: -8%;
    width: 30%;
}

/* 右下 */
.stationery-fv-deco-bottom-right{
    right: -8%;
    bottom: -10%;
    width: 27%;
}

/*==================================================
白ドット
==================================================*/

.stationery-fv-dot{
    position:absolute;
    z-index:2;
    display:block;
    width:18%;
    height:auto;
    pointer-events:none;
    user-select:none;
}

/* 右上 */
.stationery-fv-dot-top-right{
    top:-5%;
    right:10%;
    transform:rotate(0deg);
}

/* 左下 */
.stationery-fv-dot-bottom-left{
    bottom:-5%;
    left:8%;
    transform:rotate(0deg);
}


/*==================================================
桜・花びら
==================================================*/

.stationery-fv-sakura{
    position:absolute;
    z-index:7;
    display:block;
    height:auto;
    pointer-events:none;
    user-select:none;
    transform-origin:center;
}


/* 桜の花 01：左上 */
.stationery-fv-sakura01{
    top:15%;
    left:5%;
    width:5.5%;
}

/* 桜の花 02：右上 */
.stationery-fv-sakura02{
    top:13%;
    right:20%;
    width:5%;
}

/* 桜の花 03：右下 */
.stationery-fv-sakura03{
    right:12%;
    bottom:20%;
    width:5.5%;
}


/* 花びら 01：キャッチ左下 */
.stationery-fv-petal01{
    top:28%;
    left:20%;
    width:2.2%;
    transform:rotate(-25deg);
}

/* 花びら 02：タイトル左 */
.stationery-fv-petal02{
    top:48%;
    left:11%;
    width:2%;
    transform:rotate(25deg);
}

/* 花びら 03：右中央 */
.stationery-fv-petal03{
    top:46%;
    right:7%;
    width:2%;
    transform:rotate(-35deg);
}

/* 花びら 04：CTA右上 */
.stationery-fv-petal04{
    right:9%;
    bottom:29%;
    width:2.2%;
    transform:rotate(20deg);
}



/*==================================================
初期表示
GSAP読込前のちらつき防止
==================================================*/

.js-fv-catch,
.js-fv-title,
.js-fv-binder,
.js-fv-paper,
.js-fv-pen,
.js-fv-man,
.js-fv-woman,
.js-fv-conditions,
.js-fv-cta,
.js-fv-deco,
.js-fv-dot,
.js-fv-sakura{
    visibility:hidden;
}

/*==================================================
タブレット
==================================================*/

@media screen and (max-width: 1100px) {

    #stationery-fv {
        padding-inline: 14px;
    }

    .stationery-fv-inner {
        border-radius: 18px;
    }

    .stationery-fv-condition {
        padding-inline: 20px;
    }

    .stationery-fv-condition img {
        width: 55px;
        height: 55px;
    }

    .stationery-fv-cta {
        min-height: 75px;
    }

}

/*==================================================
スマホ
==================================================*/

@media screen and (max-width: 768px) {

    #stationery-fv {
        padding: 0px 0px 0px;
    }

    .stationery-fv-inner {
        border-radius: 14px;
    }
	
	  .stationery-fv-content{
        width:84%;
 padding-top: 14%;
        padding-bottom: 14%;
    }

    .stationery-fv-catch{
        width:88%;
    }

    .stationery-fv-title{
        width:100%;
        margin-top:5%;
    }

    .stationery-fv-conditions{
        width:92%;
        margin-bottom:6%;
    }

    .stationery-fv-condition{
        padding:0 4%;
    }

    .stationery-fv-condition img{
        width:40px;
        height:40px;
        margin-bottom:4px;
    }

    .stationery-fv-condition span{
        font-size:1.4rem;
    }

    .stationery-fv-cta{
        width:78%;
        min-height:54px;
        border-width:2px;
        font-size:13px;
    }

    .stationery-fv-condition + .stationery-fv-condition::before {
        width: 1px;
    }

  

    .stationery-fv-sakura01,
    .stationery-fv-sakura02,
    .stationery-fv-sakura03 {
        width: 7%;
    }
	
	.stationery-fv-person {
    z-index: 12;
	}
	
	.stationery-fv-man{
     top: 11%;
    right: -1%;
    width: 11%;
}

.stationery-fv-woman{
    left: 2%;
    bottom: 4%;
    width: 10.5%;
}
	
	

}




#message{
    position:relative;
    padding: 50px 0;
}

#message,
#campaign-section,
.campaign-wrap{
  position:relative;
}

#campaign-section{
margin: auto;
    padding: clamp(70px, 8vw, 130px) clamp(30px, 7vw, 120px);
    width: min(calc(100% - 40px), 1480px);
    box-sizing: border-box;
	
}

.campaign-wrap{
display: block;
    text-align: center;
}

.campaign-wrap{
  overflow:visible;
}

.message-deco{
  position:absolute;
  z-index:2;
  display:block;
  height:auto;
  pointer-events:none;
  user-select:none;
  visibility:hidden;
}

/* 右上 */

.message-deco-top{
  top:5%;
  right:-2%;
  width:20%;
}

/* 左下 */

.message-deco-bottom{
  left:-10%;
  bottom:-5%;
  width: 20%;
}





.campaign-inner{
       max-width: 930px;
    text-align: left;
    display: inline-block;
	 position:relative;
  z-index:3;
}

.campaign-title{
    display: flex;
    align-items: center;
    gap: 28px;
    margin-bottom: 60px;
    font-size: clamp(2.4rem, 3.2vw, 4.6rem);
    font-weight: 700;
	line-height: 1.2;
}

.campaign-title span{
     width: 80px;
    height: 1px;
    background: #000;
}

.campaign-text p{
margin-bottom: 34px;
    font-size: clamp(1.6rem, 1.6vw, 2.4rem);
    font-weight: 700;
    line-height: 2.0;
}

.campaign-text span{
    color:#36B8F4;
}

.campaign-illust{
    margin-top:90px;
    text-align:center;
}

.campaign-illust img{
    width: 100%;
    max-width: 500px;
}

/* 飾り */

.campaign-decoration{
    position:absolute;
    width:220px;
}

.campaign-decoration-top{
    right:0;
    top:320px;
}

.campaign-decoration-bottom{
    left:0;
    bottom:180px;
    transform:rotate(180deg);
}

.js-message-title,
.js-message-paragraphs > p,
.js-message-illust {
  visibility: hidden;

}



/* SP */

@media(max-width:768px){

	 .message-deco-top{
top:-2%;
    right:-5%;
    width:26%;
  }

  .message-deco-bottom{
    left:-5%;
    bottom:0;
    width: 30%;
  }
	
	
#message{
    padding:20px 0;
}
	
	  #campaign-section {
        width: calc(100% - 30px);
        padding: 45px 20px 45px;
    }
	
	

.campaign-title{
    margin-bottom:30px;
    gap: 18px;
	
	}

.campaign-title span{
    width:60px;
}

.campaign-text p{
        font-size: 1.7rem;
        line-height: 2;
        margin-bottom: 22px;
}
	.campaign-text p br {
    display: none;
}

.campaign-illust{
    margin-top:30px;
}

.campaign-illust img{
    width:280px;
}

.campaign-decoration{
    width:110px;
}

.campaign-decoration-top{
    top:240px;
}

.campaign-decoration-bottom{
    bottom:120px;
}

}



/*======================================
USE CASE
======================================*/

#usecase{
     background: #e8f8ff;
    width: min(calc(100% - 40px), 1480px);
    margin-inline: auto;
    padding: clamp(70px, 8vw, 130px) clamp(30px, 7vw, 120px);
    border-radius: 40px;
    box-sizing: border-box;
}

#usecase .stationery-inner{
    max-width:1200px;
    margin:auto;
}

/*--------------------------------------
見出し
--------------------------------------*/

.stationery-heading{
    margin-bottom:clamp(50px, 6vw, 90px)
}

.stationery-heading .en{
    display:inline-block;
    padding:12px 36px;
    border-radius:50px;
    background:#12b7e8;
    color:#fff;
    font-size:2rem;
    font-weight:700;
    line-height:1;
}

.h2-midashi{
    margin-top:20px;
    font-size:5.4rem;
	font-weight:700;
    line-height:1.3;
}

.stationery-heading .h2-midashi span{
    color:#12b7e8;
}

#usecase-label{
	background: #12b7e8;
}

/*--------------------------------------
カード
--------------------------------------*/

.usecase-card {
  width: 100%;
}

/* 上部 */
.usecase-paper-top {
  width: 100%;
  height: clamp(24px, 3vw, 46px);

  background:
    url("/wp-content/uploads/stationery/usecase-paper-top.png")
    center top / 100% 100%
    no-repeat;
}

/* 中央：ここがコンテンツ量に合わせて伸びる */
.usecase-paper-middle {
 display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(40px, 5vw, 90px);
    min-height: 0;
    padding: 40px 60px 40px 100px;
    background: url(/wp-content/uploads/stationery/usecase-paper-middle.png) left top / 100% auto repeat-y;
}

.usecase-paper-middle{
    background-image:url(/wp-content/uploads/stationery/usecase-paper-middle-left.png);
}

.usecase-card.reverse .usecase-paper-middle{
	   padding: 40px 100px 40px 60px;
    background-image:url(/wp-content/uploads/stationery/usecase-paper-middle-right.png);
}


/* 下部 */
.usecase-paper-bottom {
  width: 100%;
  height: clamp(24px, 3vw, 46px);

  background:
    url("/wp-content/uploads/stationery/usecase-paper-bottom.png")
    center bottom / 100% 100%
    no-repeat;
}

.usecase-paper-middle{
    display: grid;
  grid-template-columns: clamp(390px,40%,520px) minmax(0,1fr);
  grid-template-areas: "left right";
  align-items: center;
  gap: clamp(40px, 5vw, 80px);
}

.usecase-left{
    grid-area:left;
	  min-width: 0;
}

.usecase-right{
    grid-area:right;
	  min-width: 0;
}

.usecase-card.reverse .usecase-paper-middle{
	  grid-template-columns: minmax(0,1fr) clamp(390px,40%,520px);
  grid-template-areas: "right left";
}
.usecase-card.reverse .usecase-paper-top{
    transform:scaleX(-1);
}

.usecase-card.reverse .usecase-paper-middle{
    transform:none;
    background-position:right top;
}

.usecase-card.reverse .usecase-paper-bottom{
    transform:scaleX(-1);
}

.js-h2-midashi,
.js-usecase-card{
  visibility:hidden;
}



/*==============================
content
==============================*/

.usecase-left,
.usecase-right{
    position:relative;
    z-index:2;
}

.usecase-title{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #18AEEB;
}

.usecase-number{
    width: 60px;
    flex-shrink: 0;
}

.usecase-copy h3{
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: 700;
}

.usecase-copy p{
    color: #18AEEB;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.6;
}

.usecase-list {
    list-style: none;
    padding-left: 1.2em;
}

.usecase-list li {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 8px;
    list-style: disc;
}

/*==============================
tool
==============================*/

.usecase-tools{
    margin-top:30px;
}

.tool-label{
    width: 140px;
    margin-left: 10px;
}

.tool-box{
      margin-top: -12px;
    background: #f6f6f6;
    border-radius: 14px;
    padding: 20px;
    display: flex;
    justify-content: center;
    gap: 8%;
}

.tool{
    text-align:center;
}

.tool img{
    height:52px;
    object-fit:contain;
    margin-bottom:15px;
}

.tool span{
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
}

/*==============================
right
==============================*/

.usecase-right{
    display:flex;
    flex-direction:column;
}

.usecase-illust-wrap {
    position: relative;
    width: 100%;
	    margin-bottom: 30px;
	text-align: center;
}



.usecase-fuki{
      width: 160px;
    margin: 0 auto -30px;
    z-index: 3;
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -45%;
}

.usecase-card.reverse .usecase-fuki{
	    top: -12px;
    right: 50%;
    left: auto;
	  margin-left: auto;
    margin-right: -45%;
}

.usecase-illust{
     width: 100%;
    max-width: 400px;
}

.point-label{
  position: relative;
    display: inline-flex;
    align-items: center;
    padding: 8px 40px 8px 20px;
    background: #ff9200;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
}

/* 大きい矢印 */
.point-label::after{
       content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    right: -17.8px;
    width: 18px;
    height: 100%;
    background: #ff9200;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}

/* 内側の白いライン */
.point-label::before{
      content: "";
    position: absolute;
    top: 50%;
    right: 0px;
    width: 30px;
    height: 30px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateY(-50%) rotate(45deg);
}

.point-label span{
    position:relative;
}
.point-label span::after{
      content: "";
    position: absolute;
    top: 50%;
    right: -26px;
    width: 30px;
    height: 30px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateY(-50%) rotate(45deg);
}

.usecase-point p{
    margin-top: 10px;
    color: #ff8c00;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.6;
}

/*--------------------------------------
最後
--------------------------------------*/

.usecase-bottom{
    margin-top:60px;
}

.usecase-bottom p{
    font-size:2.6rem;
    font-weight:700;
    line-height:1.6;

}

.usecase-bottom span{

    color:#12b7e8;

}


@media(max-width:1120px){
	    .usecase-paper-middle{
           grid-template-columns: 1fr;
        grid-template-areas: "left" "right";
        gap: 32px;

    }
	
	.usecase-card.reverse .usecase-paper-middle {
	        grid-template-columns: 1fr;
        grid-template-areas:  "left" "right";

}
	

    .usecase-left,
    .usecase-right{
        width:100%;
        max-width:none;
    }

}

/*======================================
SP
======================================*/

@media(max-width:768px){
	
	.stationery-heading {
    margin-bottom: 44px;
}
	
    #usecase {
        width: calc(100% - 30px);
        padding: 45px 20px 45px;
        border-radius: 14px;
    }
	

.usecase-card{
    grid-template-columns:1fr;
        padding: 0px 0px 4px;
}
	
    .usecase-paper-middle{
     
        padding: 14px 24px 14px 40px;
    }
	
	.usecase-card.reverse .usecase-paper-middle {

   padding: 14px 40px 14px 20px;
}
	

    .usecase-left,
    .usecase-right{
        width:100%;
        max-width:none;
    }





.usecase-title{
        gap: 15px;
        margin-bottom: 20px;
        border-bottom: 2px solid #18AEEB;
}

.usecase-number{
    width:40px;
}

.usecase-copy h3{
        font-size: 2.4rem;
        margin-bottom: 4px;
}

.usecase-copy p{
    font-size:1.8rem;
}

	.usecase-tools {
    margin-top: 20px;
}
	
.usecase-list li{
        font-size: 1.6rem;
        margin-bottom: 6px;
}
	
	.tool-label {
    width: 110px;
    margin-left: 10px;
	}

.tool-box{
        padding: 18px;
        gap: 10%;
}

.tool img{
        height: 40px;
        margin-bottom: 10px;
}

.tool span{
    font-size:1.2rem;
}
	.usecase-illust-wrap {
    margin-bottom: 10px;
		
}
	
.usecase-fuki{
        width: 32%;
        top: -10px;
        left: 0;
	margin-left:auto;
}
.usecase-card.reverse .usecase-fuki{
      top: -10px;
        left: auto;
	right:0;
		margin-right:auto;
}
	

.point-label {
    font-size: 1.1rem;
	padding:4px 20px 4px 10px;
}
	
	.point-label span::after {
    right: -21px;
    width: 20px;
    height: 20px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
}
	
.point-label::before {
    right: 8px;
    width: 20px;
    height: 20px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
}
	
	.point-label::after {
    z-index: -1;
    right: -20px;
    width: 20px;
    clip-path: polygon(0 0, 50% 50%, 0 100%);
}
	
	
.usecase-point p{
           font-size: 1.6rem;
        line-height: 1.4;
}


.usecase-bottom{
    margin-top:10px;
}
.usecase-bottom p{
    font-size:2rem;
}

}



/*==================================================
応募条件
==================================================*/

#eligibility{
    padding:50px 0;
    background:#fff;
}

#eligibility-section{
    margin: auto;
    padding: clamp(70px, 8vw, 130px) clamp(30px, 7vw, 120px);
    width: min(calc(100% - 40px), 1480px);
    box-sizing: border-box;
}

/* ---------- タイトル ---------- */

.eligibility-head{
    margin-bottom:70px;
}

.eligibility-label{
    display:inline-block;
    background:#66d331;
    color:#fff;
    font-size:20px;
    font-weight:700;
    border-radius:30px;
    padding:10px 36px;
    line-height:1;
    margin-bottom:18px;
}
#eligibility-label {
    background: #66d331;
}

.eligibility-title{
    font-size:56px;
    font-weight:900;
    line-height:1.2;
}

/* ---------- 共通 ---------- */

.eligibility-row{
    display:flex;
    justify-content:space-between;
    gap:70px;
    padding-bottom:60px;
	margin-bottom:60px;
    border-bottom:1px solid #d7ecd0;
}

.eligibility-row:first-of-type{
    border-top:none;
    padding-top:0;
}

.eligibility-row:first-child {
  border-top:none;
    padding-top:0;
}

.eligibility-row:last-child {
    padding-bottom: 0;
	  border-bottom:none;
	    margin-bottom: 0;
}

.eligibility-left{
    width: 30%;
    min-width: 320px;
    flex-shrink: 0;
}

.eligibility-heading{
    display:flex;
    align-items:center;
    gap:18px;
}

.eligibility-heading img{
    width:54px;
}

.eligibility-heading h3{
 color: #66d331;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
}

.eligibility-heading small{
    display:block;
    font-size:2.4rem;
}

/* ---------- 右 ---------- */

.eligibility-right{
    flex:1;
}

/*==================================================
応募できる方
==================================================*/

.eligibility-person{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:50px;
}

.eligibility-list{
    list-style:none;
    margin:0;
    padding:0;
}

.eligibility-list li{
     display: flex;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 20px;
}

.eligibility-list img{
    width:26px;
    margin-top:6px;
}

.eligibility-list strong{
    display: block;
    font-size: clamp(2rem, 2.2vw, 3rem);
    font-weight: 700;
    line-height: 1.3;
}

.eligibility-list span{
     display: inline-block;
    font-size: clamp(1.6rem, 1.8vw, 2rem);
    font-weight: 700;
    line-height: 1.4;
}

.eligibility-student img{
    width:250px;
}

/*==================================================
プレゼント
==================================================*/

.present-list{
    display: flex;
    justify-content: space-between;
    gap: 40px;
    max-width: 680px;
}

.present-item{
    text-align:center;
    width:33.333%;
}

.present-item img{
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 16px;
}

.present-item h4{
     font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.4;
}

.present-item span{
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
}

/*==================================================
応募について
==================================================*/

.notice-list{
    margin:0;
		    padding-left: 1.2em;
    list-style: none;
}

.notice-list li {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 10px;
    list-style: disc;
}

.notice-list strong{
      color: #66d331;
    font-weight: 700;
}


.eligibility-list li:last-child {
    margin-bottom: 0;
}


@media (max-width: 1120px){


    .eligibility-row{
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
		        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .eligibility-left{
        width: 100%;
    }

    .eligibility-right{
        width: 100%;
    }

}


@media (max-width: 768px){
	
#eligibility {
    padding: 20px 0;
}
	
	.eligibility-student img {
    width: 220px;
}
	
	.eligibility-heading h3{
    font-size: 2.8rem;
	}
	
.eligibility-person{
         flex-direction: column;
        gap: 30px;
        align-items: flex-start;
}
	.eligibility-student {
    text-align: center;
    margin: 0 auto;
}
	
	#eligibility-section {
    width: calc(100% - 30px);
    padding: 45px 20px 45px;
}
	
	.eligibility-heading {
    gap: 10px;
}
.eligibility-heading img {
    width: 36px;
}
	.eligibility-heading h3 {
    font-size: 2.6rem;
}
	.present-item h4 {
    font-size: 1.8rem;
    line-height: 1.3;
}
	
	.notice-list li {
    font-size: 1.6rem;
    line-height: 1.6;
    margin-bottom: 6px;
}
	.eligibility-head {
    margin-bottom: 44px;
}


  .present-list {
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .present-item {
	          width: 100%;
    display: flex;
    align-items: center;
    gap: 18px;
    text-align: left;
  }

  .present-item-image {
    width: 90px;
    flex-shrink: 0;
  }

  .present-item-image img {
    width: 100%;
    display: block;
	          margin: 0;
  }

  .present-item-text {
    flex: 1;
  }

  .present-item-title {
    margin: 0;
    line-height: 1.35;
  }

.present-item h4 br {
    display: none;
}
	.eligibility-heading small {
    display: inline;
    font-size: 2rem;
}
	
	
}



/* ========================================
   application form
======================================== */

#stationery-application-form {
  width: min(calc(100% - 40px), 1480px);
  margin-inline: auto;
  padding: clamp(70px, 8vw, 130px) clamp(30px, 7vw, 120px);
  background: #fff0df;
  border-radius: 40px;
  box-sizing: border-box;
	  position:relative;
}
.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
    background: #DDD;
}


#stationery-application-form{
    position:relative;
}


.js-application-deco,
.js-application-illust {
  visibility: hidden;
}


/* 共通 */
.application-decoration{
    position:absolute;
    pointer-events:none;
    user-select:none;
    z-index:0;
}

.application-decoration img{
    display:block;
}

/* 右上 */
.application-decoration-top{
top: -140px;
    right: -16px;
    width: 22%;
}

/* 左下 */
.application-decoration-bottom{
     left: -6%;
    bottom: -40px;
    width: 22%;
}



.stationery-form-heading {
  margin-bottom: clamp(50px, 6vw, 90px);
}

.stationery-form-en {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 40px;
    color: #fff;
    background: #ffa51f;
    border-radius: 999px;
    font-size: clamp(1.4rem, 1.4vw, 2.2rem);
    font-weight: 700;
    line-height: 1;
}

.stationery-form-title {
    margin: 16px 0 0;
    font-size: clamp(2.8rem, 3.4vw, 5.6rem);
    font-weight: 700;
    line-height: 1.35;
}

.stationery-form-title span {
  color: #ffa51f;
	    font-weight: 700;
}

/* form structure
------------------------------ */

.stationery-form-body {
  width: 100%;
}

.stationery-form-body{

}
.application-illust{
  position:absolute;
  z-index:1;
  right:-2%;
  bottom:0;

  width: 20%;

  pointer-events:none;
}

.stationery-form-privacy,
.stationery-form-submit,
.stationery-form-notes{
  position:relative;
  z-index:2;
}


.application-illust img{
  display:block;
  width:100%;
  height:auto;
}

.stationery-form-row {
    display: grid;
    grid-template-columns: minmax(190px, 260px) minmax(0, 1fr);
    align-items: center;
    gap: 32px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: solid 1px #e69d301f;
}

.h2-label {
    font-size: clamp(1.6rem, 1.5vw, 2rem);
    font-weight: 700;
    line-height: 1.6;
    display: inline-block;
    padding: 6px 30px;
    border-radius: 40px;
    line-height: 1.2;
    color: #FFF;
    background: #000;
}
#stationery-form-title span{
	color: #ffa51f;
}

#stationery-form-label {
    background: #ffa51f;
}


.stationery-form-label{
	font-size: clamp(1.6rem, 1.4vw, 2.2rem);
	font-weight:700;
}

.stationery-required {
  display: none;
}

.stationery-form-control {
  min-width: 0;
}

.stationery-form-control > .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

/* input
------------------------------ */

#stationery-application-form input[type="text"],
#stationery-application-form input[type="email"],
#stationery-application-form input[type="tel"],
#stationery-application-form select,
#stationery-application-form textarea {
     width: 100%;
    min-height: 84px;
    padding: 18px 24px;
    background: rgb(255 255 255 / 48%);
    border: 2px solid transparent;
    border-radius: 0;
    outline: 0;
    box-sizing: border-box;
    font-family: inherit;
    font-size: clamp(1.6rem, 1.5vw, 2rem);
    line-height: 1.6;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

#stationery-application-form input::placeholder,
#stationery-application-form textarea::placeholder {
  color: #b8b8b8;
  opacity: 1;
}

#stationery-application-form input:focus,
#stationery-application-form select:focus,
#stationery-application-form textarea:focus {
  box-shadow: 0 0 0 4px rgba(255, 165, 31, 0.13);
}

/* name inputs
------------------------------ */

.stationery-form-name {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.stationery-form-name .wpcf7-form-control-wrap {
  min-width: 0;
}

/* radio
------------------------------ */

.stationery-form-radio .wpcf7-radio {
display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 30px;
}

.stationery-school-type .wpcf7-radio {
}

.stationery-form-radio .wpcf7-list-item {
  margin: 0;
}

.stationery-form-radio label {
display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    font-size: clamp(1.6rem, 1.4vw, 2.4rem);
    font-weight: 700;
}

.stationery-form-radio label span {
    font-weight: 700;
}

.stationery-form-radio input[type="radio"] {
  position: relative;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  margin: 0;
  background: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  appearance: none;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.stationery-form-radio input[type="radio"]::after {
  content: "";
  position: absolute;
  inset: 6px;
  background: #ffa51f;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.stationery-form-radio input[type="radio"]:checked::after {
  opacity: 1;
  transform: scale(1);
}

/* sub heading
------------------------------ */

.stationery-form-subheading {
    margin: 58px 0 26px;
    color: #ffa51f;
    font-size: clamp(1.8rem, 1.8vw, 2.4rem);
    font-weight: 700;
}

/* privacy
------------------------------ */

.stationery-form-privacy {
  margin-top: clamp(55px, 7vw, 90px);
  text-align: center;
}

.stationery-form-privacy .wpcf7-list-item {
  margin: 0;
}

.stationery-form-privacy label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: clamp(14px, 1.2vw, 18px);
  font-weight: 700;
  cursor: pointer;
}

.stationery-form-privacy input[type="checkbox"] {
  position: relative;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin: 0;
  background: #fff;
  border: 2px solid #fff;
  appearance: none;
  cursor: pointer;
}

.stationery-form-privacy input[type="checkbox"]:checked {
  background: #ffa51f;
  border-color: #ffa51f;
}

.stationery-form-privacy input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 7px;
  width: 6px;
  height: 11px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(45deg);
}

.stationery-form-privacy a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.stationery-form-privacy-note {
  margin: 12px 0 0;
  font-size: clamp(10px, 0.85vw, 13px);
  font-weight: 600;
  line-height: 1.7;
}

/* submit
------------------------------ */

.stationery-form-submit {
  position: relative;
  width: min(100%, 500px);
  margin: 40px auto 0;
}

.stationery-form-submit .wpcf7-submit {
       width: 100%;
    min-height: 92px;
    box-sizing: border-box;
    padding: 20px 50px;
    color: #fff;
    background: linear-gradient(90deg, #ff8600 0%, #ffb614 100%);
    border: 4px solid #fff;
    border-radius: 999px;
    box-shadow: 0 8px 10px rgb(58 33 6 / 6%);
    font-family: inherit;
    font-size: clamp(1.8rem, 1.8vw, 2.6rem);
    font-weight: 700;
    cursor: pointer;
    appearance: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.stationery-form-submit .wpcf7-submit:not(:disabled):hover {
  transform: translateY(-3px);
  filter: brightness(1.04);
  box-shadow:
    0 12px 25px rgba(0, 0, 0, 0.18),
    0 0 0 1px rgba(255, 150, 0, 0.15);
}

.stationery-form-submit .wpcf7-spinner {
  position: absolute;
  top: 50%;
  right: 24px;
  margin: 0;
  transform: translateY(-50%);
}

/* notes
------------------------------ */

.stationery-form-notes {
  margin-top: 38px;
  text-align: center;
}

.stationery-form-notes p {
    margin: 4px 0;
    font-size: clamp(10px, 0.85vw, 13px);
    font-weight: 700;
    line-height: 1.6;
    font-size: 1.4rem;
}

/* CF7 validation
------------------------------ */

#stationery-application-form .wpcf7-not-valid-tip {
  margin-top: 8px;
  color: #d93535;
  font-size: 13px;
  font-weight: 700;
}

#stationery-application-form .wpcf7-not-valid {
  border-color: #d93535;
}

#stationery-application-form .wpcf7-response-output {
  margin: 35px 0 0;
  padding: 18px 22px;
  background: #fff;
  border: 2px solid #ffa51f;
  font-size: 15px;
  line-height: 1.7;
}

/* tablet
------------------------------ */

@media screen and (max-width: 960px) {
  #stationery-application-form {
    padding-inline: 50px;
    border-radius: 28px;
  }

  .stationery-form-row {
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 24px;
  }

  #stationery-application-form input[type="text"],
  #stationery-application-form input[type="email"],
  #stationery-application-form input[type="tel"],
  #stationery-application-form select,
  #stationery-application-form textarea {
    min-height: 72px;
    font-size: 16px;
  }
}

/* smartphone
------------------------------ */

@media screen and (max-width: 768px) {
  #stationery-application-form {
    width: calc(100% - 30px);
    padding: 55px 20px 65px;
    border-radius: 14px;
  }

  .stationery-form-heading {
    margin-bottom: 44px;
  }

  .stationery-form-en {
    min-width: 0;
    padding: 9px 20px;
    font-size: 13px;
  }

  .stationery-form-title {
    margin-top: 14px;
    font-size: 27px;
  }

  .stationery-form-row {
    display: block;
    margin-bottom: 27px;
  }
	
  .stationery-required {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 7px;
    color: #fff;
    background: #ffa51f;
    border-radius: 4px;
    font-size: 10px;
    line-height: 1.5;
    vertical-align: middle;
  }
	
	.stationery-form-label{
		        display: block;
margin-bottom: 10px;
    font-size: 1.5rem;
	}

  #stationery-application-form input[type="text"],
  #stationery-application-form input[type="email"],
  #stationery-application-form input[type="tel"],
  #stationery-application-form select,
  #stationery-application-form textarea {
    min-height: 60px;
    padding: 15px 16px;
    font-size: 16px;
  }

  .stationery-form-name {
    gap: 8px;
  }

  .stationery-form-radio .wpcf7-radio {
    gap: 14px 24px;
  }

  .stationery-form-radio label {
    gap: 8px;
    font-size: 15px;
  }

  .stationery-form-radio input[type="radio"] {
    width: 25px;
    height: 25px;
  }

  .stationery-form-radio input[type="radio"]::after {
    inset: 5px;
  }

  .stationery-form-subheading {
    margin: 46px 0 22px;
  }

  .stationery-form-privacy {
    margin-top: 48px;
  }

  .stationery-form-privacy label {
    align-items: flex-start;
    text-align: left;
    font-size: 13px;
  }

  .stationery-form-privacy-note {
    font-size: 10px;
  }

  .stationery-form-submit {
    margin-top: 34px;
  }

  .stationery-form-submit .wpcf7-submit {
    min-height: 70px;
    padding: 16px 25px;
    font-size: 17px;
  }

  .stationery-form-notes {
    margin-top: 28px;
  }

  .stationery-form-notes p {
    font-size: 10px;
    text-align: left;
  }
	
	
		.h2-midashi{
    margin-top:10px;
    font-size:3rem;
    line-height:1.3;
}

  .h2-label {
    display: inline-block;
    margin-bottom: 6px;
    font-size: 1.4rem;
  }

	  .stationery-form-body{
        padding-bottom: 80px;
  }

  .application-illust{
        right: 50%;
        width: 120px;
        margin-right: -60px;
  }
	
	/* 右上 */
.application-decoration-top{
top: -20px;
    right: -16px;
    width: 22%;
}

/* 左下 */
.application-decoration-bottom{
     left: -6%;
    bottom: -10px;
    width: 22%;
}

	
	
	
	
}




/* ==========================================
   THANKS
========================================== */

#stationery-thanks{
  position:relative;
  overflow:hidden;
  padding:120px 40px;
  background:#eef9ff;
}

.stationery-thanks-inner{
  position: relative;
    z-index: 2;
    max-width: 1100px;
    margin: 0 auto;
    background: #fff;
    border-radius: 32px;
    padding: 120px 5% 0;
    display: grid;
    grid-template-columns: 1fr 500px;
    gap: 40px;
    align-items: center;
}

.stationery-thanks-copy{
  max-width:560px;
}

.stationery-thanks-title{
    margin: 18px 0 20px;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.3;
    font-weight: 700;
}

.stationery-thanks-lead{
     margin-bottom: 12px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #1b82e6;
    line-height: 1.3;
}

.stationery-thanks-title br,
.stationery-thanks-lead br{
	display:none;
}

.stationery-thanks-text{
    margin-top: 20px;
    font-size: 1.6rem;
    line-height: 2;
}

.stationery-thanks-note{
    margin-top: 20px;
    font-size: 1.4rem;
    color: #666;
    margin-bottom: 30px;
}

.stationery-thanks-button{
     display: inline-block;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    border: 2px solid #000;
    border-radius: 999px;
    background: #fff;
    font-weight: 700;
    text-decoration: none !important;
    transition: .25s;
}

.stationery-thanks-button:hover{
  background:#000;
  color:#fff;
}

.stationery-thanks-illust{
  text-align:center;
}

.stationery-thanks-illust img{
  width:100%;
  height:auto;
}


#stationery-application-form .wpcf7-response-output {
    margin: 35px 0 0 !important;
    padding: 18px 22px !important;
    background: none !important;
    border: none !important;
    font-size: 1.8rem !important;
    line-height: 1.6;
    text-align: center;
    color: #ffa51f !important;
    font-weight: 700;
}



/* ==========================================
   SP
========================================== */

@media (max-width:768px){

	
	.stationery-thanks-title br,
.stationery-thanks-lead br{
	display:block;
}

	
  #stationery-thanks{
    padding:70px 20px;
  }

  .stationery-thanks-inner{
          padding: 45px 20px 0;
    border-radius:22px;
    grid-template-columns:1fr;
    gap:35px;
    text-align:center;
  }

  .stationery-thanks-copy{
    max-width:none;
  }

  .stationery-thanks-title{
        font-size: 2.4rem;
        margin: 2px 0 10px;
  }

  .stationery-thanks-lead{
font-size: 1.8rem;
        line-height: 1.4;
        margin-bottom: 10px;
  }

  .stationery-thanks-text{
        font-size: 1.4rem;
        line-height: 1.8;
        margin-top: 12px;
  }


  .stationery-thanks-illust{
    order:-1;
  }

	.sationery-thanks-note {
    margin-top: 10px;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 20px;
}
	
  .stationery-thanks-illust img{
    max-width:260px;
  }
	
	.stationery-thanks-button {
    font-size: 1.4rem;
    padding: 6px 20px;
}

}