@charset "UTF-8";





/*index*/
#wrapper .index .mainimg {
    height: initial;
}
.index .mainimg {
    width: 100%;
    height: 79rem;
    background: #fff5d4;
    padding: 5rem 0 16.5rem;
    margin: 19.5rem auto 0;
}
.index .mainimg .slider {
    margin: 0 auto 4rem;
}

.index .mainimg .slider .pic {
    aspect-ratio: 12/5.8;
    border-radius: 4rem;
    overflow: hidden;
    margin: 0 10px;
}
.index .mainimg .slider .pic img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt1 {
    padding: 7rem 0 15rem;
    background: url(/system_panel/uploads/images/bgDot.png) repeat-y;
    background-size: contain;
}
.index_cnt1 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.125vw;
    /*6*/
    align-content: start;
}
.index_cnt1 .inner .grid a {
    text-decoration: none;
}
.index_cnt1 .inner .grid a .figure {
    width: 100%;
    height: 100%;
    border-radius: 1rem;
}
.index_cnt1 .inner .grid a .figure .pic {
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    margin: 0 auto 1rem;
}
.index_cnt1 .inner .grid a .figure .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt1 .inner .grid a .figure .figcaption {
    font-size: 1.7rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.index_cnt1 .inner .grid a:nth-of-type(1) .figure {
    background: #ffcb1e;
    border: 0.5rem solid #ffcb1e;
}
.index_cnt1 .inner .grid a:nth-of-type(2) .figure {
    background: #ffa71c;
    border: 0.5rem solid #ffa71c;
}
.index_cnt1 .inner .grid a:nth-of-type(3) .figure {
    background: #ff861c;
    border: 0.5rem solid #ff861c;
}
.index_cnt2 {
    padding: 8rem 0;
    background: url(/system_panel/uploads/images/bgA.png);
    position: relative;
}
.index_cnt2 .marquee {
    position: absolute;
    top: 0;
}
.index_cnt2 .inner .titleA {
    position: relative;
    z-index: 2;
}
.index_cnt2 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 2.6vw;
    /*5*/
}
.index_cnt2 .inner .col2 .left {
    width: 40%;
}
.index_cnt2 .inner .col2 .left img {
    width: 100%;
}
.index_cnt2 .inner .col2 .right {
    width: 60%;
}
.index_cnt2 .inner .col2 .right p:not(.buttonA) {
    line-height: 3.2;
    margin: 0 0 3rem;
}
.index_cnt3 {
    padding: 0 0 7rem;
    background: url(/system_panel/uploads/images/bgB.png);
    position: relative;
}
.index_cnt3::before {
    content: "";
    background: url(/system_panel/uploads/images/index_cnt3_logo.png) no-repeat;
    width: 26.2rem;
    height: 26.2rem;
    display: block;
    position: absolute;
    top: 3.125vw;
    /*6*/
    right: 7.29vw;
    /*14*/
}
.index_cnt3 .inner {
    position: relative;
    z-index: 1;
}
.index_cnt3 .inner h3 {
    font-size: 7rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    line-height: 1.14;
    color: #fff;
}
.index_cnt3 .inner .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5625vw;
    /*3*/
}
.index_cnt3 .inner .grid .set {
    width: 100%;
    background: #fff;
    border-radius: 0.5rem;
    padding: clamp(2rem, 1.5625vw, 3rem);
}
.index_cnt3 .inner .grid .set h4 {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 2.7rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    margin: 0 0 2rem;
}
.index_cnt3 .inner .grid .set:nth-of-type(1) h4::before {
    content: "";
    background: url(/system_panel/uploads/images/index_cnt3_1.png) no-repeat;
    width: 3.5rem;
    min-width: 3.5rem;
    height: 4rem;
}
.index_cnt3 .inner .grid .set:nth-of-type(2) h4::before {
    content: "";
    background: url(/system_panel/uploads/images/index_cnt3_2.png) no-repeat;
    width: 5.3rem;
    min-width: 5.3rem;
    height: 3.2rem;
}
.index_cnt3 .inner .grid .set:nth-of-type(3) h4::before {
    content: "";
    background: url(/system_panel/uploads/images/index_cnt3_3.png) no-repeat;
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
}
.index_cnt3 .inner .grid .set:nth-of-type(4) h4::before {
    content: "";
    background: url(/system_panel/uploads/images/index_cnt3_4.png) no-repeat;
    width: 4.2rem;
    min-width: 4.2rem;
    height: 3.4rem;
}
.index_cnt3 .inner .grid .set p {
    line-height: 2.33;
}
.index_cnt4 {
    padding: 10rem 0 8.5rem;
    background: url(/system_panel/uploads/images/bgC.png);
    position: relative;
}
.index_cnt4 .inner {
    position: relative;
    z-index: 1;
}
.index_cnt4 .inner .window {
    width: 100%;
    padding: clamp(2rem, 2.6vw, 5rem);
    background: url(/system_panel/uploads/images/index_cnt4_windowbg.jpg) no-repeat;
    background-size: cover;
    margin: 0 auto 5rem;
    border: 0.2rem solid #0a0204;
    border-radius: 2rem;
}
.index_cnt4 .inner .window h4 {
    font-size: 3rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    text-align: center;
    margin: 0 0 2rem;
}
.index_cnt4 .inner .window .ul {
    margin: 0 auto 5rem;
}
.index_cnt4 .inner .window .li {
    list-style: none;
    line-height: 2.33;
    text-align: center;
    text-decoration: underline;
}
.index_cnt4 .inner .window>p:not(.buttonA) {
    text-align: center;
    line-height: 2.33;
    margin: 0 auto 3rem;
}
.index_cnt4 .inner .window .buttonA {
    margin: auto;
}
.index_cnt4 .inner .col2 {
    display: flex;
    gap: 2rem;
}
.index_cnt4 .inner .col2 :is(.left, .right) {
    width: 50%;
    min-height: 20rem;
    border-radius: 2rem;
    box-shadow: -1rem 1rem 0 #fff;
}
.index_cnt4 .inner .col2 :is(.left, .right) a {
    width: 100%;
    min-height: inherit;
    text-decoration: none;
    display: grid;
    align-content: center;
    justify-content: center;
    gap: 1.5rem;
}
.index_cnt4 .inner .col2 :is(.left, .right) a h4 {
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.index_cnt4 .inner .col2 :is(.left, .right) a p {
    grid-row: 1/2;
    font-size: 4.5rem;
    font-family: "Jost", sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.index_cnt4 .inner .col2 .left {
    background: url(/system_panel/uploads/images/index_cnt4_1.jpg) no-repeat center top rgba(0, 62, 132, 0.5);
    background-blend-mode: darken;
    background-size: cover;
}
.index_cnt4 .inner .col2 .right {
    background: url(/system_panel/uploads/images/index_cnt4_2.jpg) no-repeat center top rgba(0, 62, 132, 0.5);
    background-blend-mode: darken;
    background-size: cover;
}

.index_cnt4 .marquee {
    position: absolute;
    bottom: 0;
    z-index: 0;
}





/*tshirt*/
.tshirt .maintitle {
    background: url(/system_panel/uploads/images/tshirt_mainimg.jpg) no-repeat center rgba(0, 0, 0, 0.7);
    background-blend-mode: darken;
    background-size: cover;
}
.tshirt_cnt1 {
    padding: 8rem 0;
    background: url(/system_panel/uploads/images/bgA.png);
}
.subtitle p {
    text-align: center;
    margin-bottom: 2rem;
}
.tshirt_cnt1 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.125vw;
    /*6*/
    align-content: start;
}
.tshirt_goods .inner .grid,.tshirt_sample .inner .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3.125vw;
    align-content: start;
}

.tshirt_cnt1 .inner .grid .set {
    text-decoration: none;
      background: #f3740a;
    border: 0.5rem solid #f3740a;
    border-radius: 1rem;
}
.tshirt_cnt1 .inner .grid .set .figure {
    width: 100%;
    /*border-radius: 1rem;*/
    /*background: #ffcb1e;*/
    /*border: 0.5rem solid #ffcb1e;*/
    margin: 0 0 2.5rem;
}
.tshirt_goods .inner .grid .set .figure,.tshirt_sample .inner .grid .set .figure{
  margin:0 auto;
}
.tshirt_cnt1 .inner .grid .set .figure .pic {
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    margin: 0 auto 1rem;
}
.tshirt_cnt1 .inner .grid .set .figure .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.tshirt_cnt1 .inner .grid .set .figure .figcaption {
    /*font-size: 1.7rem;*/
    font-weight: bold;
    /*color: #fff;*/
    text-align: center;
  font-size: 2rem;
    color: #000000;
}
.tshirt_cnt1 .inner .grid .set>p {
    line-height: 2.33;
}
.tshirt_cnt2 {
    padding: 10rem 0 4rem;
}
.tshirt_cnt2 .inner>p {
    text-align: center;
    line-height: 2.33;
    margin: 0 auto 3rem;
}
.tshirt_cnt2 .inner .flex {
    width: auto;
    max-width: 82rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
}
.tshirt_cnt3 {
    background: url(/system_panel/uploads/images/tshirt_cnt3_bg.jpg) no-repeat;
    background-size: cover;
}
.tshirt_cnt4 {
    background: url(/system_panel/uploads/images/tshirt_cnt4_bg.jpg) no-repeat;
    background-size: cover;
}
.tshirt_cnt5 {
    background: url(/system_panel/uploads/images/tshirt_cnt5_bg.jpg) no-repeat;
    background-size: cover;
}

/*--追加------*/
.tshirt_price01 {
    gap: 2.6vw;
    margin-bottom: 5rem;
    align-items: flex-end;
      padding: 2rem;
    background: #fff;
    border: solid #ffcb1e 2px;
}
.tshirt_price01 .col2{
  display:flex;
}
.tshirt_price01 .col2 img,.tsyatu01 .col2 img {
    width: 100%;
}
.tshirt_price01 .col2 .right {
    width: 80%;
}
.tshirt_price01 .col2 .left {
    width: 40%;
    margin: 0 auto;
    padding: 0 1rem 0 0;
}
.tshirt_price {
padding: 8rem 0;
  background: #fff5d4;
}
.tshirt_sub p {
       margin-bottom: 2rem;
    text-align: center;
    font-size: 2.3rem;
}
.tshirt_sample {
    padding: 8rem 0;
  background: none;
}
.table_tshirt {
  width: 100%;}
/*.table_td {border: 1px solid #000;
  padding: 20px;
height: 100%;
}
.table_th {
  height: 100%;
    border: 1px solid #000;
    padding: 20px;
      align-content: center;
}
.tshirt_price01 .col2 .right .tr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}*/
.table_tshirt .tr{
  display:flex;
}

.table_tshirt .table_th,
.table_tshirt .table_td{
  flex:1;
  text-align:center;
  border: 0.5px solid #000000;
  padding:10px;
  box-sizing:border-box;
}

/*---------*/
#sec1,
#sec2,
#sec3 {
  scroll-margin-top: 150px;
}
:is(.tshirt_cnt3, .tshirt_cnt4, .tshirt_cnt5) {
    padding: 8rem 0 13rem;
}
:is(.tshirt_cnt3, .tshirt_cnt4, .tshirt_cnt5) .inner>p {
    line-height: 2.66;
    margin: 0 0 3rem;
}
:is(.tshirt_cnt3, .tshirt_cnt4, .tshirt_cnt5) .inner .titleA {
    margin: 0 0 3rem
}
:is(.tshirt_cnt3, .tshirt_cnt4, .tshirt_cnt5) .inner .titleA * {
    text-align: left;
}
:is(.tshirt_cnt3, .tshirt_cnt4, .tshirt_cnt5) .inner .window {
    padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 5.2vw, 10rem);
    background: #ffcb1e;
    border: 0.1rem dashed #000;
}
:is(.tshirt_cnt3, .tshirt_cnt4, .tshirt_cnt5) .inner .window h4 {
    font-size: 2.7rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    text-align: center;
    margin: 0 auto 3rem;
}
:is(.tshirt_cnt3, .tshirt_cnt4, .tshirt_cnt5) .inner .window .ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}
:is(.tshirt_cnt3, .tshirt_cnt4, .tshirt_cnt5) .inner .window .li {
    list-style: none;
    font-size: 1.9rem;
    font-weight: bold;
    line-height: 1.84;
    background: #fff;
    border-radius: 0.5rem;
    padding: clamp(2rem, 1.3vw, 2.5rem);
}
.tshirt_cnt6 {
    padding: 10rem 0 8.5rem;
    background: #fef5e5;
    position: relative;
}
.tshirt_cnt6 .inner {
    position: relative;
    z-index: 1;
}
.tshirt_cnt6 .inner .order {
    width: 100%;
    min-height: 20rem;
    border-radius: 2rem;
    box-shadow: -1rem 1rem 0 #fff;
    background: url(/system_panel/uploads/images/tshirt_cnt6_1.jpg) no-repeat center rgba(0, 62, 132, 0.5);
    background-blend-mode: darken;
    background-size: cover;
    margin: 0 auto 2rem;
}
.tshirt_cnt6 .inner .order a {
    width: 100%;
    min-height: inherit;
    text-decoration: none;
    display: grid;
    align-content: center;
    justify-content: center;
    gap: 1.5rem;
}
.tshirt_cnt6 .inner .order a h4 {
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.tshirt_cnt6 .inner .order a p {
    grid-row: 1/2;
    font-size: 4.5rem;
    font-family: "Jost", sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.tshirt_cnt6 .inner .col2 {
    display: flex;
    gap: 2rem;
}
.tshirt_cnt6 .inner .col2 :is(.left, .right) {
    width: 50%;
    min-height: 20rem;
    border-radius: 2rem;
    box-shadow: -1rem 1rem 0 #fff;
}
.tshirt_cnt6 .inner .col2 :is(.left, .right) a {
    width: 100%;
    min-height: inherit;
    text-decoration: none;
    display: grid;
    align-content: center;
    justify-content: center;
    gap: 1.5rem;
}
.tshirt_cnt6 .inner .col2 :is(.left, .right) a h4 {
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.tshirt_cnt6 .inner .col2 :is(.left, .right) a p {
    grid-row: 1/2;
    font-size: 4.5rem;
    font-family: "Jost", sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.tshirt_cnt6 .inner .col2 .left {
    background: url(/system_panel/uploads/images/tshirt_cnt6_2.jpg) no-repeat center top rgba(0, 62, 132, 0.5);
    background-blend-mode: darken;
    background-size: cover;
}
.tshirt_cnt6 .inner .col2 .right {
    background: url(/system_panel/uploads/images/tshirt_cnt6_3.jpg) no-repeat center top rgba(0, 62, 132, 0.5);
    background-blend-mode: darken;
    background-size: cover;
}
.tshirt_cnt6 .marquee {
    position: absolute;
    bottom: 0;
    z-index: 0;
}





/*goods*/
.goods .maintitle {
    background: url(/system_panel/uploads/images/goods_mainimg.jpg) no-repeat center top -10.2vw rgba(0, 0, 0, 0.7);
    background-blend-mode: darken;
    background-size: cover;
}
.goods_cnt1 {
    padding: 8rem 0;
}
.goods_cnt1 .inner>p {
    line-height: 2.33;
    text-align: center;
    margin: 0 auto 5rem;
}
.goods_cnt1 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.125vw;
    /*6*/
    align-content: start;
}
.goods_cnt1 .inner .grid .set {
    text-decoration: none;
}
.goods_cnt1 .inner .grid .set .figure {
    width: 100%;
    border-radius: 1rem;
    background: #ffa71c;
    border: 0.5rem solid #ffa71c;
    margin: 0 0 2.5rem;
}
.goods_cnt1 .inner .grid .set .figure .pic {
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    margin: 0 auto 1rem;
}
.goods_cnt1 .inner .grid .set .figure .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.goods_cnt1 .inner .grid .set .figure .figcaption {
    font-size: 1.7rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.goods_cnt2 {
    padding: 8rem 0;
    background: url(/system_panel/uploads/images/bgA.png);
}
.goods_cnt2 .inner .col2 {
    display: flex;
    justify-content: space-between;
    gap: 2.6vw;
    margin: 0 auto 7rem;
}
.goods_cnt2 .inner .col2 .left {
    width: 50%;
}
.goods_cnt2 .inner .col2 .left .titleA {
    width: 100%;
}
.goods_cnt2 .inner .col2 .left .titleA * {
    text-align: left;
}
.goods_cnt2 .inner .col2 .right {
    width: 50%;
    aspect-ratio: 6.3/3.5;
    overflow: hidden;
    border: 0.5rem solid #ffa71c;
}
.goods_cnt2 .inner .col2 .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.goods_cnt2 .inner .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.6vw;
}
.goods_cnt2 .inner .grid .dl {
    width: 100%;
    padding: clamp(2rem, 1.5625vw, 3rem);
    border: 0.5rem solid #ffa71c;
    background: #fff;
    position: relative;
}
.goods_cnt2 .inner .grid .dt {
    font-size: 2.7rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    color: #ffa71c;
    margin: 0 0 2rem;
}
.goods_cnt2 .inner .grid .dd {
    line-height: 2.33;
}
.goods_cnt2 .inner .grid .dl:nth-of-type(odd) {
    transform: translate(0, calc(-9rem - 7rem));
}
.goods_cnt2 .inner .grid .dl::before {
    content: "";
    font-size: 8.5rem;
    font-family: "Jost", sans-serif;
    font-style: italic;
    font-weight: bold;
    color: #ff861c;
    position: absolute;
    right: 2.1562vw;
    top: -0.5em;
}
.goods_cnt2 .inner .grid .dl:nth-of-type(1)::before {
    content: "1";
}
.goods_cnt2 .inner .grid .dl:nth-of-type(2)::before {
    content: "2";
}
.goods_cnt2 .inner .grid .dl:nth-of-type(3)::before {
    content: "3";
}
.goods_cnt2 .inner .grid .dl:nth-of-type(4)::before {
    content: "4";
}
.goods_cnt2 .inner .grid .dl:nth-of-type(5)::before {
    content: "5";
}
.goods_cnt2 .inner .grid .dl:nth-of-type(6)::before {
    content: "6";
}
.goods_cnt2 .inner .grid .dl:nth-of-type(7)::before {
    content: "7";
}
.goods_cnt2 .inner .grid .dl:nth-of-type(8)::before {
    content: "8";
}
.goods_cnt2 .inner .grid .dl:nth-of-type(9)::before {
    content: "9";
}
.goods_cnt2 .inner .grid .dl:nth-of-type(10)::before {
    content: "10";
}


.goods_cnt3 {
    padding: 10rem 0 8.5rem;
    background: #fef5e5;
    position: relative;
}
.goods_cnt3 .inner {
    position: relative;
    z-index: 1;
}
.goods_cnt3 .inner .col2 {
    display: flex;
    gap: 2rem;
}
.goods_cnt3 .inner .col2 :is(.left, .right) {
    width: 50%;
    min-height: 20rem;
    border-radius: 2rem;
    box-shadow: -1rem 1rem 0 #fff;
}
.goods_cnt3 .inner .col2 :is(.left, .right) a {
    width: 100%;
    min-height: inherit;
    text-decoration: none;
    display: grid;
    align-content: center;
    justify-content: center;
    gap: 1.5rem;
}
.goods_cnt3 .inner .col2 :is(.left, .right) a h4 {
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.goods_cnt3 .inner .col2 :is(.left, .right) a p {
    grid-row: 1/2;
    font-size: 4.5rem;
    font-family: "Jost", sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.goods_cnt3 .inner .col2 .left {
    background: url(/system_panel/uploads/images/goods_cnt3_2.jpg) no-repeat center top rgba(0, 62, 132, 0.5);
    background-blend-mode: darken;
    background-size: cover;
}
.goods_cnt3 .inner .col2 .right {
    background: url(/system_panel/uploads/images/goods_cnt3_3.jpg) no-repeat center top rgba(0, 62, 132, 0.5);
    background-blend-mode: darken;
    background-size: cover;
}
.goods_cnt3 .marquee {
    position: absolute;
    bottom: 0;
    z-index: 0;
}
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}
.img_box {
    border: 3px solid #f4ab00;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
}
.img_box img {
    width: 100%;
    display: block;
}
.language_gallery {
    /* width: 90%; */
    margin: 0 auto;
}
.languege_title {
    margin-bottom: 1rem;
}
.languege_title2 {
    margin: 3rem 0 1rem;
}
/*industry*/
.industry .maintitle {
    background: url(/system_panel/uploads/images/industry_mainimg.jpg) no-repeat center top -10.2vw rgba(0, 0, 0, 0.7);
    /*20*/
    background-blend-mode: darken;
    background-size: cover;
}
.industry_cnt1 {
    padding: 7rem 0 5rem;
}
.industry_cnt1 .inner {
    max-width: 100rem;
}
.industry_cnt1 .inner .strong {
    width: fit-content;
    font-size: 2.7rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    border-bottom: 0.1rem dashed #000;
    padding: 0 0 1rem;
    margin: 0 0 3rem;
}
.industry_cnt1 .inner .strong span {
    color: #ebbe01;
}
.industry_cnt1 .inner .window {
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 0 auto 10rem;
}
.industry_cnt1 .inner .window .ul {
    background: #fff;
    padding: clamp(2rem, 1.3vw, 2.5rem) clamp(2rem, 2.6vw, 5rem);
}
.industry_cnt1 .inner .li {
    width: fit-content;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.9rem;
    font-weight: bold;
    position: relative;
    z-index: 1;
    margin: 0 0 2.5rem;
}
.industry_cnt1 .inner .li::before {
    content: "☑";
}
.industry_cnt1 .inner .li::after {
    content: "";
    width: calc(100% - 1em - 1rem);
    height: 33%;
    background: #f0cf67;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.industry_cnt1 .inner .window .shadow {
    width: 100%;
    height: 100%;
    background: url(/system_panel/uploads/images/shadow.png);
    position: absolute;
    left: -2rem;
    bottom: -2rem;
    z-index: -1;
    box-shadow: initial !important;
}
.industry_cnt1 .inner .logo {
    width: fit-content;
    max-width: 16rem;
    margin: 0 auto 5rem;
}
.industry_cnt1 .inner .logo img {
    width: 100%;
}
.industry_cnt1 .inner h3 {
    font-size: 3.3rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    text-align: center;
    margin: 0 auto 3rem;
}
.industry_cnt1 .inner>p:not(.strong) {
    line-height: 2.33;
    text-align: center;
}
.industry_cnt2 {
    padding: 10rem 0;
    background: url(/system_panel/uploads/images/bgD.jpg) no-repeat;
    background-size: cover;
}
.industry_cnt2 .inner>p {
    line-height: 2.33;
    text-align: center;
    margin: 0 auto 5rem;
}
.industry_cnt2 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.125vw;
    /*6*/
    align-content: start;
}
.industry_cnt2 .inner .grid .dl {
    display: grid;
    align-content: start;
    width: 100%;
    border-radius: 1rem;
    background: #ff861c;
    border: 0.5rem solid #ff861c;
    margin: 0 0 2.5rem;
}
.industry_cnt2 .inner .grid .dt {
    grid-row: 2/3;
    width: 100%;
    min-height: 8.5rem;
    font-size: 2.1rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.57;
    padding: 1rem 1.3vw;
    background: #fff;
    border-radius: 0.5rem;
    display: grid;
    align-items: center;
}
.industry_cnt2 .inner .grid .pic {
    width: 100%;
    aspect-ratio: 3.6/2.7;
    overflow: hidden;
    border-radius: 0.5rem;
    margin: 0 auto 0.5rem;
}
.industry_cnt2 .inner .grid .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.industry_cnt2 .inner .grid .cmt {
    line-height: 2.33;
    padding: 1.3vw;
}
.industry_cnt3 {
    padding: 10rem 0;
    background: url(/system_panel/uploads/images/bgE.png);
}
.industry_cnt3 .inner .titleA {
    margin: 0 auto 15rem;
}
.industry_cnt3 .inner .col2 {
    display: flex;
    position: relative;
}
.industry_cnt3 .inner .col2:nth-of-type(2) {
    margin: 0 0 15rem;
}
.industry_cnt3 .inner .col2 .left {
    width: 55%;
    aspect-ratio: 6.5/3.7;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -4.68vw;
    /*9*/
}
.industry_cnt3 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.industry_cnt3 .inner .col2 .right {
    width: 55%;
    position: relative;
}
.industry_cnt3 .inner .col2 .right .set {
    width: 100%;
    background: #fff;
    padding: clamp(2rem, 1.3vw, 2.5rem) clamp(2rem, 2.6vw, 5rem);
    position: relative;
    z-index: 1;
}
.industry_cnt3 .inner .col2 .right .shadow {
    width: 100%;
    height: 100%;
    background: url(/system_panel/uploads/images/shadow.png);
    position: absolute;
    left: -2rem;
    bottom: -2rem;
    z-index: -1;
    box-shadow: initial !important;
}
.industry_cnt3 .inner .col2:nth-of-type(odd) {
    flex-direction: row-reverse;
}

.industry_cnt3 .inner .col2:nth-of-type(odd) .left {
    flex-direction: row-reverse;
    right: initial;
    left: 0;
}
.industry_cnt3 .inner .col2 .right h4 {
    font-size: 3.3rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    margin: 0 0 3rem;
}
.industry_cnt3 .inner .col2 .right p {
    line-height: 2.66;
}





/*flow*/
.flow .maintitle {
    background: url(/system_panel/uploads/images/flow_mainimg.jpg) no-repeat center top -10.2vw rgba(0, 0, 0, 0.7);
    /*20*/
    background-blend-mode: darken;
    background-size: cover;
}
.flow_cnt1 {
    padding: 7rem 0 5rem;
    background: url(/system_panel/uploads/images/bgA.png);
}
.flow_cnt1 .inner {
    position: relative;
}
.flow_cnt1 .inner .titleA {
    margin: 0 0 5rem;
}
.flow_cnt1 .inner .titleA * {
    text-align: left;
}
.flow_cnt1 .inner .dl {
    border: 1.5rem solid #ffcb1e;
    border-radius: 0.5rem;
    margin: 0 auto 2.5rem;
}
.flow_cnt1 .inner .dl:last-of-type {
    margin: 0 auto 6rem;
}
.flow_cnt1 .inner .dt {
    background: #ffcb1e;
    display: flex;
    gap: 1rem;
    align-items: center;
    font-size: 2.4rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    color: #fff;
    padding: 0 0 1.5rem;
}
.flow_cnt1 .inner .dt::before {
    content: "";
    font-size: 2.3rem;
    font-family: "Jost", sans-serif;
    font-weight: bold;
    color: #f5e62f;
    background: #003e84;
    border-radius: 0.5rem;
    padding: 0.3rem 0.5em;
}
.flow_cnt1 .inner .dl:nth-of-type(2) .dt::before {
    content: "STEP.01";
}
.flow_cnt1 .inner .dl:nth-of-type(3) .dt::before {
    content: "STEP.02";
}
.flow_cnt1 .inner .dl:nth-of-type(4) .dt::before {
    content: "STEP.03";
}
.flow_cnt1 .inner .dl:nth-of-type(5) .dt::before {
    content: "STEP.04";
}
.flow_cnt1 .inner .dl:nth-of-type(6) .dt::before {
    content: "STEP.05";
}
.flow_cnt1 .inner .dl:nth-of-type(7) .dt::before {
    content: "STEP.06";
}
.flow_cnt1 .inner .dd {
    background: #fff;
    line-height: 2.33;
    padding: clamp(2rem, 1.82vw, 3.5rem);
}
.flow_cnt1 .inner .dd .button{
    max-width: 60rem;
    display: flex;
    gap: 1rem;
    margin: 2rem 0 0;
}
.flow_cnt1 .inner .dd .button :is(.mail,.line){
    width: 50%;
    min-height: 4.5rem;
    border-radius: 0.5rem ;
    border-radius: 0.5rem;
    font-weight: bold;
}
.flow_cnt1 .inner .dd .button :is(.mail,.line) a{
    width: 100%;
    min-height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    color: inherit;
}
.flow_cnt1 .inner .dd .button .mail{
    background: #f5ec03;
}
.flow_cnt1 .inner .dd .button .mail a::before{
    content: "";
    background: url(/system_panel/uploads/images/icon_mail.png) no-repeat;
    background-size: cover;
    width: 1.9rem;
    min-width: 1.9rem;
    height: 1.5rem;
    display: block;
}
.flow_cnt1 .inner .dd .button .line{
    background: #4df503;
}
.flow_cnt1 .inner .dd .button .line a::before{
    content: "";
    background: url(/system_panel/uploads/images/icon_line2.png) no-repeat;
    background-size: cover;
    width: 2.4rem;
    min-width: 2.4rem;
    height: 2.3rem;
    display: block;
}
.flow_cnt1 .inner .dd .figure {
    display: flex;
    flex-direction: row-reverse;
    gap: 2.6vw;
    justify-content: space-between;
}
.flow_cnt1 .inner .dd .figure .pic {}
.flow_cnt1 .inner .dd .figure .two {
    width: 36%;
    aspect-ratio: 4/2;
}
.flow_cnt1 .inner .dd .figure .two img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.flow_cnt1 .inner .dd .figure .five {
    width: 36%;
    margin: 0 0 -3.125vw;
}
.flow_cnt1 .inner .dd .figure .five img {
    transform: translate(0, -3.125vw);
}
.flow_cnt1 .inner .dd .figure .six {
    width: 22%;
    position: relative;
}
.flow_cnt1 .inner .dd .figure .six img {
    position: absolute;
    top: -4.16vw;
    /*8*/
    left: -5.2vw;
}
.flow_cnt1 .inner .dd .figure .figcaption {}
.flow_cnt1 .inner .window {
    background: #fff;
    padding: clamp(2rem, 1.82vw, 3.5rem);
    border: 0.2rem dashed #7f8180;
}

.flow_cnt1 .inner .window h4 {
    font-size: 2.7rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    text-align: center;
    margin: 0 auto 3rem;
}
.flow_cnt1 .inner .window p {
    font-size: 1.9rem;
    text-align: center;
    text-decoration: underline;
    color: #da0000;
    line-height: 2.1;
}





/*sample*/
.sample .maintitle {
    background: url(/system_panel/uploads/images/sample_mainimg.jpg) no-repeat center rgba(0, 0, 0, 0.7);
    /*20*/
    background-blend-mode: darken;
    background-size: cover;
}
.sample_cnt1 {
    padding: 8rem 0;
    background: url(/system_panel/uploads/images/bgDot.png);
}
.sample_cnt1 .inner .titleA {
    margin: 0 0 5rem;
}
.sample_cnt1 .inner .titleA * {
    text-align: left;
}
.sample_cnt1 .inner .titleA p {
    font-size: 22px;
}
.sample_cnt1 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.125vw;
    /*6*/
}
.sample_cnt1 .inner .grid .figure {
    display: grid;
    gap: 1rem;
}
.sample_cnt1 .inner .grid .figcaption {}
.sample_cnt1 .inner .grid .figcaption a {}
.sample_cnt1 .inner .grid .pic {
    grid-row: 1/2;
    aspect-ratio: 3.6/3.1;
    border: 0.5rem solid #ff6e1c;
    border-radius: 1rem;
    width: 100%;
    overflow: hidden;
    margin: 0 0 1rem;
}
.sample_cnt1 .inner .grid .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}





/*company*/
.company .maintitle {
    background: url(/system_panel/uploads/images/company_mainimg.jpg) no-repeat center top -10.2vw rgba(0, 0, 0, 0.7);
    /*20*/
    background-blend-mode: darken;
    background-size: cover;
}
.company_cnt1 {
    padding: 8rem 0;
    background: url(/system_panel/uploads/images/company_cnt1_bg.jpg) no-repeat center;
    background-size: cover;
}
.company_cnt1 .inner>p {
    line-height: 3.2;
    margin: 0 0 5rem;
}
.company_cnt1 .inner .ceo {
    display: flex;
    justify-content: end;
    align-items: baseline;
    gap: 1rem;
}
.company_cnt1 .inner .ceo {
    font-weight: bold;
}
.company_cnt1 .inner .ceo .name {
    font-size: 2.3rem;
}
.company_cnt2 {
    padding: 0 0 5rem;
    background: url(/system_panel/uploads/images/bgA.png);
}
.company_cnt2 .marquee {
    margin: 0 auto 3rem;
}
.company_cnt2 .inner .dl {
    width: 90%;
    max-width: 100rem;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.company_cnt2 .inner .dt {
    width: 20%;
    min-height: 5.5rem;
    display: grid;
    align-items: center;
    border-bottom: solid 0.2rem #ffcb1e;
    padding: 0 0 0 2.6vw;
    /*5*/
    font-weight: bold;
}
.company_cnt2 .inner .dd {
    width: 80%;
    min-height: 5.5rem;
    display: grid;
    align-items: center;
    border-bottom: solid 0.2rem #ff861c;
    padding: 0 0 0 2.6vw;
    /*5*/
}
.company_cnt2 .inner .map {
    width: 100%;
    height: 30rem;
    margin: 5rem auto 0;
}
.company_cnt2 .inner .map iframe {
    width: 100%;
    height: inherit;
    border: none;
}





/*blog & blogdetail共通*/
:is(.blog, .blogdetail) .maintitle {
    background: url(/system_panel/uploads/images/blog_mainimg.jpg) no-repeat center top -10.2vw rgba(0, 0, 0, 0.7);
    /*20*/
    background-blend-mode: darken;
    background-size: cover;
}
:is(.blog_cnt1, .blogdetail_cnt1) {
    padding: 8rem 0;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner {
    width: 80%;
    max-width: 120rem;
    margin: auto;
    display: flex;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}


/*blog*/
.blog_cnt2 {
    margin: 0 auto 26rem;
}
.blog_cnt2 .inner {
    width: 80%;
    max-width: 120rem;
    margin: auto;
}
.blog_cnt2 .inner .webgene-blog {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.125vw;
    /*6*/
}
.blog_cnt2 .inner .webgene-blog .webgene-item {}
.blog_cnt2 .inner .webgene-blog .webgene-item .dl {
    display: grid;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dt {
    grid-row: 2/3;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .pic {
    grid-row: 1/2;
    aspect-ratio: 3.6/2.05;
    border: 0.5rem solid #ff6e1c;
    border-radius: 1rem;
    width: 100%;
    overflow: hidden;
    margin: 0 0 1rem;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .read {
    grid-row: 3/4;
    font-family: "Jost", sans-serif;
    font-weight: bold;
    width: 100%;
    height: 3.5rem;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .read a {
    width: 100%;
    height: inherit;
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 0.1rem solid #000;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .read a::after {
    content: ">";
    position: absolute;
    right: 0.5rem
}
.blog_cnt2 .inner .webgene-blog .webgene-item a {
    color: inherit;
}
.blog_cnt2 .inner .buttonA {
    margin: auto;
}

.webgene-pagination {
    grid-column: 1/4;
    /*display: flex;
    width: 100%;
    padding: 7rem 26.5%;
    align-content: center;
    justify-content: space-between;
    margin:auto;*/
}

.webgene-pagination ul {
    width: fit-content;
    display: flex;
    margin: 12rem auto 0;
}
.webgene-pagination ul li {
    font-size: 1.7rem;
}
.webgene-pagination :is(.prev, .next) {
    width: 3em;
    height: 3em;
    background: #ffcb1e;
    list-style: none;
}
.webgene-pagination .prev {
    margin: 0 5rem 0 0;
}
.webgene-pagination .next {
    margin: 0 0 0 5rem;
}
.webgene-pagination :is(.prev a, .next a) {
    display: grid;
    justify-content: center;
    align-content: center;
    width: inherit;
    height: inherit;
    color: inherit;
    text-decoration: none;
    font-size: 1.7rem;
    font-weight: 500;
    color: #fff;
}

.webgene-pagination ul .number {
    list-style: none;
    background: #ffcb1e;
    width: 3em;
    height: 3em;
    margin: 0 0.5em;
    border-radius: 0.5rem;
}
.webgene-pagination ul .number.selected {
    list-style: none;
    background: #ff861c;
    width: 3em;
    height: 3em;
    margin: 0 0.5em;
}
.webgene-pagination ul .number.selected a {
    color: #fff;
}
.webgene-pagination ul .number a {
    display: grid;
    justify-content: center;
    align-content: center;
    width: inherit;
    height: inherit;
    color: inherit;
    text-decoration: none;
    font-size: 1.7rem;
    font-weight: 500;
    color: #fff;
}





/*blogdetail*/
.blogdetail_cnt2 .inner .dt {
    font-size: 2.7rem;
    font-weight: bold;
    margin: 0 0 3rem;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.blogdetail_cnt2 .inner .dt::before {
    content: "";
    width: 0.5rem;
    height: 4rem;
    background: #ff6e1c;
    display: inline-block;
}
.blogdetail_cnt2 .inner .pic {
    width: 100%;
    aspect-ratio: 12/6;
    border: 0.5rem solid #ff6e1c;
    border-radius: 1rem;
    overflow: hidden;
    margin: 0 0 3rem;
}
.blogdetail_cnt2 .inner .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blogdetail_cnt2 .inner .cmt {
    line-height: 3.2;
    margin: 0 0 5rem;
}
.blogdetail_cnt2 .inner .buttonA {
    margin: 0 auto 10rem;
}
.webgene-blog .webgene-item .cmt h2 {
    font-weight: bold;
    margin: 2.5rem 0 1rem;
    padding: .8rem 2rem;
    border-left: 5px solid #ffcb1e;
    background: #fff;
    line-height: 1.3;
}





/*contact*/
.contact .maintitle {
    background: url(/system_panel/uploads/images/contact_mainimg.jpg) no-repeat center top -10.2vw rgba(0, 0, 0, 0.7);
    /*20*/
    background-blend-mode: darken;
    background-size: cover;
}
.contact_cnt1 {
    width: 100%;
    padding: 8rem;
}

.contact_cnt1 .inner .window {
    width: 100%;
    background: #fef8ed;
    padding: clamp(2rem, 2.6vw, 5rem);
    margin: 0 auto 5rem;
}
.contact_cnt1 .inner .window>p {
    text-align: center;
    line-height: 3.2;
}
.contact_cnt1 .inner .banner {
    width: 90%;
    max-width: 100rem;
    margin: auto;
}
.contact_cnt1 .inner .banner img {
    width: 100%;
}
.contact_cnt2 {
    padding: 8rem 0;
    background: url(/system_panel/uploads/images/bgC.png);
}
.contact_cnt2 .inner>p {
    text-align: center;
    line-height: 3.2;
    margin: 0 auto 5rem;
}

.company_cnt2 .inner .dl {}
.company_cnt2 .inner .dt {}
.company_cnt2 .inner .dd {}
form .dl {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 1rem;
}
form .dl .dt {
    width: 20%;
    min-height: 6.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 0.2rem #ffcb1e;
    padding: 0.5rem 0 0.5rem 1.5rem;
    font-size: 1.6rem;
    font-weight: bold;
    align-self: stretch;
}
form .dt .required {
    display: grid;
    align-items: center;
    background: #ff861c;
    padding: 0.5rem;
    border-radius: 0.5rem;
    font-size: 1.4rem;
    color: #fff;
}
form .dl .dd {
    font-size: 1.6rem;
    width: 80%;
    min-height: 6.5rem;
    display: grid;
    align-items: center;
    border-bottom: solid 0.2rem #ff861c;
    padding: 0.5rem 0 0.5rem 1.5rem;
}
form .dl .dd.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    flex-wrap: wrap;
}
form .dl .dd.grid .size {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;

}
form .dl .dd.grid .size input {
    max-width: 5em;
}
form input[type="text"],
form input[type="email"],
form textarea {
    width: 100%;
    height: 5rem;
    border-radius: 0.5rem;
    border: none;
    border: 0.1rem solid #000;
}
form input.zipInput {
    width: 40%;
}
form input[type="text"],
form input[type="email"],
form input[type="checkbox"],
form textarea {
    padding: 0 1em;
}
form textarea {
    height: 17rem;
}
.fileCaution {
    line-height: 2;
    margin: 1rem 0;
}
.fileCaution2 {
    line-height: 2;
    color: #cc0000;
    margin: 1rem 0;
}
form .dl .dd .buttonA {
    margin: 1rem 0;
}
form .dl .dd .pic {
    margin: 0 auto 1rem;
    text-align: center;
}
form select {}
form .dl .dd .fileArea {
    width: 100%;
    margin: 1rem 0;
}
form .dl .dd .fileArea input {
    width: 100%;
}
form .dl .dd .selectArea {}
form .dl .dd .selectArea div {
    width: fit-content;
    display: inline-block;
}
form .dl .dd .radioArea {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 4.16vw;
    /*8*/
}
form .terms {
    background: #fff;
    border: 0.1rem solid #000;
    padding: 4rem;
    height: 41rem;
    border-radius: 0.5rem;
    overflow-y: scroll;
    margin: 0.5rem 0 5rem 0;
}
form .terms p {
    line-height: 2;
}
form .col {

    width: 100% !important;
    display: flex;
    justify-content: center;
    margin: 0 auto 5rem;
}
form .col label {
    width: fit-content;
}
form .privacyLabel {
    width: 100%;
    text-align: center;
}
form button {
    -webkit-appearance: none;
    display: block;
    margin: auto;
}
form .buttonA {
    margin: auto;
    border: none;
}
.col-md-3{
padding:10px;
margin-right:11px;}

.tshirt_price01{
width:49%;
display:inline-block;}

.table_tshirt .table_th,.table_tshirt .table_td{
padding:10px 5px;}