.row {
justify-content: center;
}
.wrapper {
overflow-x: hidden;
background: #fff;
}
.section-title {
margin-top: 3rem!important;
margin-bottom: 5rem !important;
text-align: center;
}
.s-last-g {
background: #fff;
}
.s-last-w {
background: #eff7f7;
}
.c-red {
color: #DB1521;
font-weight:bold
}
.marker {
background: linear-gradient(transparent 60%, yellow 50%);
}

img {
width: 100%;
}
p,h1,h2,h3,h4,h5,h6 {
font-family: 'Zen Kaku Gothic New', sans-serif;
letter-spacing: 1px;
}
.outfit-txt {
font-family: 'Outfit', 'Zen Kaku Gothic New',sans-serif;
}
.position-re{
position: relative;
}
.sp-br {
display: none;
}
@media (max-width: 768px) {
.section-title {
margin-top: 1rem!important;
margin-bottom: 2rem !important;
}
.sp-br {
display: block;
}
}


/*背景*/
.bg-g{
 background: #EFF7F7;
}
div#s09 .container{
  padding: initial;
}
.section-title,
.s_container .container,
div#s09 .container .sp-none img {
    padding: 0 14rem;
}


div#s09 .container .sp-none .s9-flow {
  background: #EFF7F7;
   padding: 0 1rem;
}

/* ボタン */
.col-12.col-md-3.l-btn.l-btn-new,
.col-12.col-md-4.l-btn {
    margin-bottom: 2.4rem;
}

/*s04*/

div#s04 .container {
    padding: 0 3rem;
}

.movie-box {
border: 1px solid #db1521;
padding: 10px;
}
.movie-box iframe {
width: 100%;
height: 285px;
}
.movie-box2 {
border: 1px solid #333;
padding: 10px;
}
.movie-box2 iframe {
width: 100%;
height: 345px;
}
.movie-txt1 {
font-size: 30px;
font-weight: 700;
text-align: center;
margin-bottom: 0;
letter-spacing: -1px;
}
.movie-txt2 {
font-size: 25px;
font-weight: 700;
text-align: center;
margin-bottom: 0;
}
.movie-txt3 {
font-size: 18px;
text-align: center;
}
p.movie-txt3 a {
  color: #333;
}

.tate-video .movie-box iframe {
    height: 520px;
}
.neo-video-box {
    margin-bottom: 10rem !important;
}

#s04 h4 {
font-size: 35px;
    text-align: center;
    font-weight: 700;
}

h3.case_h3 {
    font-size: 25px;
    text-align: center;
    font-weight: bold;
}
@media (max-width: 1600px) {
.movie-box iframe {
height: 330px;
}
.movie-box2 iframe {
height: 360px;
}
div#s04 .container {
    padding: 0 1rem;
}

}
@media (max-width: 1200px) {
.section-title,
.s_container .container
div#s09 .container .sp-none img {
    padding: 0 6rem;
}

.movie-box iframe {
width: 100%;
height: 215px;
}
.movie-box2 iframe {
width: 100%;
height: 270px;
}
}
@media (max-width: 992px) {
.movie-box iframe {
width: 100%;
height: 477px;
}
.movie-box2 iframe {
width: 100%;
height: 370px;
}
.section-title,
.s_container .container
 {
    padding: 0;
}
.neo-video-qr{
  display: none;
}
}
@media (max-width: 768px) {
  #s04 h4 {
        font-size: 24px;
    }
#s04 h3 {
font-size: 16px;
}
.movie-txt1 {
font-size: 20px;
}
.movie-txt2 {
font-size: 16px;
}
.movie-txt3 {
font-size: 16px;
word-wrap: break-word;
margin-bottom: 0;
}
.movie-box iframe {
height: 357px;
}
.movie-box2 iframe {
height: 360px;
}

  .sp-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* iOSで慣性スクロール */
    margin-bottom: 1rem;
    background: #eef7f7;
        padding: 10px;
  }

  /* グローバルの img{width:100%} を打ち消して、横スクロールできるようにする */
  .sp-scroll img {
    width: auto;
    max-width: none;
    height: 260px; /* お好みの高さに調整してください */
    display: block;
  }
}

@media (max-width: 400px) {
.movie-box iframe {
height: 170px;
}
.movie-box2 iframe {
height: 175px;
}
}

/* NEOの制作事例（QR + 動画） */
.neo-video-box {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2.4rem 3rem;
max-width: 1600px;
margin: 0 auto;
}
.neo-video-item {
display: flex;
align-items: center;
gap: 1.6rem;
    justify-content: center;
}
.neo-video-item .movie-box {
flex: 1 1 auto;
min-width: 0;
max-width: 520px;
padding: 6px;
margin-bottom: 0;
}


.neo-video-qr img {
width: 100%;
display: block;
}

@media (max-width: 1200px) {
.neo-video-qr {
flex: 0 0 110px;
width: 110px;
}
.neo-video-item .movie-box {
max-width: 340px;
}

}
@media (max-width: 992px) {
.neo-video-box {
grid-template-columns: 1fr;
gap: 2.4rem;
}

.neo-video-item .movie-box {
max-width: 420px;
}

}
@media (max-width: 768px) {
.neo-video-item {
gap: 1rem;
}


.neo-video-item .movie-box {
max-width: 100%;
}
}
@media (max-width: 400px) {
.neo-video-item {
flex-direction: column;
}

}


/* フッター */
.footer {
background-color: #ababab;
background-image: url(../img/bg_footer_2px.jpg);
}
.footer p {
text-align: center;
color: #fff;
font-size: 0.9em;
padding: 1.25rem 0;
margin:0;
}


/*  */
img.mw-100.sec-num {
width: 70px;
display: block;
margin: 0 auto;
}
.col-11.col-md-8.s9-p-fl {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  align-items: center;
  align-content: center;
}
.col-11.col-md-8.s9-p-fl img {
width: 50%;
}
.col-11.col-md-8.s9-s-fl {
display: flex;
justify-content: space-around;
}
.col-11.col-md-8.s9-s-fl img {
width: 18%;
}
/* .col-11.col-md-8.s9-l-fl {
display: flex;
justify-content: center;
align-items: center;
} */
.col-11.col-md-8.s9-l-fl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.col-11.col-md-8.s9-l-fl img {
width: 35%;
}
.col-11.col-md-8.s9-l-n img:last-child {
  width: 22%;
  margin: 0 90px;
}
div#s04 .row.mb-5 {
max-width: 1320px;
margin: 0 auto;
margin-bottom: 5rem !important;
}
h3.sec_title {
margin-top: 1rem;
font-size: 2.5rem;
font-weight: 700;
border-bottom: 2px solid #db1521;
display: inline-block;
padding-bottom: 0.5rem;
}
h3.sec_title .c-red {
  font-size: 120%;
}
.row.btn_block {
margin-top: 1.8rem;
}
.pc-none {
  display: none;
}
.row.mb-5.s04-last-block {
  margin-bottom: 1rem !important;
}

.col-11.col-md-8.s07-fl {
  display: flex;
  justify-content: space-between;
}
.col-11.col-md-8.s07-fl img {
  width: 32%;
}
p.text-center.s07_last {
  font-size: 2rem;
  border-bottom: none;
  margin-top: 3rem;
  font-weight: 700;
}

@media(max-width: 768px) {
  img.mw-100.sec-num {
    width: 43px;
}
img.s1-gmo-logo {
  width: 95%;
}
  div#s01 h3.sec_title {
    display: block;
  }
  h3.sec_title {
    font-size: 2rem;
    margin-top: 0.5rem;
}
div#s01 img.mw-100.sec-num {
  margin-bottom: 0.5rem;
}
#s04 h3.sec_title {
  font-size: 2rem;
}
#s09 h3.sec_title {
  margin-top: 0;
  font-size: 2rem;
}
.wrapper .mb-5 {
  margin-bottom: 1rem !important;
}
#s02 .container, #s04 .container, #s06 .container, #s08 .container {
  padding-top: 10px;
  padding-bottom: 50px;
}
#s01 .container, #s03 .container, #s05 .container, #s07 .container, div#s09 .container {
  padding-top: 10px;
  padding-bottom: 50px;
}
div#s06 p.text-center, div#s07 p.text-center {
  font-size: 1.5rem;
  margin-bottom: 0.8rem;
  margin-top: -20px;
}
div#s06 p.text-center.s06_last, div#s07 p.text-center.s07_last,p.text-center.s07_last {
  font-size: 1.4rem;
  border-bottom: none;
  margin-top: 3rem;
}
.sp-none {
  display: none;
}
.pc-none {
  display: block;
}
.row.btn_block {
  margin-top: 0.5rem;
}
p.s09_plan_p.text-center {
  font-size: 1.8rem;
}
p.s09_in_tit.text-center {
  font-size: 1.8rem;
}
p.s09_in_txt.text-center {
  font-size: 1.4rem;
}
.col-11.col-md-8.s9-s-fl {
  flex-wrap: wrap;
}
.col-11.col-md-8.s9-s-fl img {
  width: 46%;
  display: block;
  margin: 0 auto;
}
.col-11.col-md-8.s9-p-fl {
  display: block;
}
.col-11.col-md-8.s9-p-fl img {
  width: 100%;
  display: block;
  margin: 0 auto;
}
.col-11.col-md-8.s9-l-fl {
  display: block;
  margin-top: 10px;
}
.col-11.col-md-8.s9-l-fl img {
  display: block;
  margin: 0 auto;
  width: 78%;
}
/* .col-11.col-md-8.s9-l-fl img:last-child {
  width: 45%;
} */
p.s09_last.text-center {
  font-size: 1.8rem;
}
.col-12.l-btn {
  width: 88%;
}
#mv {
    padding-top: 0px;
}
.row.mb-5.sp_bg_wh {
  background: #fff;
  margin-top: 1rem;
  padding: 15px 0 23px;
}
}


.col-11.col-md-8.s9-p-ntxt {
  text-align: right;
  font-weight: bold;
  color: #db1521;
  margin-top: 5px;
}
.r-sec-n {
  margin-top: 3rem!important;
  margin-bottom: 2rem !important;
}



.col-11.col-md-8.s9-p-ntxt {
  text-align: left;
  font-weight: bold;
  color: #db1521;
  margin-top: 8px;
}
.col-11.col-md-8.s9-p-ntxt p {
  margin-bottom: 0;
}


/* 20230222 */
p.mb-5.f-cp {
  text-align: left;
  font-weight: bold;
  color: #db1521;
  margin-top: 8px;
}


.col-11.col-md-8.p-ntxt {
  text-align: right;
    font-weight: bold;
    color: #db1521;
    margin: 8px auto 0;
}
/* .col-11.col-md-8.s07-fl {
  justify-content: center;
} */

/* 20230529 */
.row.btn_block.btn_block_10 {
  margin-top: -3rem;
  margin-bottom: 10rem;
}

/* 20230824 */
.yg-bg {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.yg-bg .col-md-8 {
  background: #fff;
  margin-top: 0;
}
.row.section-title.yg-bg .col-md-8 {
  padding: 30px 0 0;
  margin-top: 70px;
  border-radius: 30px 30px 0 0;
}
.row.yg-bg.yg-mid .col-md-8 {
  padding: 65px 0px 20px;
}
.yg-mid .col-md-8 img {
  width: 60%;
  margin: 0 auto;
  display: block;
}
.row.section-title.yg-bg h3.sec_title {
  border-bottom: none;
  font-size: 3.5rem;
}
.row.yg-bg.yg-last .col-md-8 {
  padding: 0px 40px 60px;
  border-radius: 0 0 30px 30px;
}
.row.yg-bg.yg-last .s11_last {
  font-size: 2rem;
}
@media(max-width: 768px) {
  .row.section-title.yg-bg h3.sec_title {
    font-size: 1.5rem;
}
.row.section-title.yg-bg .col-md-8 {
  padding: 30px 0 0;
  margin-top: 60px;
  border-radius: 0px 0px 0 0;
}
.yg-mid .col-md-8 img {
  width: 95%;
}
.row.yg-bg.yg-last .s11_last {
  font-size: 1.5rem;
  margin-top: 1rem;
}
.row.yg-bg.yg-last .col-md-8 {
  padding: 0px 10px 30px;
  border-radius: 0 0 0px 0px;
}
}

@media (min-width: 992px) {
.add-sam .col-11.col-lg-5.mb-5 {
  flex: 0 0 auto;
  width: 28%;
}
}

/* 20240215 */
.row.btn_block.add-btn {
  margin-top: 0rem;
}
.row .alert-red {
  text-align: center;
  font-size: 60px;
  background: #db1521;
  color: #FFF;
  font-weight: bold;
  padding: 5px 0 0;
  margin-top: 20rem;
}

#s06 h4.add-sam-ttl {
  font-size: 2.5rem;
  text-align: center;
  font-weight: 700;
  background: none;
  width: 70%;
  margin: 3rem auto 2.5rem;
  border-bottom: dashed #db1521 2px;
  padding-bottom: 15px;
}
.add-sam .col-11.col-lg-5.mb-5 p {
  margin: 0 auto;
  width: 98%;
  text-align: center;
}
p.add-sam-ttl {
  color: #db1521;
  font-weight: bold;
  font-size: 30px;
  border-bottom: 1px solid #db1521;
  padding: 15px 0 5px;
}
p.add-sam-txt {
  font-size: 24px;
  padding: 8px 0 0;
  font-weight: bold;
}
@media (max-width: 768px) {
  .row.btn_block.add-btn {
    margin-top: 0.5rem;
}
.row .alert-red {
  font-size: 33px;
  padding: 10px 0 0;
  margin-top: 5rem;
}
  p.add-sam-ttl {
    font-size: 24px;
    padding: 5px 0 3px;
}
p.add-sam-txt {
  font-size: 20px;
  padding: 5px 0 0;
}
}
div#s04 .row.mb-5.s04-last-block {
  margin-top: -3rem;
}

/* .space_area {
  width: 7%;
  margin: 15rem auto 0;
} */

.add-arrow-p {
  position: relative;
}
.add-arrow-p:after {
  position: absolute;
  content: "";
  display: block;
  background: url(../img/arr-space.png) no-repeat top center/10%;
  width: 100%;
  height: 20rem;
  margin-top: 40px;
}

div#s04 .row.mb-5.case-3-add {
  margin-bottom: 0rem !important;
    margin-top: 0rem;
}

.row.section-title.r-sec-n {
  flex-direction: column;
  align-items: center;
}




/* 20250304 */
.site-seal {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 40px auto;
}

.Internet-logo img {
  height: 18px;
  width: auto;
  margin: 20px 0px;
}

.Internet-logo {
  max-width: 1040px;
  margin: 0 auto;
  display: flex;
  gap: 20px;
}


.footer-sns-box {
    display: flex;
    gap: 10px;
    flex-direction: row;
    align-content: center;
}

.footer-sns-box img {
    width: 20px;
    height: auto;
}

@media ( max-width : 768px ){
.Internet-logo {
    flex-direction: column;
    align-items: center;
    gap: 0;
}
.footer-sns-box img {
    margin-bottom: 20px;
    margin-top: 0;
}
}

.section-item.w-bk {
  background-color: #fff;
}
@media (max-width: 1024px) {
section.last-s {
  margin-bottom: auto;
  background-color: #fff;
  padding: inherit;
}

section.last-s.section::after{
  display: none;
}
.last-s .section-title {
  background: #92ce4b;
  padding: 20px 20px 1px;
  border-radius: 0;
}
}