
#ikt{
  line-height:1.8;
}
#ikt a{
  text-decoration:none;
}
#ikt a:hover{
  text-decoration:none;
  color:#43BF55;
  text-decoration:underline;
}
#ikt figure{
  margin:0;
  float: left;
  width: 132px;
}
#ikt img{
  width:100%;
  height:100%;
  vertical-align:bottom;
}

#ikt h2:before, #ikt h3:before{
  content:none;
}
#ikt section > *:nth-child(n+2){
  margin-top:0;
}
@media screen and (min-width: 576px){
  #ikt .ikt-sp{
    display:none;
  }
}
#ikt .ikt-header, #ikt .ikt-inner{
  max-width:calc(1080px + 8%);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:0 4%;

}

#ikt .ikt-totop{
  max-width:calc(1080px + 8%);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:0;

}

#ikt .ikt-01{
  background-color:#F6FAF6;
  margin-top:-80px;
  width:100%;
  height:100%;
}

#ikt .ikt-02{
  background-color:#F5FBFE;
  margin-top:-80px;
  width:100%;
  height:100%;
}

#ikt .ikt-03{
  background-color:#FFFEF7;
  margin-top:-80px;
  width:100%;
  height:100%;
}

@media screen and (max-width: 768px){
  #ikt .ikt-01{margin-bottom:100px;}
  #ikt .ikt-02{padding-bottom:70px;}
  #ikt .ikt-03{padding-bottom:70px;}
}

.pck { display:none; }

.spk { display:inline; }

.col-y{ width:100%;}

.you-smv {
  width: 100%;
  aspect-ratio: 9 / 16;

}

.you-smv iframe {
  border-radius:10px;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px){ 
  .col-y{ width:100%;}
  .you-smv iframe { width:40%;height: 40%;}
  .pck { display:inline; }
  .spk { display:none; }
}


@media screen and (max-width: 768px){
  #ikt .ikt-header, #ikt .ikt-inner{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    padding:0 8%;
  }
}
@media screen and (min-width: 768px){
  #ikt .ikt-header, #ikt .ikt-inner{
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
  }
}
@media screen and (min-width: 1080px){
  #ikt .ikt-header, #ikt .ikt-inner{
    margin:0 auto;
  }
}
#ikt .ikt-section{
  margin-top:0;

}

#ikt .ikt-section .ikt-header{
  width:auto;
  height:auto;
  position:static;
  -webkit-box-shadow:none;
          box-shadow:none;
  z-index:auto;
}
#ikt .ikt-section .ikt-header .ikt-inner{
  width:100%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:flex-start;
  margin:0 0 3.25% 0;
  padding:0 0 1.25% 0;
}
@media screen and (max-width: 768px){
  #ikt .ikt-section .ikt-header .ikt-inner{
    margin:0 0 4.75% 0;
    padding:0 0 2.25% 0;
  }
}
@media screen and (max-width: 576px){
  #ikt .ikt-section .ikt-header .ikt-inner{
    margin:0 0 6.25% 0;
    padding:0 0 3.25% 0;
  }
}
#ikt .ikt-section .ikt-text{
  width:90%;
}
@media screen and (max-width: 768px){
  #ikt .ikt-section .ikt-text{
    width:auto;
  }
}
#ikt .ikt-section .ikt-table{
  margin:4.75% 0;
}
@media screen and (max-width: 768px){
  #ikt .ikt-section .ikt-table{
    margin:7.5% 0;
  }
}
#ikt .ikt-section .ikt-image{
  width:70%;
  margin-top:20px;
}
@media screen and (max-width: 768px){
  #ikt .ikt-section .ikt-image{
    width:auto;
    margin:0 0 12.5% 0;
  }
}
@media screen and (max-width: 576px){
  #ikt .ikt-section .ikt-image{
    margin:0 0 9.5% 0;
  }
}

#ikt .ikt-col002{
  width: 100%;
  text-align: center;
  justify-content:left;
  margin:0 auto;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; /* IE10 */
}

#ikt .coll{
  width: 46%;
  margin-right:4%;
}

#ikt .colr{
  width: 46%;
  <!--width: 46%;-->
  margin-left:4%;
 <!-- 画像を中央に配置のため追加-->
}

div .img{
  margin: auto; /* ボタンの左右均等にスペースを作る */
}


<!-- 画像を横並びに配置-->
    .image-container {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* 列の自動調整 */
      grid-gap: 50px; /* 画像間のスペース */
    }

    .image-container img {
      max-width: 100%;
      height: auto;
    }


@media screen and (max-width: 768px){
  #ikt .coll{width:100%;margin:0;}
  #ikt .colr{width:100%;margin-top:10px; margin-left:0px;}
 <!-- #ikt .colr{width:100%;margin-top:80px; margin-left:0px;}-->
}
@media screen and (max-width: 576px){
  #ikt .ikt-section .ikt-image{
    margin:0 0 9.5% 0;
  }
}

#ikt .ikt-section {
  margin:4% 0;
}
#ikt .ikt-section a{
  color:#fff;
}
#ikt .ikt-section a:hover{
  color:#43BF55;
  text-decoration:none;
}


#ikt .ikt-section{
  margin:13.5% 0 8.5% 0;
  margin:13.5% 0 8.5% 0;
}
@media screen and (max-width: 576px){
  #ikt .ikt-section{
    margin:10.5% 0 7.5% 0;
  }
}

@media screen and (max-width: 576px){
  #ikt .ikt-section{
    margin:10.5% 0 7.5% 0;
  }
}
@media screen and (max-width: 768px){
  #ikt .ikt-section{
    font-size:1rem;
  }
}
#ikt .ikt-section {
  margin:0 0 2.5%;
}
#ikt .ikt-section {
  font-size:3rem;
  font-weight:400;
  line-height:1;
}
@media screen and (min-width: 768px){
  #ikt .ikt-section {
    font-size:3.25rem;
  }
}
@media screen and (min-width: 1024px){
  #ikt .ikt-section {
    font-size:4.25rem;
  }
}
@media screen and (min-width: 1080px){
  #ikt .ikt-section {
    font-size:5rem;
  }
}
@media screen and (max-width: 375px){
  #ikt .ikt-section {
    font-size:2.5rem;
  }
}
  #ikt .ikt-section .ikt-item .ikt-image{
    margin:0 0 4% 0;
  }
}

@media screen and (min-width: 576px){
  #ikt .ikt-main-graphic .ikt-inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
  }
}
  #ikt .ikt-main-graphic .ikt-text{
    width:50%;
  }

@media screen and (max-width: 576px){
  #ikt .ikt-main-graphic .ikt-inner{
    padding:0;
  }
  #ikt .ikt-main-graphic .ikt-text{
    padding:4vh 8vw;
  }
  #ikt .ikt-main-graphic h1{
    font-size:8vw;
    margin:0 0 2.25vh 0;
  }
  #ikt .ikt-main-graphic .ikt-lead{
    font-size:4.2vw;
  }
  #ikt .ikt-main-graphic .ikt-image{
    margin:0 0 1px 0;
  }
}

#ikt .ikt-list{
  line-height:1.2;
}
#ikt .ikt-list li{
  text-indent:-1.25em;
  margin:0 0 0.9em 1.25em;
  padding:0 0 0 1.25em;
}
@media screen and (max-width: 768px){
  #ikt .ikt-list li{
    margin:0 0 0.75em 1.25em;
  }
}
#ikt .ikt-list li:last-child{
  margin-bottom:0;
}
#ikt .ikt-list .ikt-number{
  line-height:1;
  display:inline-block;
  border-right:1px solid #52585d;
  margin:0 0.5em 0 0;
  padding:0 0.5em 0 0;
}

.ikt-key-visual-pc {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    display:block;
    width:100%;
}

.ikt-key-visual-sp {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    display:none;
    width:100%;
}

@media screen and (max-width: 768px){
  .ikt-key-visual-pc { display:none;}
  .ikt-key-visual-sp { display:block;}
}

.button-ikt {
    display: flex;
    justify-content: center;
    align: left;
    width: 280px;
    hight: 48px;
    margin-top: 80px;
    padding:0.5em 1em 0.5em 1em;
    border: 4px solid #43BF55;
    border-radius: 48px;
    color: #fff;
    background-image: url("/jp/headline/sougoukeizaitaisaku/img/ofbt.png");
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height:1.2;
    font-size: 18px;
}

.button-ikt:hover {
    color:#43BF55;
    border: 4px solid #43BF55;
    background-image: url("/jp/headline/sougoukeizaitaisaku/img/onbt.png");
}

@media screen and (max-width: 768px){
  .button-ikt { align: center;  margin: 40px auto;}
}


#ikt p {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height:2;
  border:0;
  margin:0;
  padding:0;
  font-size: 20px;
}

#ikt h2 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: bold;
  line-height:1.8;
  border:0;
  margin-top:100px;
  padding:0;
  font-size: 50px;
  color:#43BF55;
}

#ikt h3 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: bold;
  line-height:1.2;
  border:0;
  margin-top:20px;
  padding:0;
  font-size: 40px;
}

#ikt h4 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height:1.4;
  border:0;
  margin-top:20px;
  padding:0;
  font-size: 24px;
  color:#43BF55;
}

.bl-ti {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  color:#FFFFFF;
  font-size: 22px;
  line-height:1em;
  margin-top:10px;
  padding:2px 5px 2px 5px;
  background: #5776FF;
  width:fit-content;
}

.ye-ti {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  color:#000000;
  font-size: 22px;
  line-height:1em;
  margin-top:10px;
  padding:2px 5px 2px 5px;
  background: #FFED5D;
  width:fit-content;
}

.gr-ti {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  color:#FFFFFF;
  font-size: 22px;
  line-height:1em;
  margin-top:10px;
  padding:5px 5px 5px 5px;
  background: #43BF55;
  width:fit-content;
}


#ikt figcaption {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  border:0;
  margin-top:5px;
  padding:0;
  text-align:right;
  font-size: 16px;
}

.popit{
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
  line-height:1.4;
  border:0;
  margin-top:40px;
  padding:0;
  font-size: 70px;
  color:#43BF55;
}

.grmaru{
  font-size:15px;
  color:#43BF55;
  vertical-align:20%;
  margin-right:8px;
}

.h3-bk{
  color:#000000;
}

#ikt .ikt-ku{
  margin-top:0px;
  padding-top:80px;
  width:100%;
}

.hover-op{
  transition-property: opacity;
  transition-duration: 0.3s;
}
.hover-op:hover{opacity:0.6;}

.kthonbun{
  margin-top:80px;
  padding-top:4em;
  padding-bottom:4em;
  justify-content: center;
  align: center;
  text-align: center;
  background:#43BF55;
}

.img-w{
  width:50%;
  margin: 0 auto;
  justify-content: center;
  align: center;
  text-align: center;
}

.img-top{
  width:152px;
  margin-top:2em;
  margin-bottom:2em;
  justify-content: right;
  align: right;
  text-align: right;
}

@media screen and (max-width: 768px){
  .img-w {width:80%; align: center;}
}

.ikt-tb{
  width:100%
  display:table;
}

.tb-ti01{
  float:right;
  width:100%;
  align:left;
  text-align: left;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: nomal;
  line-height:1.6em;
  <!--line-height:2.2em;-->
  border:0;
  padding-left:50px;
  font-size: 24px;
  color:#5776FF;
}

.tb-ti02{
  width:100%;
  align:left;
  text-align: left;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: nomal;
  line-height:1.6em;
  <!--line-height:2.2em;-->
  border:0;
  padding-left:50px;
  font-size: 24px;
}

.tb-ti03{
  width:100%;
  align:left;
  text-align: left;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: nomal;
  line-height:1.6em;
  <!--line-height:2.2em;-->
  border:0;
  padding-left:50px;
  font-size: 24px;
  color:#43BF55;
}

@media screen and (max-width: 768px){
  .tb-ti01 .tb-ti02 .tb-ti03{ align: left; line-height:1.4em;padding-left:20px;}
}

.tb-tx{
  width:100%;
  align:left;
  text-align: left;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height:1.2em;
  border:0;
  padding-left:50px;
  font-size: 20px;
  color:#000000;
}


.btn0m {
  width: 100%;
}
.modal {
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.modal__overlay {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}
.modal__content {
  left: 50%;
  padding: 10px;
  position: absolute;
  text-align: right;
  top: 60%;
  transform: translate(-50%, -50%);
  height: 80%;

}
.modal__content img {
  width: 100%;

}
.fixed {
  height: 100%;
  position: fixed;
  width: 100%;
}

@media screen and (max-width: 768px){
  .modal__content {width:95%; padding: 0;}
}

*, *:before, *:after {
    box-sizing: border-box;
}
.col_2{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.col_2 > *{
    width: calc( 50% - 6px ) ;
    margin-right: 12px;
    margin-bottom: 12px;
}
.col_2 > *:nth-child(2n){
    margin-right: auto;
}
.col_2 > * > *{
    background: #ff0000;
    height: 120px;
    position: relative;
    overflow: hidden
}
@media screen and (max-width: 960px) {
    .col_2 > *{
        width: 100%;
        margin-right: auto;
    }
}


