@charset "UTF-8";
@import url('jquery.fs.boxer.css');

.tukusi {
  font-family:fot-tsukuardgothic-std, sans-serif !important;
  font-weight:400;
  font-style:normal;
}

.tukusibold {
  font-family:fot-tsukuardgothic-std, sans-serif !important;
  font-weight:700;
  font-style:normal;
}

/* ========================================================================

  /css/add.css

======================================================================== */
/************************************************************************
  margin
************************************************************************/
.mb20 {
  margin-bottom:20px !important;
}

.mb30 {
  margin-bottom:30px !important;
}

.mb50 {
  margin-bottom:30px !important;
}

.mt50 {
  margin-top:50px !important;
}

/************************************************************************
  text-align
************************************************************************/
.alignC {
  text-align:center !important;
}

.alignR {
  text-align:right !important;
}

.alignL {
  text-align:left !important;
}

/************************************************************************
  PC or SP
************************************************************************/
.pc-only { display:inherit; }
.sp-only { display:none; }

/* ============ smart phone ============ */
@media screen and (max-width:640px) {
.pc-only { display:none; }
.sp-only { display:inherit; }
}
/************************************************************************
  #mainimg
************************************************************************/
/* .btn-bg */
#mainimg.top a.btn-more.btn-bg {
  padding-right:35px;
  width:425px;
  background:url("../img/top/btn.svg") no-repeat transparent;
  background-size:100% auto;
  box-sizing:border-box;
  border-radius:0;
}

a.blocllinkfv {
  display:block;
  width:100%;
  height:100%;
}

/* .li9 ================== */
#mainimg.top .li9 .text {
  position:relative;
}

#mainimg.top .li9 a.view-more {
  right:0;
  left:0;
}

/* .li12 ================== */
#mainimg.top .li12 a.btn-more {
  font-size:18px;
  font-size:1.2rem;
}

#mainimg.top .li12 a.btn-more.absolute:nth-child(2) {
  bottom:110px !important;
}

#mainimg.top .li12 a.view-more.up {
  bottom:70px !important;
}

#mainimg.top .li12 .img {
  background:url("../img/top/bg-kv_12.jpg") no-repeat center center;
  background-size:cover;
}

#mainimg.top .li12 p {
  text-align:center;
  vertical-align:middle;
}

#mainimg.top .li12 p img {
  /*width:95%; height:100%;*/
}

#mainimg.top .li12 p.left {
  width:calc(630/1980*100%);
  height:100%;
  position:absolute;
}

#mainimg.top .li12 p.left img {
  margin:auto;
  width:calc(349/640*100%);
  height:calc(929/1100*100vw);
  max-height:85%;
  position:absolute;
  top:0;
  bottom:0;
  left:calc(52/630*100%);
}

#mainimg.top .li12 p.right {
  width:calc(1190/1980*100%);
  height:calc(241/1100*100vw);
  max-height:22%;
  position:absolute;
  /*top:calc(60/1100*100vw);*/
  top:60px;
  right:calc(60/1980*100%);
}

/* .li13 ================== */
#mainimg.top .li13 .img {
  background:url("../img/top/bg-kv_13.jpg") no-repeat center center;
  background-size:cover;
}

#mainimg.top .li13 .text {
  margin:auto;
  padding:0;
  width:calc(1779/1980*100%);
  max-height:88%;
  background-color:transparent !important;
  top:0;
  bottom:0;
}

#mainimg.top .li13 .text img {
  width:100%;
  height:100%;
}

/* .li14 ================== */
#mainimg.top .li14 .img {
  background:url("../img/top/bg-kv_14.jpg") no-repeat center center #eeece0;
  background-size:100% auto;
}

#mainimg.top .li14 .text {
  margin:auto;
  padding:0;
  width:calc(918/1980*100%);
  background-color:transparent !important;
  position:absolute;
  top:calc(557/1100*100vh);
  right:0;
  left:0;
}

/* .li15 ================== */
#mainimg.top .li15 .img {
  background:url("../img/top/bg-kv_15.jpg") no-repeat bottom right;
  background-size:cover;
}

#mainimg.top .li15 .overwrap {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
}

#mainimg.top .li15 .overwrap .overwrap__inner {
  width:70%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

#mainimg.top .li15 .overwrap .overwrap__inner picture {
  width:80%;
  display:block;
}

#mainimg.top .li15.slick-current .overwrap {
  animation-name:li15;
  animation-duration:1.2s;
  animation-timing-function:ease;
  animation-delay:1s;
  animation-fill-mode:forwards;
}

@keyframes li15 {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
/* .li16 ================== */
#mainimg.top .li16 .img .left {
  width:calc(850/1980*100%);
  background:url("../img/top/img_kv_16_left.png") no-repeat center center;
  background-size:cover;
  position:relative;
}

#mainimg.top .li16 .img .left img {
  margin:auto;
  width:calc(330/850*100%);
  height:auto;
  max-height:22%;
  position:absolute;
  top:0;
  bottom:0;
  left:50px;
  right:auto;
}

#mainimg.top .li16 .img .right {
  width:calc(1130/1980*100%);
  background:url("../img/top/img_kv_16_right.png") no-repeat center center;
  background-size:cover;
  position:relative;
}

#mainimg.top .li16 .img .right img {
  margin:auto;
  /*width:calc(553/1130*100%);*/
  height:auto;
  max-height:90%;
  position:absolute;
  top:0;
  bottom:0;
  left:50px;
  right:auto;
}

#mainimg.top .li16 .text {
  margin:auto;
  width:calc(863/1980*100%);
  position:absolute;
  top:calc(434/1100*100%);
  left:calc(439/1980*100%);
  z-index:1;
}

/* .li17 ================== */
#mainimg.top .li17 .img .left {
  width:calc(850/1980*100%);
  background:url("../img/top/img_kv_17_left.png") no-repeat center center;
  background-size:cover;
  position:relative;
}

#mainimg.top .li17 .img .left img {
  margin:auto;
  width:calc(340/850*100%);
  height:auto;
  max-height:23%;
  position:absolute;
  top:calc(241/1100*100%);
  bottom:auto;
  left:50px;
  right:auto;
}

#mainimg.top .li17 .img .right {
  width:calc(1130/1980*100%);
  background:url("../img/top/img_kv_17_right.png") no-repeat center center;
  background-size:cover;
  position:relative;
}

#mainimg.top .li17 .img .right img {
  margin:auto;
  height:auto;
  max-height:90%;
  position:absolute;
  top:0;
  bottom:0;
  right:50px;
  left:auto;
}

#mainimg.top .li17 .text {
  margin:auto;
  width:calc(863/1980*100%);
  position:absolute;
  top:calc(434/1100*100%);
  left:calc(439/1980*100%);
  z-index:1;
}

/* .li18 ================== */
#mainimg.top .li18 .text {
  margin:auto;
  width:calc(502/1980*100%);
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  z-index:1;
  display:flex;
  align-items:center;
}

#mainimg.top .li18 .img .left {
  width:calc(990/1980*100%);
  background:url("../img/top/img_kv_18_left.png") no-repeat center center;
  background-size:cover;
  position:relative;
}

#mainimg.top .li18 .img .left img {
  margin:auto;
  width:calc(905/990*100%);
  height:auto;
  position:absolute;
  top:auto;
  bottom:50px;
  right:50px;
  left:auto;
}

#mainimg.top .li18 .img .right {
  width:calc(990/1980*100%);
  background:url("../img/top/img_kv_18_right.png") no-repeat center center;
  background-size:cover;
  position:relative;
}

#mainimg.top .li18 .img .right img {
  margin:auto;
  width:calc(156/990*100%);
  height:auto;
  position:absolute;
  top:auto;
  bottom:50px;
  left:50px;
  right:auto;
}

/* .li19 ================== */
#mainimg.top .li19 .text {
  margin:auto;
  width:calc(553/1980*100%);
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  z-index:1;
  display:flex;
  align-items:center;
}

#mainimg.top .li19 .img .left {
  width:calc(990/1980*100%);
  background:url("../img/top/img_kv_19_left.png") no-repeat center center;
  background-size:cover;
  position:relative;
}

#mainimg.top .li19 .img .left img {
  margin:auto;
  width:calc(904/990*100%);
  height:auto;
  position:absolute;
  top:auto;
  bottom:50px;
  right:50px;
  left:auto;
}

#mainimg.top .li19 .img .right {
  width:calc(990/1980*100%);
  background:url("../img/top/img_kv_19_right.png") no-repeat center center;
  background-size:cover;
  position:relative;
}

#mainimg.top .li19 .img .right img {
  margin:auto;
  width:calc(391/990*100%);
  height:auto;
  position:absolute;
  top:auto;
  bottom:50px;
  left:50px;
  right:auto;
}

/* .li20 ================== */
#mainimg.top .li20 .img {
  background:url("../img/top/bg-kv_20.jpg") no-repeat bottom right;
  background-size:cover;
  height:100%;
}

/* .li21 ================== */
#mainimg.top .li21 .img {
  background-image:url("../img/top/bg-kv_21_inner_3.png"), url("../img/top/bg-kv_21.jpg");
  background-repeat:no-repeat, no-repeat;
  background-position:bottom right, bottom right;
  background-size:calc(723/1366*100vmin) calc(444/1366*100vmin), cover;
  height:100%;
}

#mainimg.top .li21 .img .inner {
  width:80%;
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  mix-blend-mode:multiply;
  z-index:1;
  height:auto;
}

#mainimg.top .li21 .img .inner_2 {
  width:80%;
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  z-index:2;
  height:auto;
}

#mainimg.top .li21 .img img:hover {
  opacity:1;
}

/* .li22 ================== */
#mainimg.top .li22 .img {
  background-image:url("../img/top/bg-kv_22_img.png");
  background-size:calc(723/1366*100vmin) calc(444/1366*100vmin);
  background-repeat:no-repeat;
  background-position:bottom right;
  height:100%;
  background-color:#eeece1;
}

#mainimg.top .li22 .img .inner {
  height:70vmin;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  display:flex;
  align-items:center;
}
@media (max-width:660px) {
  #mainimg.top .li22 .img .inner {
    width:75%;
    height:auto;
  }
}

#mainimg.top .li22 .img .inner picture {
  display:block;
  width:100%;
}

/* .li23 ================== */
#mainimg.top .li23 .img {
  background:#b7dee8;
  height:100%;
  position:relative;
}

#mainimg.top .li23 .img .inner {
  height:50vmin;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  display:flex;
  justify-content:center;
  align-items:center;
}
@media (max-width:660px) {
  #mainimg.top .li23 .img .inner {
    width:80%;
    height:auto;
  }
}

#mainimg.top .li23 .img .inner img {
  width:auto;
  height:100%;
}

/* .li24 ================== */
#mainimg.top .li24 .img {
  background:#b7dee8;
  height:100%;
  position:relative;
}

#mainimg.top .li24 .img .inner {
  height:50vmin;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  display:flex;
  justify-content:center;
  align-items:center;
}

#mainimg.top .li24 .img .inner img {
  width:auto;
  height:100%;
  object-fit:contain;
}
@media (max-width:660px) {
  #mainimg.top .li24 .img .inner img {
    width:80%;
    height:auto;
  }
}

/* .li25 ================== */
#mainimg.top .li25 .img {
  background:#b7dee8;
  height:100%;
  position:relative;
}

#mainimg.top .li25 .img .inner {
  height:80vmin;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  display:flex;
  justify-content:center;
  align-items:center;
  width:80%;
}
@media (max-width:660px) {
  #mainimg.top .li25 .img .inner {
    width:80%;
    height:auto;
  }
}

#mainimg.top .li25 .img .inner img {
  width:auto;
}

/* .li26 ================== */
#mainimg.top .li26 a {
  display:flex;
}
@media (max-width:660px) {
  #mainimg.top .li26 a {
    flex-direction:column;
  }
}

#mainimg.top .li26 a .imglayout {
  width:calc(100% - min(40%, 620px));
  display:flex;
}
@media (max-width:660px) {
  #mainimg.top .li26 a .imglayout {
    width:100%;
    height:33%;
    order:2;
  }
}

#mainimg.top .li26 a .imglayout .bgwrap {
  width:calc(100% / 3);
  height:100%;
  background-position:center center;
  background-size:cover;
  display:flex;
  align-items:flex-end;
}

#mainimg.top .li26 a .imglayout .bgwrap .bgwrapttl {
  width:100%;
}

#mainimg.top .li26 a .imglayout .bgwrap.nth-1 {
  background-image:url(../img/top/bg-kv_26_bg1.jpg);
}

#mainimg.top .li26 a .imglayout .bgwrap.nth-2 {
  background-image:url(../img/top/bg-kv_26_bg2.jpg);
}

#mainimg.top .li26 a .imglayout .bgwrap.nth-3 {
  background-image:url(../img/top/bg-kv_26_bg3.jpg);
}

#mainimg.top .li26 a .textlayout {
  width:min(40%, 620px);
  background:#eeece1;
  display:flex;
  align-items:center;
  justify-content:center;
}
@media (max-width:660px) {
  #mainimg.top .li26 a .textlayout {
    width:100%;
    height:67%;
    order:1;
  }
}

#mainimg.top .li26 a .textlayout .inner {
  width:calc(100% - (66px*2));
  /* background:yellow; */
}
@media (max-width:660px) {
  #mainimg.top .li26 a .textlayout .inner {
    width:auto;
    height:86%;
  }
}

#mainimg.top .li26 a .textlayout .inner img {
  width:100%;
}
@media (max-width:660px) {
  #mainimg.top .li26 a .textlayout .inner img {
    height:100%;
    width:auto;
    object-fit:contain;
  }
}

/* .li27 ================== */
#mainimg.top .li27 a {
  display:flex;
}
@media (max-width:660px) {
  #mainimg.top .li27 a {
    flex-direction:column;
  }
}

#mainimg.top .li27 a .imglayout {
  width:calc(100% - min(40%, 620px));
  /* background:green; */
  display:flex;
  flex-wrap:wrap;
}
@media (max-width:660px) {
  #mainimg.top .li27 a .imglayout {
    width:100%;
    height:33%;
    order:2;
  }
}

#mainimg.top .li27 a .imglayout .bgwrap {
  background-position:center center;
  background-size:cover;
  display:flex;
  align-items:flex-end;
}

#mainimg.top .li27 a .imglayout .bgwrap .bgwrapttl {
  width:100%;
}

#mainimg.top .li27 a .imglayout .bgwrap.nth-1 {
  width:calc(100% / 2);
  height:50%;
  background-image:url(../img/top/bg-kv_27_bg1.jpg);
  align-items:flex-start;
}

#mainimg.top .li27 a .imglayout .bgwrap.nth-2 {
  width:calc(100% / 2);
  height:50%;
  background-image:url(../img/top/bg-kv_27_bg2.jpg);
  align-items:flex-start;
}

#mainimg.top .li27 a .imglayout .bgwrap.nth-3 {
  width:calc(100% / 3);
  height:50%;
  background-image:url(../img/top/bg-kv_27_bg3.jpg);
}

#mainimg.top .li27 a .imglayout .bgwrap.nth-4 {
  width:calc(100% / 3);
  height:50%;
  background-image:url(../img/top/bg-kv_27_bg4.jpg);
}

#mainimg.top .li27 a .imglayout .bgwrap.nth-5 {
  width:calc(100% / 3);
  height:50%;
  background-image:url(../img/top/bg-kv_27_bg5.jpg);
}

#mainimg.top .li27 a .textlayout {
  width:min(40%, 620px);
  background:#eeece1;
  display:flex;
  align-items:center;
  justify-content:center;
}
@media (max-width:660px) {
  #mainimg.top .li27 a .textlayout {
    width:100%;
    height:67%;
    order:1;
  }
}

#mainimg.top .li27 a .textlayout .inner {
  width:calc(100% - (66px*2));
  /* background:yellow; */
}
@media (max-width:660px) {
  #mainimg.top .li27 a .textlayout .inner {
    width:auto;
    height:86%;
  }
}

#mainimg.top .li27 a .textlayout .inner img {
  width:100%;
}
@media (max-width:660px) {
  #mainimg.top .li27 a .textlayout .inner img {
    height:100%;
    width:auto;
    object-fit:contain;
  }
}

/* a.view-more */
a.view-more {
  color:#03457c;
  font-weight:bold;
  font-size:30px;
  position:absolute;
  bottom:30px;
  right:30px;
}

a.view-more-W {
  color:#ffffff;
}

a.view-more:hover {
  text-decoration:underline dotted #03457c;
}

a.view-more-W:hover {
  text-decoration:underline dotted #ffffff;
}

a.view-more::after {
  content:"";
  margin:0 0 0 0.5em;
  width:16px;
  height:24px;
  background-repeat:no-repeat;
  background-size:100% auto;
  vertical-align:middle;
  display:inline-block;
}

a.view-more-B::after {
  background:url("../img/top/icon_arrow.svg");
}

a.view-more-W::after {
  background:url("../img/top/icon_arrow_W.svg");
}

@media screen and (max-width:660px) {
  #mainimg.top .li12 .img {
    background-image:url("../img/top/bg-kv_12_sp.jpg");
    background-size:100% auto;
  }

  #mainimg.top .li12 a.btn-more {
    font-size:14px;
    font-size:0.9333333333rem;
  }

  #mainimg.top .li12 a.btn-more.absolute:nth-child(2) {
    bottom:60px !important;
  }

  #mainimg.top .li12 p img {
    display:none;
  }

  /* .btn-bg */
  #mainimg.top a.btn-more.btn-bg {
    margin:auto;
    padding-right:15px;
    width:245px;
    right:0;
    left:0;
  }

  /* .li9 ================== */
  #mainimg.top .li9 a.view-more {
    text-align:center;
  }

  /* .li11 ================== */
  #mainimg.top .li11 {
    background:url("../img/top/bg-kv_11_sp.jpg");
    background-size:100% auto;
  }

  #mainimg.top .li11 .left {
    display:none;
  }

  #mainimg.top .li11 .right {
    display:none;
  }

  /* .li13 ================== */
  #mainimg.top .li13 .img {
    background:url(../img/top/bg-kv_13_sp.jpg) no-repeat center center;
    background-size:cover;
  }

  /* .li14 ================== */
  #mainimg.top .li14 .img {
    background-position:center calc(357/1690*100%);
    background-size:calc(1170/1180*100%) auto;
  }

  #mainimg.top .li14 .text {
    width:calc(954/1180*100%);
    height:auto;
    top:calc(878/1690*100%);
  }

  /* .li15 ================== */
  #mainimg.top .li15 .overwrap .overwrap__inner {
    width:100%;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding-top:8vw;
  }

  #mainimg.top .li15 .img {
    background:url(../img/top/bg-kv_15_sp.jpg) no-repeat bottom right;
    background-size:cover;
  }

  /* .li16 ================== */
  #mainimg.top .li16 .img .left {
    width:100%;
    height:calc(580/1690*100vw);
    background-image:url("../img/top/img_kv_16_left_sp.png");
    background-size:cover;
  }

  #mainimg.top .li16 .img .left img {
    margin:0;
    width:calc(330/1180*100%);
    max-height:initial;
    top:calc(169/580*100%);
    left:calc(42/1180*100%);
  }

  #mainimg.top .li16 .img .right {
    width:100%;
    height:calc(1110/1690*100vw);
    background-image:url("../img/top/img_kv_16_right_sp.png");
    background-size:cover;
  }

  #mainimg.top .li16 .img .right img {
    margin:auto 0;
    width:calc(570/1180*100%);
    top:0;
    bottom:0;
    left:calc(42/1180*100%);
  }

  #mainimg.top .li16 .text {
    width:calc(690/1180*100%);
    height:calc(186/1690*100%);
    top:calc(198/1690*100%);
    right:calc(51/1180*100%);
    left:auto;
  }

  /* .li17 ================== */
  #mainimg.top .li17 .img .left {
    width:100%;
    height:calc(580/1690*100vw);
    background-image:url("../img/top/img_kv_17_left_sp.png");
    background-size:cover;
  }

  #mainimg.top .li17 .img .left img {
    margin:0;
    width:calc(340/1180*100%);
    max-height:initial;
    top:calc(40/580*100%);
    bottom:auto;
    left:calc(40/1180*100%);
    right:auto;
  }

  #mainimg.top .li17 .img .right {
    width:100%;
    height:calc(1110/1690*100vw);
    background-image:url("../img/top/img_kv_17_right_sp.png");
    background-size:cover;
  }

  #mainimg.top .li17 .img .right img {
    margin:auto 0;
    width:calc(841/1180*100%);
    max-height:initial;
    top:0;
    bottom:0;
    right:calc(50/1180*100%);
    left:auto;
  }

  #mainimg.top .li17 .text {
    margin:auto;
    width:calc(690/1180*100%);
    height:calc(186/1690*100%);
    top:calc(323/1690*100%);
    left:calc(20/1180*100%);
  }

  /* .li18 ================== */
  #mainimg.top .li18 .text {
    margin:auto;
    width:calc(753/1180*100%);
    top:0;
    bottom:0;
    right:0;
    left:0;
  }

  #mainimg.top .li18 .img .left {
    width:100%;
    background-image:url("../img/top/img_kv_18_left_sp.png");
    background-size:cover;
  }

  #mainimg.top .li18 .img .left img {
    margin:auto;
    width:calc(1087/1180*100%);
    top:calc(50/845*100%);
    bottom:auto;
    right:calc(50/1180*100%);
  }

  #mainimg.top .li18 .img .right {
    width:100%;
    background:url("../img/top/img_kv_18_right_sp.png");
    background-size:cover;
  }

  #mainimg.top .li18 .img .right img {
    margin:auto;
    width:calc(156/1180*100%);
    top:auto;
    bottom:calc(50/845*100%);
    left:calc(50/845*100%);
  }

  /* .li19 ================== */
  #mainimg.top .li19 .text {
    margin:auto;
    width:calc(719/1180*100%);
    top:0;
    bottom:0;
    right:0;
    left:0;
  }

  #mainimg.top .li19 .img .left {
    width:100%;
    background-image:url("../img/top/img_kv_19_left_sp.png");
    background-size:cover;
  }

  #mainimg.top .li19 .img .left img {
    width:calc(1088/1180*100%);
    top:calc(50/845*100%);
    bottom:auto;
    right:calc(50/1180*100%);
  }

  #mainimg.top .li19 .img .right {
    width:100%;
    background-image:url("../img/top/img_kv_19_right_sp.png");
    background-size:cover;
  }

  #mainimg.top .li19 .img .right img {
    margin:auto;
    width:calc(391/1180*100%);
    height:auto;
    position:absolute;
    bottom:calc(50/845*100%);
    left:calc(50/845*100%);
  }

  /* a.view-more */
  a.view-more {
    margin:auto;
    font-size:calc(28/750*100vw);
    right:calc(30/750*100vw);
    bottom:calc(30/750*100vw);
  }

  a.view-more::after {
    width:calc(16/750*100vw);
    height:calc(24/750*100vw);
    background-size:100% auto;
  }

  #mainimg.top .li12 a.view-more.up {
    bottom:calc(80/750*100vw) !important;
  }
}
/************************************************************************
  h1.item-logo
************************************************************************/
h1.item-logo img {
  vertical-align:middle;
}

/************************************************************************
  main#kagawa-university
************************************************************************/
main#kagawa-university section {
  margin:auto auto calc(60/1200*100%);
  padding:0 120px;
  width:auto;
  max-width:1200px;
}

/* h2 */
main#kagawa-university h2 {
  margin:auto auto calc(70/1200*100%);
  padding-top:calc(78/1200*100%);
  width:calc(395/1200*100%);
  background:url("../img/next/kagawa_university/h2.svg") no-repeat;
  background-size:100% auto;
}

main#kagawa-university h2 span {
  display:none;
}

/* .box ==================================== */
main#kagawa-university .box {
  padding:calc(70/1200*100%) calc(60/1200*100%);
  background-color:#f4f3f1;
  position:relative;
}

main#kagawa-university .box::before {
  content:"";
  width:229px;
  height:128px;
  background:url("../img/next/kagawa_university/dog.png") no-repeat;
  background-size:100% auto;
  display:inline-block;
  position:absolute;
  top:-128px;
  left:47px;
}

/* .lead */
main#kagawa-university .box .lead {
  margin-bottom:calc(45/(1200 - 120)*100%);
  padding-bottom:calc(45/(1200 - 120)*100%);
  border-bottom:1px solid #dddddd;
}

/* .text */
main#kagawa-university .box .text {
  width:calc(520/(1200 - 120)*100%);
}

main#kagawa-university .box .text p {
  margin-bottom:1.5em;
}

main#kagawa-university .box .text p:last-child {
  margin-bottom:0;
}

/* .photo */
main#kagawa-university .box .photo {
  width:calc(510/(1200 - 120)*100%);
  position:relative;
}

main#kagawa-university .box .photo p {
  position:absolute;
}

#photo-001 {
  width:calc(624/510*100%);
  top:-110px;
  right:-125px;
}

#photo-002 {
  width:calc(584/510*100%);
  top:50px;
  right:-7px;
}

#photo-003 {
  width:calc(624/510*100%);
  top:60px;
  right:-125px;
}

main#kagawa-university .box .flex {
  display:flex;
  justify-content:space-between;
}

/* ul.icon-pad */
main#kagawa-university ul.icon-pad > li {
  margin-left:calc(50/510*100%);
  margin-bottom:calc(40/510*100%);
}

main#kagawa-university ul.icon-pad > li::before {
  content:"";
  margin:0 calc(4/510*100%) 1em calc(-50/510*100%);
  padding-top:calc(46/510*100%);
  width:calc(46/510*100%);
  text-indent:calc(50/510*100%);
  background:url("../img/next/kagawa_university/icon_pad.svg") no-repeat;
  background-size:100% auto;
  display:inline-block;
  vertical-align:middle;
}

main#kagawa-university ul.icon-pad > li h3 {
  margin-bottom:1em;
  font-weight:bold;
  font-size:24px;
  display:inline-block;
  vertical-align:middle;
}

main#kagawa-university ul.icon-pad > li p {
  margin-bottom:1em;
}

main#kagawa-university ul.icon-pad > li p:last-child {
  margin-bottom:0;
}

/* ol.decimal */
main#kagawa-university ol.decimal > li {
  margin-left:1.5em;
  list-style:decimal;
}

/* ul.square-w */
main#kagawa-university ul.square-w > li::before {
  content:"□";
  margin:0 0 0 0.5em;
  display:inline;
}

/* ul.arrow */
main#kagawa-university ul.arrow {
  margin-bottom:calc(30/1200*100vw);
}

main#kagawa-university ul.arrow > li {
  margin-left:1.2em;
}

main#kagawa-university ul.arrow > li::before {
  content:"→";
  margin:0 0.2em 0 -1.2em;
  color:#cf141e;
  text-indent:1.2em;
  display:inline;
}

main#kagawa-university ul.arrow > li strong {
  color:#cf141e;
}

/* ul.double-circle */
main#kagawa-university ul.double-circle > li {
  margin:0 0 1em 1.2em;
  color:#cf141e;
}

main#kagawa-university ul.double-circle > li::before {
  content:"◎";
  margin:0 0.2em 0 -1.2em;
  color:#cf141e;
  text-indent:1.2em;
  display:inline;
}

/* #conclusion */
main#kagawa-university #conclusion {
  padding:calc(30/1200*100%);
  background-color:#ffffff;
}

main#kagawa-university #conclusion p {
  line-height:1;
}

/* #banner */
main#kagawa-university #banner {
  text-align:center;
}

main#kagawa-university #banner p {
  margin-bottom:calc(30/1200*100%);
}

main#kagawa-university #banner p:last-child {
  margin-bottom:0;
}

/* ============ smart phone ============ */
@media screen and (max-width:660px) {
  /* h2 */
  main#kagawa-university h2 {
    margin:auto auto calc(160/660*100vw);
    padding-top:calc(78/660*100vw);
    width:calc(395/660*100vw);
  }

  main#kagawa-university section {
    margin:auto calc(30/660*100vw) calc(50/660*100%);
    padding:0;
  }

  /* .box ==================================== */
  main#kagawa-university .box {
    padding:calc(50/660*100vw) calc(30/660*100vw);
  }

  main#kagawa-university .box::before {
    margin:auto;
    width:calc(229/660*100vw);
    height:calc(128/660*100vw);
    top:calc(-128/660*100vw);
    right:0;
    left:0;
  }

  /* .lead */
  main#kagawa-university .box .lead {
    margin-bottom:calc(45/660*100vw);
    padding-bottom:0;
  }

  /* .flex */
  main#kagawa-university .box .flex {
    justify-content:center;
    flex-direction:column;
  }

  /* .text */
  main#kagawa-university .box .text {
    margib-bottom:calc(30/660*100vw);
    width:auto;
  }

  /* .photo */
  main#kagawa-university .box .photo {
    width:auto;
    position:static;
  }

  main#kagawa-university .box .photo p {
    margin:auto;
    position:static;
  }

  #photo-001 {
    width:100%;
  }

  #photo-002 {
    width:100%;
  }

  #photo-003 {
    width:100%;
  }

  /* ul.icon-pad */
  main#kagawa-university ul.icon-pad > li {
    margin-left:calc(50/660*100vw);
    margin-bottom:calc(40/660*100vw);
  }

  main#kagawa-university ul.icon-pad > li::before {
    margin:0 calc(4/660*100vw) 1.8em calc(-50/660*100vw);
    padding-top:calc(46/660*100vw);
    width:calc(46/660*100vw);
    text-indent:calc(50/660*100vw);
  }

  /* #conclusion */
  main#kagawa-university #conclusion {
    padding:calc(30/660*100vw);
  }

  main#kagawa-university #conclusion p {
    line-height:1.5;
  }

  /* #banner */
  main#kagawa-university #banner {
    margin:0 calc(30/660*100vw);
  }

  main#kagawa-university #banner p {
    margin-bottom:calc(30/660*100vw);
  }

  main#kagawa-university #banner p:last-child {
    margin-bottom:0;
  }

  main#kagawa-university #banner p img {
    width:100%;
  }
}
body.fixed {
  position:fixed;
  width:100%;
  height:100%;
  left:0;
}

.modal {
  display:none;
  height:100vh;
  position:fixed;
  top:0;
  width:100%;
  z-index:99999;
  left:0;
}

.modal__bg {
  background:rgba(0, 0, 0, 0.8);
  height:100vh;
  position:absolute;
  width:100%;
}

.modal__content {
  box-sizing:border-box;
  background:#fff;
  left:50%;
  padding:45px;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
  width:90%;
  max-width:113rem;
  max-height:80vh;
  min-height:400px;
}

.modal__close-btn {
  position:absolute;
  width:64px;
  height:64px;
  top:0;
  right:0;
}

.modal__close-btn:before {
  content:"";
  display:block;
  width:46px;
  height:1px;
  background:#000;
  transform:rotate(45deg);
  transform-origin:center;
  position:relative;
  top:31px;
  left:10px;
}

.modal__close-btn:after {
  content:"";
  display:block;
  width:46px;
  height:1px;
  background:#000;
  transform:rotate(-45deg);
  transform-origin:center;
  position:relative;
  top:31px;
  left:10px;
}

/*# sourceMappingURL=add.css.map */





/************************************************************************
  #flooring-list
************************************************************************/
#flooring-list ul { width:100%; display:flex; flex-wrap:wrap; font-size:0; }
#flooring-list ul li { margin-right:20px; margin-bottom:20px; width:225px; }
#flooring-list ul li:nth-child(4n) { margin-right:0; }
#flooring-list ul li img { width:100%; height:auto; }

/* ============ smart phone ============ */
@media screen and (max-width:660px) {
#flooring-list ul { flex-direction:column; }
#flooring-list ul li { margin-right:auto; margin-bottom:20px; width:100%; }
#flooring-list ul li:nth-child(4n) { margin-right:auto; }
}
/************************************************************************
  #purpose
************************************************************************/
#purpose { background-color:#f2f1ef; }
#purpose .content { padding-top:100px; padding-bottom:100px; text-align:center; }
#purpose h2 { margin-bottom:1.5em; margin-right:auto; margin-left:auto; width:252px; }
#purpose h3 { margin-bottom:2em; color:#e46c0a; }

#purpose p { margin-bottom:1.5em; color:#04447c; }
/************************************************************************
  #nav-message
************************************************************************/
#purpose #nav-message .content { background-color:transparent; }
main #nav-message .link-list.sml li { width:calc(20% - 10px); }

@media screen and (max-width:660px){
main #nav-message .link-list.sml li { margin:0 10px 20px 0; width:calc(50% - 10px); }
}
/************************************************************************
  #monodukuri
************************************************************************/
#monodukuri { margin-bottom:0; background-color:#B7DEE8; text-align:center; }
#monodukuri .content { padding-top:100px; padding-bottom:100px; }
#monodukuri h2 { margin-bottom:100px; }
#monodukuri #filled { margin:auto auto 120px; width:456px; }
#monodukuri #text-001 { margin:auto auto 80px; width:676px; height:255px; background-image:url('../img/next/monodukuri/text_001.svg'); background-size:100% auto; font-size:0; }
#monodukuri #strong-001 { margin:auto auto 100px; width:200px; height:99px; background-image:url('../img/next/monodukuri/strong_001.svg'); background-size:100% auto; font-size:0; }

/* ============ smart phone ============ */
@media screen and (max-width:660px) {

#monodukuri #filled { margin-bottom:calc(120/750*100vw); width:calc(456/750*100vw); }
#monodukuri #text-001 { margin-bottom:calc(80/750*100vw); width:calc(676/750*100vw); height:calc(255/750*100vw); }
#monodukuri #strong-001 { margin-bottom:calc(100/750*100vw); width:calc(200/750*100vw); height:calc(99/750*100vw); }
}


@media screen and (min-resolution:96dpi){
}

@media screen and (min-resolution:192dpi){
}
/************************************************************************
  .link-list.sml
************************************************************************/
.link-list.sml li.current { display:none; }
/************************************************************************
  #nav-concept
************************************************************************/
#nav-concept { padding-top:100px; }
main #nav-concept .link-list { justify-content:center; }
/************************************************************************
  #nav-company
************************************************************************/
#nav-company {  }
main #nav-company .link-list.sml li { width:calc(20% - 10px); }

@media screen and (max-width:660px){
main #nav-company .link-list.sml li { margin:0 10px 20px 0; width:calc(50% - 10px); }
}
/************************************************************************
  #recruit-link
************************************************************************/
#recruit-link { margin-bottom:50px; justify-content:center; }
main #recruit-link.link-list.sml li { width:50%; }

@media screen and (max-width:660px){
main #recruit-link.link-list.sml li { margin:0 10px 20px 0; width:calc(50% - 10px); }
}
/************************************************************************
  #recruit-link
************************************************************************/
footer .foot-nav dl dd { white-space:nowrap; }
footer .foot-nav dl dd small { font-size:10px; }
/************************************************************************
  #product-performance
************************************************************************/
#product-performance {  }
#product-performance table { margin:auto; width:900px; border:0; font-size:14px; }
#product-performance table th { background-color:#A29949; color:#ffffff; }
#product-performance table td { width:25%; background-color:#DFDCCC; }
#product-performance table td.photo { padding:0; width:100px; }
/************************************************************************
  .popup
************************************************************************/
.dp-none { display:none; }
p.box { width:480px; height:320px; background-repeat:no-repeat; background-size:100% auto; pointer-events:none; font-size:0; }
.boxer-content { width:100%; }

#popup-001 { background-image:url('../img/next/product-performance/product-performance_01@2x.jpg'); }
#popup-002 { background-image:url('../img/next/product-performance/product-performance_02@2x.jpg'); }
#popup-003 { background-image:url('../img/next/product-performance/product-performance_03@2x.jpg'); }
#popup-004 { background-image:url('../img/next/product-performance/product-performance_04@2x.jpg'); }
#popup-005 { background-image:url('../img/next/product-performance/product-performance_05@2x.jpg'); }
#popup-006 { background-image:url('../img/next/product-performance/product-performance_06@2x.jpg'); }
#popup-007 { background-image:url('../img/next/product-performance/product-performance_07@2x.jpg'); }
#popup-008 { background-image:url('../img/next/product-performance/product-performance_08@2x.jpg'); }
#popup-009 { background-image:url('../img/next/product-performance/product-performance_09@2x.jpg'); }
#popup-010 { background-image:url('../img/next/product-performance/product-performance_10@2x.jpg'); }
#popup-011 { background-image:url('../img/next/product-performance/product-performance_11@2x.jpg'); }
#popup-012 { background-image:url('../img/next/product-performance/product-performance_12@2x.jpg'); }
#popup-013 { background-image:url('../img/next/product-performance/product-performance_13@2x.jpg'); }
#popup-014 { background-image:url('../img/next/product-performance/product-performance_14@2x.jpg'); }
#popup-015 { background-image:url('../img/next/product-performance/product-performance_15@2x.jpg'); }
#popup-016 { background-image:url('../img/next/product-performance/product-performance_16@2x.png'); }

p.box { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
p.box { -webkit-user-drag:none; user-drag:none; }
p.box { pointer-events:none; }
/************************************************************************
  #request
************************************************************************/
#request #lead { margin-bottom:100px; text-align:center; }
#request #lead p { margin-bottom:1.5em; }
#request #lead ul { margin:auto; width:800px; display:flex; font-size:0; gap:10px; }
#request #lead ul li { width:50%; }
#request #lead ul li a { padding:1em; background-color:#505050; color:#ffffff; line-height:1; text-decoration:none; display:block; font-size:15px; transition:0.5s; }
#request #lead ul li a:hover { opacity:0.5; }

#request dl.sample { margin-bottom:80px; line-height:1.5; }
#request dl.sample dt { padding:20px 0; }
#request dl.sample dd { margin:calc(-1 * (40px + 1.5em)) 0 0; padding:20px 0 10px 200px; border-bottom:1px solid #cccccc; }

#request dl.sample ul { display:flex; flex-wrap:wrap; }
#request dl.sample ul li { margin-bottom:1em; width:25%; }
#request dl.sample ul li label { margin:0 0 0 -1.2em; text-indent:1.2em; line-height:calc(14px * 1.5); font-size:12px; }
#request dl.sample ul li input[type="checkbox"] { display:inline-block; }


#request input[type="submit"]:disabled { background:#cccccc; }
p#sample-error { color:red; }
/************************************************************************
  .sdgs-sec14
************************************************************************/
.sdgs-sec12 { background-color:#ddd9c3 !important; }
.sdgs-sec14 { background-color:#d9efe1; }
.sdgs-sec14 * { box-sizing:border-box; }

/* .flex */
.flex { display:flex; }

.photo { font-size:0; }
.photo img { margin:auto; }
.logo { font-size:0; }
.logo img { margin:auto; }

.sub { vertical-align:sub; font-size:12px; }

/* #sdgs-sec14-1 ==================================== */
#sdgs-sec14-1 { margin-bottom:40px; justify-content:space-between; align-items:center; }
#sdgs-sec14-1 .item:nth-child(1) { order:2; width:450px; }
#sdgs-sec14-1 .item:nth-child(2) { order:1; width:calc(100% - 450px); text-align:center; }

#sdgs-sec14-1 .item { text-align:center; }
#sdgs-sec14-1 .item:nth-child(1) .text { text-align:left; }

#sdgs-sec14-1 .logo { margin:0 0 20px; text-align:center; }

/* #sdgs-sec14-2 ==================================== */
#sdgs-sec14-2 { justify-content:space-between; }
#sdgs-sec14-2 .item { padding:10px; background-color:rgba(255,255,255,0.4); border-radius:10px; }
#sdgs-sec14-2 .item p.text { line-height:1.5; font-size:14px; }
#sdgs-sec14-2 strong { color:#e46c0a; font-weight:bold; font-size:18px; }

/* .item:nth-child(1) */
#sdgs-sec14-2 .item:nth-child(1) { width:240px; text-align:center; position:relative; display:flex; align-items:center; flex-direction:column; justify-content:center; }
#sdgs-sec14-2 .item:nth-child(1)::after { content:''; margin:auto; width:35px; height:31px; background:url('../img/page/sdgs/arrow.svg') no-repeat; background-size:100% auto; display:inline-block; position:absolute; top:0; bottom:0; right:-45px; }
#sdgs-sec14-2 .item:nth-child(1) p { margin-bottom:1em; line-height:2; }
#sdgs-sec14-2 .item:nth-child(1) p:last-child { margin-bottom:0; }

/* .item:nth-child(2) */
#sdgs-sec14-2 .item.flex { width:calc(100% - (240px + 35px + 20px)); justify-content:space-between; }
#sdgs-sec14-2 .item.flex ul li p {  }
#sdgs-sec14-2 .item.flex ul li { margin-bottom:10px; display:flex; align-items:center; gap:10px }
#sdgs-sec14-2 .item.flex ul li:last-child { margin-bottom:0; }

/* #map */
#map { width:260px; text-align:center; }
#map p.img { margin-bottom:10px; }
#map p.text { line-height:1.5; font-size:14px; }

@media screen and (max-width:660px){
/* #sdgs-sec14-1 ==================================== */
#sdgs-sec14-1 { margin-bottom:40px; flex-direction:column; }
#sdgs-sec14-1 .item:nth-child(1) { order:1; margin-bottom:calc(40/750*100vw); width:auto; }
#sdgs-sec14-1 .item:nth-child(2) { order:2; width:auto; }

/* #sdgs-sec14-2 ==================================== */
#sdgs-sec14-2 { flex-direction:column; }
#sdgs-sec14-2 .item { padding:calc(20/750*100vw); }

/* .item:nth-child(1) */
#sdgs-sec14-2 .item:nth-child(1) { margin-bottom:55px; width:auto; }
#sdgs-sec14-2 .item:nth-child(1)::after { top:auto; bottom:-45px; right:0; left:0; transform:rotate(90deg); }

#sdgs-sec14-2 .item.flex { width:auto; flex-direction:column; }
#sdgs-sec14-2 .item.flex ul { margin-bottom:calc(40/750*100vw); }

/* #map */
#map { width:100%; text-align:center; }
#map p.img { margin-bottom:10px; }
#map p.img img { width:100%; }
#map p.text { line-height:1.5; font-size:14px; }


}
/************************************************************************
  #globalnav
************************************************************************/
#globalnav { width:1200px !important; }
.nav-cubisme {  }
.nav-cubisme img { width:auto; height:68px; }

@media screen and (max-width:660px){
#globalnav { width:auto !important; }
}
/************************************************************************
  2024.05.15
************************************************************************/
main .news-list .item-date { width:7em; }
main .news-list .item-cat a { width:10em; }
@charset "UTF-8";
@import url('jquery.fs.boxer.css');
@import url('lity.css');

.tukusi {
  font-family:fot-tsukuardgothic-std, sans-serif !important;
  font-weight:400;
  font-style:normal;
}

.tukusibold {
  font-family:fot-tsukuardgothic-std, sans-serif !important;
  font-weight:700;
  font-style:normal;
}

/* ========================================================================

  /css/add.css

======================================================================== */
/************************************************************************
  margin
************************************************************************/
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb50 { margin-bottom:30px !important; }
.mt50 { margin-top:50px !important; }
/************************************************************************
  text-align
************************************************************************/
.alignC { text-align:center !important; }
.alignR { text-align:right !important; }
.alignL { text-align:left !important; }
/************************************************************************
  PC or SP
************************************************************************/
.pc-only { display:inherit; }
.sp-only { display:none; }
/* ============ smart phone ============ */
@media screen and (max-width:640px) {
.pc-only { display:none; }
.sp-only { display:inherit; }
}
/************************************************************************
  #mainimg
************************************************************************/
/* .btn-bg */
#mainimg.top a.btn-more.btn-bg {
  padding-right:35px;
  width:425px;
  background:url("../img/top/btn.svg") no-repeat transparent;
  background-size:100% auto;
  box-sizing:border-box;
  border-radius:0;
}

a.blocllinkfv {
  display:block;
  width:100%;
  height:100%;
}

/* .li9 ================== */
#mainimg.top .li9 .text {
  position:relative;
}

#mainimg.top .li9 a.view-more {
  right:0;
  left:0;
}

/* .li12 ================== */
#mainimg.top .li12 a.btn-more {
  font-size:18px;
  font-size:1.2rem;
}

#mainimg.top .li12 a.btn-more.absolute:nth-child(2) {
  bottom:110px !important;
}

#mainimg.top .li12 a.view-more.up {
  bottom:70px !important;
}

#mainimg.top .li12 .img {
  background:url("../img/top/bg-kv_12.jpg") no-repeat center center;
  background-size:cover;
}

#mainimg.top .li12 p {
  text-align:center;
  vertical-align:middle;
}

#mainimg.top .li12 p img {
  /*width:95%; height:100%;*/
}

#mainimg.top .li12 p.left {
  width:calc(630/1980*100%);
  height:100%;
  position:absolute;
}

#mainimg.top .li12 p.left img {
  margin:auto;
  width:calc(349/640*100%);
  height:calc(929/1100*100vw);
  max-height:85%;
  position:absolute;
  top:0;
  bottom:0;
  left:calc(52/630*100%);
}

#mainimg.top .li12 p.right {
  width:calc(1190/1980*100%);
  height:calc(241/1100*100vw);
  max-height:22%;
  position:absolute;
  /*top:calc(60/1100*100vw);*/
  top:60px;
  right:calc(60/1980*100%);
}

/* .li13 ================== */
#mainimg.top .li13 .img {
  background:url("../img/top/bg-kv_13.jpg") no-repeat center center;
  background-size:cover;
}

#mainimg.top .li13 .text {
  margin:auto;
  padding:0;
  width:calc(1779/1980*100%);
  max-height:88%;
  background-color:transparent !important;
  top:0;
  bottom:0;
}

#mainimg.top .li13 .text img {
  width:100%;
  height:100%;
}

/* .li14 ================== */
#mainimg.top .li14 .img {
  background:url("../img/top/bg-kv_14.jpg") no-repeat center center #eeece0;
  background-size:100% auto;
}

#mainimg.top .li14 .text {
  margin:auto;
  padding:0;
  width:calc(918/1980*100%);
  background-color:transparent !important;
  position:absolute;
  top:calc(557/1100*100vh);
  right:0;
  left:0;
}

/* .li15 ================== */
#mainimg.top .li15 .img {
  background:url("../img/top/bg-kv_15.jpg") no-repeat bottom right;
  background-size:cover;
}

#mainimg.top .li15 .overwrap {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
}

#mainimg.top .li15 .overwrap .overwrap__inner {
  width:70%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

#mainimg.top .li15 .overwrap .overwrap__inner picture {
  width:80%;
  display:block;
}

#mainimg.top .li15.slick-current .overwrap {
  animation-name:li15;
  animation-duration:1.2s;
  animation-timing-function:ease;
  animation-delay:1s;
  animation-fill-mode:forwards;
}

@keyframes li15 {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
/* .li16 ================== */
#mainimg.top .li16 .img .left {
  width:calc(850/1980*100%);
  background:url("../img/top/img_kv_16_left.png") no-repeat center center;
  background-size:cover;
  position:relative;
}

#mainimg.top .li16 .img .left img {
  margin:auto;
  width:calc(330/850*100%);
  height:auto;
  max-height:22%;
  position:absolute;
  top:0;
  bottom:0;
  left:50px;
  right:auto;
}

#mainimg.top .li16 .img .right {
  width:calc(1130/1980*100%);
  background:url("../img/top/img_kv_16_right.png") no-repeat center center;
  background-size:cover;
  position:relative;
}

#mainimg.top .li16 .img .right img {
  margin:auto;
  /*width:calc(553/1130*100%);*/
  height:auto;
  max-height:90%;
  position:absolute;
  top:0;
  bottom:0;
  left:50px;
  right:auto;
}

#mainimg.top .li16 .text {
  margin:auto;
  width:calc(863/1980*100%);
  position:absolute;
  top:calc(434/1100*100%);
  left:calc(439/1980*100%);
  z-index:1;
}

/* .li17 ================== */
#mainimg.top .li17 .img .left {
  width:calc(850/1980*100%);
  background:url("../img/top/img_kv_17_left.png") no-repeat center center;
  background-size:cover;
  position:relative;
}

#mainimg.top .li17 .img .left img {
  margin:auto;
  width:calc(340/850*100%);
  height:auto;
  max-height:23%;
  position:absolute;
  top:calc(241/1100*100%);
  bottom:auto;
  left:50px;
  right:auto;
}

#mainimg.top .li17 .img .right {
  width:calc(1130/1980*100%);
  background:url("../img/top/img_kv_17_right.png") no-repeat center center;
  background-size:cover;
  position:relative;
}

#mainimg.top .li17 .img .right img {
  margin:auto;
  height:auto;
  max-height:90%;
  position:absolute;
  top:0;
  bottom:0;
  right:50px;
  left:auto;
}

#mainimg.top .li17 .text {
  margin:auto;
  width:calc(863/1980*100%);
  position:absolute;
  top:calc(434/1100*100%);
  left:calc(439/1980*100%);
  z-index:1;
}

/* .li18 ================== */
#mainimg.top .li18 .text {
  margin:auto;
  width:calc(502/1980*100%);
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  z-index:1;
  display:flex;
  align-items:center;
}

#mainimg.top .li18 .img .left {
  width:calc(990/1980*100%);
  background:url("../img/top/img_kv_18_left.png") no-repeat center center;
  background-size:cover;
  position:relative;
}

#mainimg.top .li18 .img .left img {
  margin:auto;
  width:calc(905/990*100%);
  height:auto;
  position:absolute;
  top:auto;
  bottom:50px;
  right:50px;
  left:auto;
}

#mainimg.top .li18 .img .right {
  width:calc(990/1980*100%);
  background:url("../img/top/img_kv_18_right.png") no-repeat center center;
  background-size:cover;
  position:relative;
}

#mainimg.top .li18 .img .right img {
  margin:auto;
  width:calc(156/990*100%);
  height:auto;
  position:absolute;
  top:auto;
  bottom:50px;
  left:50px;
  right:auto;
}

/* .li19 ================== */
#mainimg.top .li19 .text {
  margin:auto;
  width:calc(553/1980*100%);
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  z-index:1;
  display:flex;
  align-items:center;
}

#mainimg.top .li19 .img .left {
  width:calc(990/1980*100%);
  background:url("../img/top/img_kv_19_left.png") no-repeat center center;
  background-size:cover;
  position:relative;
}

#mainimg.top .li19 .img .left img {
  margin:auto;
  width:calc(904/990*100%);
  height:auto;
  position:absolute;
  top:auto;
  bottom:50px;
  right:50px;
  left:auto;
}

#mainimg.top .li19 .img .right {
  width:calc(990/1980*100%);
  background:url("../img/top/img_kv_19_right.png") no-repeat center center;
  background-size:cover;
  position:relative;
}

#mainimg.top .li19 .img .right img {
  margin:auto;
  width:calc(391/990*100%);
  height:auto;
  position:absolute;
  top:auto;
  bottom:50px;
  left:50px;
  right:auto;
}

/* .li20 ================== */
#mainimg.top .li20 .img {
  background:url("../img/top/bg-kv_20.jpg") no-repeat bottom right;
  background-size:cover;
  height:100%;
}

/* .li21 ================== */
#mainimg.top .li21 .img {
  background-image:url("../img/top/bg-kv_21_inner_3.png"), url("../img/top/bg-kv_21.jpg");
  background-repeat:no-repeat, no-repeat;
  background-position:bottom right, bottom right;
  background-size:calc(723/1366*100vmin) calc(444/1366*100vmin), cover;
  height:100%;
}

#mainimg.top .li21 .img .inner {
  width:80%;
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  mix-blend-mode:multiply;
  z-index:1;
  height:auto;
}

#mainimg.top .li21 .img .inner_2 {
  width:80%;
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  z-index:2;
  height:auto;
}

#mainimg.top .li21 .img img:hover {
  opacity:1;
}

/* .li22 ================== */
#mainimg.top .li22 .img {
  background-image:url("../img/top/bg-kv_22_img.png");
  background-size:calc(723/1366*100vmin) calc(444/1366*100vmin);
  background-repeat:no-repeat;
  background-position:bottom right;
  height:100%;
  background-color:#eeece1;
}

#mainimg.top .li22 .img .inner {
  height:70vmin;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  display:flex;
  align-items:center;
}
@media (max-width:660px) {
  #mainimg.top .li22 .img .inner {
    width:75%;
    height:auto;
  }
}

#mainimg.top .li22 .img .inner picture {
  display:block;
  width:100%;
}

/* .li23 ================== */
#mainimg.top .li23 .img {
  background:#b7dee8;
  height:100%;
  position:relative;
}

#mainimg.top .li23 .img .inner {
  height:50vmin;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  display:flex;
  justify-content:center;
  align-items:center;
}
@media (max-width:660px) {
  #mainimg.top .li23 .img .inner {
    width:80%;
    height:auto;
  }
}

#mainimg.top .li23 .img .inner img {
  width:auto;
  height:100%;
}

/* .li24 ================== */
#mainimg.top .li24 .img {
  background:#b7dee8;
  height:100%;
  position:relative;
}

#mainimg.top .li24 .img .inner {
  height:50vmin;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  display:flex;
  justify-content:center;
  align-items:center;
}

#mainimg.top .li24 .img .inner img {
  width:auto;
  height:100%;
  object-fit:contain;
}
@media (max-width:660px) {
  #mainimg.top .li24 .img .inner img {
    width:80%;
    height:auto;
  }
}

/* .li25 ================== */
#mainimg.top .li25 .img {
  background:#b7dee8;
  height:100%;
  position:relative;
}

#mainimg.top .li25 .img .inner {
  height:80vmin;
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  display:flex;
  justify-content:center;
  align-items:center;
  width:80%;
}
@media (max-width:660px) {
  #mainimg.top .li25 .img .inner {
    width:80%;
    height:auto;
  }
}

#mainimg.top .li25 .img .inner img {
  width:auto;
}

/* .li26 ================== */
#mainimg.top .li26 a {
  display:flex;
}
@media (max-width:660px) {
  #mainimg.top .li26 a {
    flex-direction:column;
  }
}

#mainimg.top .li26 a .imglayout {
  width:calc(100% - min(40%, 620px));
  display:flex;
}
@media (max-width:660px) {
  #mainimg.top .li26 a .imglayout {
    width:100%;
    height:33%;
    order:2;
  }
}

#mainimg.top .li26 a .imglayout .bgwrap {
  width:calc(100% / 3);
  height:100%;
  background-position:center center;
  background-size:cover;
  display:flex;
  align-items:flex-end;
}

#mainimg.top .li26 a .imglayout .bgwrap .bgwrapttl {
  width:100%;
}

#mainimg.top .li26 a .imglayout .bgwrap.nth-1 {
  background-image:url(../img/top/bg-kv_26_bg1.jpg);
}

#mainimg.top .li26 a .imglayout .bgwrap.nth-2 {
  background-image:url(../img/top/bg-kv_26_bg2.jpg);
}

#mainimg.top .li26 a .imglayout .bgwrap.nth-3 {
  background-image:url(../img/top/bg-kv_26_bg3.jpg);
}

#mainimg.top .li26 a .textlayout {
  width:min(40%, 620px);
  background:#eeece1;
  display:flex;
  align-items:center;
  justify-content:center;
}
@media (max-width:660px) {
  #mainimg.top .li26 a .textlayout {
    width:100%;
    height:67%;
    order:1;
  }
}

#mainimg.top .li26 a .textlayout .inner {
  width:calc(100% - (66px*2));
  /* background:yellow; */
}
@media (max-width:660px) {
  #mainimg.top .li26 a .textlayout .inner {
    width:auto;
    height:86%;
  }
}

#mainimg.top .li26 a .textlayout .inner img {
  width:100%;
}
@media (max-width:660px) {
  #mainimg.top .li26 a .textlayout .inner img {
    height:100%;
    width:auto;
    object-fit:contain;
  }
}

/* .li27 ================== */
#mainimg.top .li27 a {
  display:flex;
}
@media (max-width:660px) {
  #mainimg.top .li27 a {
    flex-direction:column;
  }
}

#mainimg.top .li27 a .imglayout {
  width:calc(100% - min(40%, 620px));
  /* background:green; */
  display:flex;
  flex-wrap:wrap;
}
@media (max-width:660px) {
  #mainimg.top .li27 a .imglayout {
    width:100%;
    height:33%;
    order:2;
  }
}

#mainimg.top .li27 a .imglayout .bgwrap {
  background-position:center center;
  background-size:cover;
  display:flex;
  align-items:flex-end;
}

#mainimg.top .li27 a .imglayout .bgwrap .bgwrapttl {
  width:100%;
}

#mainimg.top .li27 a .imglayout .bgwrap.nth-1 {
  width:calc(100% / 2);
  height:50%;
  background-image:url(../img/top/bg-kv_27_bg1.jpg);
  align-items:flex-start;
}

#mainimg.top .li27 a .imglayout .bgwrap.nth-2 {
  width:calc(100% / 2);
  height:50%;
  background-image:url(../img/top/bg-kv_27_bg2.jpg);
  align-items:flex-start;
}

#mainimg.top .li27 a .imglayout .bgwrap.nth-3 {
  width:calc(100% / 3);
  height:50%;
  background-image:url(../img/top/bg-kv_27_bg3.jpg);
}

#mainimg.top .li27 a .imglayout .bgwrap.nth-4 {
  width:calc(100% / 3);
  height:50%;
  background-image:url(../img/top/bg-kv_27_bg4.jpg);
}

#mainimg.top .li27 a .imglayout .bgwrap.nth-5 {
  width:calc(100% / 3);
  height:50%;
  background-image:url(../img/top/bg-kv_27_bg5.jpg);
}

#mainimg.top .li27 a .textlayout {
  width:min(40%, 620px);
  background:#eeece1;
  display:flex;
  align-items:center;
  justify-content:center;
}
@media (max-width:660px) {
  #mainimg.top .li27 a .textlayout {
    width:100%;
    height:67%;
    order:1;
  }
}

#mainimg.top .li27 a .textlayout .inner {
  width:calc(100% - (66px*2));
  /* background:yellow; */
}
@media (max-width:660px) {
  #mainimg.top .li27 a .textlayout .inner {
    width:auto;
    height:86%;
  }
}

#mainimg.top .li27 a .textlayout .inner img {
  width:100%;
}
@media (max-width:660px) {
  #mainimg.top .li27 a .textlayout .inner img {
    height:100%;
    width:auto;
    object-fit:contain;
  }
}

/* a.view-more */
a.view-more {
  color:#03457c;
  font-weight:bold;
  font-size:30px;
  position:absolute;
  bottom:30px;
  right:30px;
}

a.view-more-W {
  color:#ffffff;
}

a.view-more:hover {
  text-decoration:underline dotted #03457c;
}

a.view-more-W:hover {
  text-decoration:underline dotted #ffffff;
}

a.view-more::after {
  content:"";
  margin:0 0 0 0.5em;
  width:16px;
  height:24px;
  background-repeat:no-repeat;
  background-size:100% auto;
  vertical-align:middle;
  display:inline-block;
}

a.view-more-B::after {
  background:url("../img/top/icon_arrow.svg");
}

a.view-more-W::after {
  background:url("../img/top/icon_arrow_W.svg");
}

@media screen and (max-width:660px) {
  #mainimg.top .li12 .img {
    background-image:url("../img/top/bg-kv_12_sp.jpg");
    background-size:100% auto;
  }

  #mainimg.top .li12 a.btn-more {
    font-size:14px;
    font-size:0.9333333333rem;
  }

  #mainimg.top .li12 a.btn-more.absolute:nth-child(2) {
    bottom:60px !important;
  }

  #mainimg.top .li12 p img {
    display:none;
  }

  /* .btn-bg */
  #mainimg.top a.btn-more.btn-bg {
    margin:auto;
    padding-right:15px;
    width:245px;
    right:0;
    left:0;
  }

  /* .li9 ================== */
  #mainimg.top .li9 a.view-more {
    text-align:center;
  }

  /* .li11 ================== */
  #mainimg.top .li11 {
    background:url("../img/top/bg-kv_11_sp.jpg");
    background-size:100% auto;
  }

  #mainimg.top .li11 .left {
    display:none;
  }

  #mainimg.top .li11 .right {
    display:none;
  }

  /* .li13 ================== */
  #mainimg.top .li13 .img {
    background:url(../img/top/bg-kv_13_sp.jpg) no-repeat center center;
    background-size:cover;
  }

  /* .li14 ================== */
  #mainimg.top .li14 .img {
    background-position:center calc(357/1690*100%);
    background-size:calc(1170/1180*100%) auto;
  }

  #mainimg.top .li14 .text {
    width:calc(954/1180*100%);
    height:auto;
    top:calc(878/1690*100%);
  }

  /* .li15 ================== */
  #mainimg.top .li15 .overwrap .overwrap__inner {
    width:100%;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding-top:8vw;
  }

  #mainimg.top .li15 .img {
    background:url(../img/top/bg-kv_15_sp.jpg) no-repeat bottom right;
    background-size:cover;
  }

  /* .li16 ================== */
  #mainimg.top .li16 .img .left {
    width:100%;
    height:calc(580/1690*100vw);
    background-image:url("../img/top/img_kv_16_left_sp.png");
    background-size:cover;
  }

  #mainimg.top .li16 .img .left img {
    margin:0;
    width:calc(330/1180*100%);
    max-height:initial;
    top:calc(169/580*100%);
    left:calc(42/1180*100%);
  }

  #mainimg.top .li16 .img .right {
    width:100%;
    height:calc(1110/1690*100vw);
    background-image:url("../img/top/img_kv_16_right_sp.png");
    background-size:cover;
  }

  #mainimg.top .li16 .img .right img {
    margin:auto 0;
    width:calc(570/1180*100%);
    top:0;
    bottom:0;
    left:calc(42/1180*100%);
  }

  #mainimg.top .li16 .text {
    width:calc(690/1180*100%);
    height:calc(186/1690*100%);
    top:calc(198/1690*100%);
    right:calc(51/1180*100%);
    left:auto;
  }

  /* .li17 ================== */
  #mainimg.top .li17 .img .left {
    width:100%;
    height:calc(580/1690*100vw);
    background-image:url("../img/top/img_kv_17_left_sp.png");
    background-size:cover;
  }

  #mainimg.top .li17 .img .left img {
    margin:0;
    width:calc(340/1180*100%);
    max-height:initial;
    top:calc(40/580*100%);
    bottom:auto;
    left:calc(40/1180*100%);
    right:auto;
  }

  #mainimg.top .li17 .img .right {
    width:100%;
    height:calc(1110/1690*100vw);
    background-image:url("../img/top/img_kv_17_right_sp.png");
    background-size:cover;
  }

  #mainimg.top .li17 .img .right img {
    margin:auto 0;
    width:calc(841/1180*100%);
    max-height:initial;
    top:0;
    bottom:0;
    right:calc(50/1180*100%);
    left:auto;
  }

  #mainimg.top .li17 .text {
    margin:auto;
    width:calc(690/1180*100%);
    height:calc(186/1690*100%);
    top:calc(323/1690*100%);
    left:calc(20/1180*100%);
  }

  /* .li18 ================== */
  #mainimg.top .li18 .text {
    margin:auto;
    width:calc(753/1180*100%);
    top:0;
    bottom:0;
    right:0;
    left:0;
  }

  #mainimg.top .li18 .img .left {
    width:100%;
    background-image:url("../img/top/img_kv_18_left_sp.png");
    background-size:cover;
  }

  #mainimg.top .li18 .img .left img {
    margin:auto;
    width:calc(1087/1180*100%);
    top:calc(50/845*100%);
    bottom:auto;
    right:calc(50/1180*100%);
  }

  #mainimg.top .li18 .img .right {
    width:100%;
    background:url("../img/top/img_kv_18_right_sp.png");
    background-size:cover;
  }

  #mainimg.top .li18 .img .right img {
    margin:auto;
    width:calc(156/1180*100%);
    top:auto;
    bottom:calc(50/845*100%);
    left:calc(50/845*100%);
  }

  /* .li19 ================== */
  #mainimg.top .li19 .text {
    margin:auto;
    width:calc(719/1180*100%);
    top:0;
    bottom:0;
    right:0;
    left:0;
  }

  #mainimg.top .li19 .img .left {
    width:100%;
    background-image:url("../img/top/img_kv_19_left_sp.png");
    background-size:cover;
  }

  #mainimg.top .li19 .img .left img {
    width:calc(1088/1180*100%);
    top:calc(50/845*100%);
    bottom:auto;
    right:calc(50/1180*100%);
  }

  #mainimg.top .li19 .img .right {
    width:100%;
    background-image:url("../img/top/img_kv_19_right_sp.png");
    background-size:cover;
  }

  #mainimg.top .li19 .img .right img {
    margin:auto;
    width:calc(391/1180*100%);
    height:auto;
    position:absolute;
    bottom:calc(50/845*100%);
    left:calc(50/845*100%);
  }

  /* a.view-more */
  a.view-more {
    margin:auto;
    font-size:calc(28/750*100vw);
    right:calc(30/750*100vw);
    bottom:calc(30/750*100vw);
  }

  a.view-more::after {
    width:calc(16/750*100vw);
    height:calc(24/750*100vw);
    background-size:100% auto;
  }

  #mainimg.top .li12 a.view-more.up {
    bottom:calc(80/750*100vw) !important;
  }
}
/************************************************************************
  h1.item-logo
************************************************************************/
h1.item-logo img {
  vertical-align:middle;
}

/************************************************************************
  main#kagawa-university
************************************************************************/
main#kagawa-university section {
  margin:auto auto calc(60/1200*100%);
  padding:0 120px;
  width:auto;
  max-width:1200px;
}

/* h2 */
main#kagawa-university h2 {
  margin:auto auto calc(70/1200*100%);
  padding-top:calc(78/1200*100%);
  width:calc(395/1200*100%);
  background:url("../img/next/kagawa_university/h2.svg") no-repeat;
  background-size:100% auto;
}

main#kagawa-university h2 span {
  display:none;
}

/* .box ==================================== */
main#kagawa-university .box {
  padding:calc(70/1200*100%) calc(60/1200*100%);
  background-color:#f4f3f1;
  position:relative;
}

main#kagawa-university .box::before {
  content:"";
  width:229px;
  height:128px;
  background:url("../img/next/kagawa_university/dog.png") no-repeat;
  background-size:100% auto;
  display:inline-block;
  position:absolute;
  top:-128px;
  left:47px;
}

/* .lead */
main#kagawa-university .box .lead {
  margin-bottom:calc(45/(1200 - 120)*100%);
  padding-bottom:calc(45/(1200 - 120)*100%);
  border-bottom:1px solid #dddddd;
}

/* .text */
main#kagawa-university .box .text {
  width:calc(520/(1200 - 120)*100%);
}

main#kagawa-university .box .text p {
  margin-bottom:1.5em;
}

main#kagawa-university .box .text p:last-child {
  margin-bottom:0;
}

/* .photo */
main#kagawa-university .box .photo {
  width:calc(510/(1200 - 120)*100%);
  position:relative;
}

main#kagawa-university .box .photo p {
  position:absolute;
}

#photo-001 {
  width:calc(624/510*100%);
  top:-110px;
  right:-125px;
}

#photo-002 {
  width:calc(584/510*100%);
  top:50px;
  right:-7px;
}

#photo-003 {
  width:calc(624/510*100%);
  top:60px;
  right:-125px;
}

main#kagawa-university .box .flex {
  display:flex;
  justify-content:space-between;
}

/* ul.icon-pad */
main#kagawa-university ul.icon-pad > li {
  margin-left:calc(50/510*100%);
  margin-bottom:calc(40/510*100%);
}

main#kagawa-university ul.icon-pad > li::before {
  content:"";
  margin:0 calc(4/510*100%) 1em calc(-50/510*100%);
  padding-top:calc(46/510*100%);
  width:calc(46/510*100%);
  text-indent:calc(50/510*100%);
  background:url("../img/next/kagawa_university/icon_pad.svg") no-repeat;
  background-size:100% auto;
  display:inline-block;
  vertical-align:middle;
}

main#kagawa-university ul.icon-pad > li h3 {
  margin-bottom:1em;
  font-weight:bold;
  font-size:24px;
  display:inline-block;
  vertical-align:middle;
}

main#kagawa-university ul.icon-pad > li p {
  margin-bottom:1em;
}

main#kagawa-university ul.icon-pad > li p:last-child {
  margin-bottom:0;
}

/* ol.decimal */
main#kagawa-university ol.decimal > li {
  margin-left:1.5em;
  list-style:decimal;
}

/* ul.square-w */
main#kagawa-university ul.square-w > li::before {
  content:"□";
  margin:0 0 0 0.5em;
  display:inline;
}

/* ul.arrow */
main#kagawa-university ul.arrow {
  margin-bottom:calc(30/1200*100vw);
}

main#kagawa-university ul.arrow > li {
  margin-left:1.2em;
}

main#kagawa-university ul.arrow > li::before {
  content:"→";
  margin:0 0.2em 0 -1.2em;
  color:#cf141e;
  text-indent:1.2em;
  display:inline;
}

main#kagawa-university ul.arrow > li strong {
  color:#cf141e;
}

/* ul.double-circle */
main#kagawa-university ul.double-circle > li {
  margin:0 0 1em 1.2em;
  color:#cf141e;
}

main#kagawa-university ul.double-circle > li::before {
  content:"◎";
  margin:0 0.2em 0 -1.2em;
  color:#cf141e;
  text-indent:1.2em;
  display:inline;
}

/* #conclusion */
main#kagawa-university #conclusion {
  padding:calc(30/1200*100%);
  background-color:#ffffff;
}

main#kagawa-university #conclusion p {
  line-height:1;
}

/* #banner */
main#kagawa-university #banner {
  text-align:center;
}

main#kagawa-university #banner p {
  margin-bottom:calc(30/1200*100%);
}

main#kagawa-university #banner p:last-child {
  margin-bottom:0;
}

/* ============ smart phone ============ */
@media screen and (max-width:660px) {
  /* h2 */
  main#kagawa-university h2 {
    margin:auto auto calc(160/660*100vw);
    padding-top:calc(78/660*100vw);
    width:calc(395/660*100vw);
  }

  main#kagawa-university section {
    margin:auto calc(30/660*100vw) calc(50/660*100%);
    padding:0;
  }

  /* .box ==================================== */
  main#kagawa-university .box {
    padding:calc(50/660*100vw) calc(30/660*100vw);
  }

  main#kagawa-university .box::before {
    margin:auto;
    width:calc(229/660*100vw);
    height:calc(128/660*100vw);
    top:calc(-128/660*100vw);
    right:0;
    left:0;
  }

  /* .lead */
  main#kagawa-university .box .lead {
    margin-bottom:calc(45/660*100vw);
    padding-bottom:0;
  }

  /* .flex */
  main#kagawa-university .box .flex {
    justify-content:center;
    flex-direction:column;
  }

  /* .text */
  main#kagawa-university .box .text {
    margin-bottom:calc(30/660*100vw);
    width:auto;
  }

  /* .photo */
  main#kagawa-university .box .photo {
    width:auto;
    position:static;
  }

  main#kagawa-university .box .photo p {
    margin:auto;
    position:static;
  }

  #photo-001 {
    width:100%;
  }

  #photo-002 {
    width:100%;
  }

  #photo-003 {
    width:100%;
  }

  /* ul.icon-pad */
  main#kagawa-university ul.icon-pad > li {
    margin-left:calc(50/660*100vw);
    margin-bottom:calc(40/660*100vw);
  }

  main#kagawa-university ul.icon-pad > li::before {
    margin:0 calc(4/660*100vw) 1.8em calc(-50/660*100vw);
    padding-top:calc(46/660*100vw);
    width:calc(46/660*100vw);
    text-indent:calc(50/660*100vw);
  }

  /* #conclusion */
  main#kagawa-university #conclusion {
    padding:calc(30/660*100vw);
  }

  main#kagawa-university #conclusion p {
    line-height:1.5;
  }

  /* #banner */
  main#kagawa-university #banner {
    margin:0 calc(30/660*100vw);
  }

  main#kagawa-university #banner p {
    margin-bottom:calc(30/660*100vw);
  }

  main#kagawa-university #banner p:last-child {
    margin-bottom:0;
  }

  main#kagawa-university #banner p img {
    width:100%;
  }
}
body.fixed {
  position:fixed;
  width:100%;
  height:100%;
  left:0;
}

.modal {
  display:none;
  height:100vh;
  position:fixed;
  top:0;
  width:100%;
  z-index:99999;
  left:0;
}

.modal__bg {
  background:rgba(0, 0, 0, 0.8);
  height:100vh;
  position:absolute;
  width:100%;
}

.modal__content {
  box-sizing:border-box;
  background:#fff;
  left:50%;
  padding:45px;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
  width:90%;
  max-width:113rem;
  max-height:80vh;
  min-height:400px;
}

.modal__close-btn {
  position:absolute;
  width:64px;
  height:64px;
  top:0;
  right:0;
}

.modal__close-btn:before {
  content:"";
  display:block;
  width:46px;
  height:1px;
  background:#000;
  transform:rotate(45deg);
  transform-origin:center;
  position:relative;
  top:31px;
  left:10px;
}

.modal__close-btn:after {
  content:"";
  display:block;
  width:46px;
  height:1px;
  background:#000;
  transform:rotate(-45deg);
  transform-origin:center;
  position:relative;
  top:31px;
  left:10px;
}

/*# sourceMappingURL=add.css.map */





/************************************************************************
  #flooring-list
************************************************************************/
#flooring-list ul { width:100%; display:flex; flex-wrap:wrap; font-size:0; }
#flooring-list ul li { margin-right:20px; margin-bottom:20px; width:225px; }
#flooring-list ul li:nth-child(4n) { margin-right:0; }
#flooring-list ul li img { width:100%; height:auto; }

/* ============ smart phone ============ */
@media screen and (max-width:660px) {
#flooring-list ul { flex-direction:column; }
#flooring-list ul li { margin-right:auto; margin-bottom:20px; width:100%; }
#flooring-list ul li:nth-child(4n) { margin-right:auto; }
}
/************************************************************************
  #purpose
************************************************************************/
#purpose { background-color:#f2f1ef; }
#purpose .content { padding-top:100px; padding-bottom:100px; text-align:center; }
#purpose h2 { margin-bottom:1.5em; margin-right:auto; margin-left:auto; width:252px; }
#purpose h3 { margin-bottom:2em; color:#e46c0a; }

#purpose p { margin-bottom:1.5em; color:#04447c; }
/************************************************************************
  #nav-message
************************************************************************/
#purpose #nav-message .content { background-color:transparent; }
main #nav-message .link-list.sml li { width:calc(20% - 10px); }

@media screen and (max-width:660px){
main #nav-message .link-list.sml li { margin:0 10px 20px 0; width:calc(50% - 10px); }
}
/************************************************************************
  #monodukuri
************************************************************************/
#monodukuri { margin-bottom:0; background-color:#B7DEE8; text-align:center; }
#monodukuri .content { padding-top:100px; padding-bottom:100px; }
#monodukuri h2 { margin-bottom:100px; font-size:24px; }
#monodukuri #filled { margin:auto auto 120px; width:456px; }
#monodukuri #text-001 { margin:auto auto 80px; width:676px; height:255px; background-image:url('../img/next/monodukuri/text_001.svg'); background-size:100% auto; font-size:0; }
#monodukuri #strong-001 { margin:auto auto 100px; width:200px; height:99px; background-image:url('../img/next/monodukuri/strong_001.svg'); background-size:100% auto; font-size:0; }

#monodukuri p.text { margin-bottom:100px; font-size:18px; }
#monodukuri p.img { font-size:0; }
#monodukuri p#pict-001 { margin-bottom:50px; }
/* ============ smart phone ============ */
@media screen and (max-width:660px) {

#monodukuri #filled { margin-bottom:calc(120/750*100vw); width:calc(456/750*100vw); }
#monodukuri #text-001 { margin-bottom:calc(80/750*100vw); width:calc(676/750*100vw); height:calc(255/750*100vw); }
#monodukuri #strong-001 { margin-bottom:calc(100/750*100vw); width:calc(200/750*100vw); height:calc(99/750*100vw); }

#monodukuri h2 { margin-bottom:calc((100*1.2)/750*100vw); font-size:calc((24*1.2)/750*100vw); }
#monodukuri p.text { margin-bottom:calc((100*1.2)/750*100vw); font-size:calc((18*1.2)/750*100vw); }
#monodukuri p#pict-001 { margin-bottom:calc((50*1.2)/750*100vw); }
}


@media screen and (min-resolution:96dpi){
}

@media screen and (min-resolution:192dpi){
}
/************************************************************************
  .link-list.sml
************************************************************************/
.link-list.sml li.current { display:none; }
/************************************************************************
  #nav-concept
************************************************************************/
#nav-concept { padding-top:100px; }
main #nav-concept .link-list { justify-content:center; }
/************************************************************************
  #nav-company
************************************************************************/
main #nav-company .link-list.sml li { width:calc(20% - 10px); }
@media screen and (max-width:660px){
main #nav-company .link-list.sml li { margin:0 10px 20px 0; width:calc(50% - 10px); }
}
/************************************************************************
  #recruit-link
************************************************************************/
#recruit-link { margin-bottom:50px; justify-content:center; }
main #recruit-link.link-list.sml li { width:50%; }

@media screen and (max-width:660px){
main #recruit-link.link-list.sml li { margin:0 10px 20px 0; width:calc(50% - 10px); }
}
/************************************************************************
  #recruit-link
************************************************************************/
footer .foot-nav dl dd { white-space:nowrap; }
footer .foot-nav dl dd small { font-size:10px; }
/************************************************************************
  #product-performance
************************************************************************/
#product-performance table { margin:auto; width:900px; border:0; font-size:14px; }
#product-performance table th { background-color:#A29949; color:#ffffff; }
#product-performance table td { width:25%; background-color:#DFDCCC; }
#product-performance table td.photo { padding:0; width:100px; }
/************************************************************************
  .popup
************************************************************************/
.dp-none { display:none; }
p.box { width:480px; height:320px; background-repeat:no-repeat; background-size:100% auto; pointer-events:none; font-size:0; }
.boxer-content { width:100%; }

#popup-001 { background-image:url('../img/next/product-performance/product-performance_01@2x.jpg'); }
#popup-002 { background-image:url('../img/next/product-performance/product-performance_02@2x.jpg'); }
#popup-003 { background-image:url('../img/next/product-performance/product-performance_03@2x.jpg'); }
#popup-004 { background-image:url('../img/next/product-performance/product-performance_04@2x.jpg'); }
#popup-005 { background-image:url('../img/next/product-performance/product-performance_05@2x.jpg'); }
#popup-006 { background-image:url('../img/next/product-performance/product-performance_06@2x.jpg'); }
#popup-007 { background-image:url('../img/next/product-performance/product-performance_07@2x.jpg'); }
#popup-008 { background-image:url('../img/next/product-performance/product-performance_08@2x.jpg'); }
#popup-009 { background-image:url('../img/next/product-performance/product-performance_09@2x.jpg'); }
#popup-010 { background-image:url('../img/next/product-performance/product-performance_10@2x.jpg'); }
#popup-011 { background-image:url('../img/next/product-performance/product-performance_11@2x.jpg'); }
#popup-012 { background-image:url('../img/next/product-performance/product-performance_12@2x.jpg'); }
#popup-013 { background-image:url('../img/next/product-performance/product-performance_13@2x.jpg'); }
#popup-014 { background-image:url('../img/next/product-performance/product-performance_14@2x.jpg'); }
#popup-015 { background-image:url('../img/next/product-performance/product-performance_15@2x.jpg'); }
#popup-016 { background-image:url('../img/next/product-performance/product-performance_16@2x.png'); }

p.box { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
p.box { -webkit-user-drag:none; -khtml-user-drag:none; }
p.box { pointer-events:none; }
/************************************************************************
  #request
************************************************************************/
#request #lead { margin-bottom:100px; text-align:center; }
#request #lead p { margin-bottom:1.5em; }
#request #lead ul { margin:auto; width:800px; display:flex; font-size:0; gap:10px; }
#request #lead ul li { width:50%; }
#request #lead ul li a { padding:1em; background-color:#505050; color:#ffffff; line-height:1; text-decoration:none; display:block; font-size:15px; transition:0.5s; }
#request #lead ul li a:hover { opacity:0.5; }

#request dl.sample { margin-bottom:80px; line-height:1.5; }
#request dl.sample dt { padding:20px 0; }
#request dl.sample dd { margin:calc(-1 * (40px + 1.5em)) 0 0; padding:20px 0 10px 200px; border-bottom:1px solid #cccccc; }

#request dl.sample ul { display:flex; flex-wrap:wrap; }
#request dl.sample ul li { margin-bottom:1em; width:25%; }
#request dl.sample ul li label { margin:0 0 0 -1.2em; text-indent:1.2em; line-height:calc(14px * 1.5); font-size:12px; }
#request dl.sample ul li input[type="checkbox"] { display:inline-block; }


#request input[type="submit"]:disabled { background:#cccccc; }
p#sample-error { color:red; }
/************************************************************************
  .sdgs-sec14
************************************************************************/
.sdgs-sec12 { background-color:#ddd9c3 !important; }
.sdgs-sec14 { background-color:#d9efe1; }
.sdgs-sec14 * { box-sizing:border-box; }

/* .flex */
.flex { display:flex; }
.photo { font-size:0; }
.photo img { margin:auto; }
.logo { font-size:0; }
.logo img { margin:auto; }
.sub { vertical-align:sub; font-size:12px; }

/* #sdgs-sec14-1 ==================================== */
#sdgs-sec14-1 { margin-bottom:40px; justify-content:space-between; align-items:center; }
#sdgs-sec14-1 .item:nth-child(1) { order:2; width:450px; }
#sdgs-sec14-1 .item:nth-child(2) { order:1; width:calc(100% - 450px); text-align:center; }
#sdgs-sec14-1 .item { text-align:center; }
#sdgs-sec14-1 .item:nth-child(1) .text { text-align:left; }
#sdgs-sec14-1 .logo { margin:0 0 20px; text-align:center; }


/* #sdgs-sec14-2 ==================================== */
#sdgs-sec14-2 .box { margin:auto; padding:50px; width:900px; background-color:rgba(255, 255, 255, 0.4); border-radius:10px; }
#sdgs-sec14-2 .box:first-child { margin-bottom:40px; }
#sdgs-sec14-2 .flex { justify-content:space-between; }
#sdgs-sec14-2 .flex.row-3 { padding-bottom:40px; }
#sdgs-sec14-2 .flex.row-3 p.text { width:calc(100% /3); }
/*#sdgs-sec14-2 .flex.row-2 { padding-bottom:40px; }*/
#sdgs-sec14-2 .flex.row-2 p.text { width:calc(100% /2); }
#sdgs-sec14-2 .flex.row-2 p.text:last-child { margin-bottom:0; }
#sdgs-sec14-2 p.text { text-align:center; line-height:1.5; font-size:14px; }
#sdgs-sec14-2 p.text strong { color:#e46c0a; font-weight:bold; font-size:18px; }

#sdgs-sec14-2 .flex > div { width:40%; }
#sdgs-sec14-2 .flex > div p.text { margin-bottom:2em; text-align:left; }
#sdgs-sec14-2 .flex ul { width:auto; }
#sdgs-sec14-2 .flex ul li { margin:0 0 20px; display:flex; align-items:center; }
#sdgs-sec14-2 .flex ul li:last-child { margin-bottom:0; }
#sdgs-sec14-2 .flex ul li p.text { margin:0 0 0 20px; width:calc(100% - 160px); text-align:left; }
#sdgs-sec14-2 .flex ul li .img { width:140px; font-size:0; }
#sdgs-sec14-2 .flex ul li img { width:100%; }

/* #map */
#sdgs-sec14-2 #map { width:55%; text-align:center; }
#sdgs-sec14-2 #map p.img { margin-bottom:10px; padding:20px; background-color:#ffffff; border-radius:10px; text-align:center; }
#sdgs-sec14-2 #map p.img img { margin:0 auto; width:100%; }
#sdgs-sec14-2 #map p.text { margin-bottom:0; line-height:1.5; font-size:14px; }

.lity { background-color:rgba(0, 0, 0, 0.8); }

@media screen and (max-width:660px){
/* #sdgs-sec14-1 ==================================== */
#sdgs-sec14-1 { margin-bottom:40px; flex-direction:column; }
#sdgs-sec14-1 .item:nth-child(1) { order:1; margin-bottom:calc(40/750*100vw); width:auto; }
#sdgs-sec14-1 .item:nth-child(2) { order:2; width:auto; }

/* #sdgs-sec14-2 ==================================== */
#sdgs-sec14-2 .box { padding:calc(50/660*100vw); width:auto; border-radius:calc(10/660*100vw); }
#sdgs-sec14-2 .flex.row-3 { align-items:center; }
#sdgs-sec14-2 .flex.row-3 p.text { margin-bottom:1em; width:auto; }
#sdgs-sec14-2 .flex.row-2 { align-items:center; }
#sdgs-sec14-2 .flex.row-2 p.text { margin-bottom:1em; width:auto; }
#sdgs-sec14-2 .flex { flex-direction:column; }
#sdgs-sec14-2 .flex div { width:auto; }
#sdgs-sec14-2 .flex ul { padding-bottom:calc(40/660*100vw); width:auto; }
#sdgs-sec14-2 .flex ul li { margin-bottom:calc(20/660*100vw); }
#sdgs-sec14-2 .flex ul li:last-child { margin-bottom:0; }
#sdgs-sec14-2 .flex ul li p.text { margin-left:calc(20/660*100vw); width:calc(100% - (220/660*100vw));  }
#sdgs-sec14-2 .flex ul li p.img { width:calc(200/660*100vw); font-size:0; }

/* #map */
#sdgs-sec14-2 #map { width:100%; text-align:center; }
#sdgs-sec14-2 #map p.img { margin-bottom:calc(15/660*100vw); padding:calc(20/660*100vw);  }
#sdgs-sec14-2 #map p.img img { width:100%; }
#sdgs-sec14-2 #map p.text { line-height:1.5; font-size:14px; }
}
/************************************************************************
  #globalnav
************************************************************************/
#globalnav { width:1200px !important; }
.nav-cubisme img { width:auto; height:68px; }

@media screen and (max-width:660px){
#globalnav { width:auto !important; }
}
/************************************************************************
  2024.05.15
************************************************************************/
main .news-list .item-date { width:7em !important; }
main .news-list .item-cat a { width:10em !important; }
/************************************************************************
  #slider
************************************************************************/
#mainimg.top .item-kv { height:calc(((850*(100vw - 80px))/1920)) !important; }

ul#slider li .flex { width:100%; display:flex; align-items:center; }
ul#slider li .photo { height:100%; }
ul#slider li img { width:100%; max-width:initial; height:100%; }
ul#slider li .copy { height:100%; display:flex; justify-content:center; align-items:center; position:relative; }
ul#slider li .copy p { margin:auto; background-repeat:no-repeat; background-size:100% auto; position:absolute; top:0; bottom:0; right:0; left:0; /*opacity:0; animation:image-switch-animation 25s;*/ }

/* .slider-001 */
ul#slider li.slider-001 { background-color:#aecace; }
ul#slider li.slider-001 .photo { width:53.125%; }
ul#slider li.slider-001 .copy { width:calc(100% - 53.125%);  }
ul#slider li.slider-001 .copy p { width:100%; height:100%; }

/* animation-delay */
ul#slider li .copy p:nth-of-type(1) { animation-delay:0s; }
ul#slider li .copy p:nth-of-type(2) { animation-delay:4s; }
ul#slider li .copy p:nth-of-type(3) { animation-delay:8s; }
ul#slider li .copy p:nth-of-type(4) { animation-delay:12s; }
ul#slider li .copy p:nth-of-type(5) { animation-delay:16s; }

@media screen and (max-width:660px){
#mainimg.top .item-kv { height:auto !important; min-height:initial !important; }
}
/************************************************************************
  .fadeIn
************************************************************************/
@keyframes fadeIn {
  0%{ opacity:0;}
 25%{ opacity:0;}
 30%{ opacity:0;}
 75%{ opacity:0;}
100%{ opacity:1;}
}
/************************************************************************
  .zoomIn
************************************************************************/
.zoomIn { animation:zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards; }

@keyframes zoomIn {
  0% { opacity:0; transform:scale(0.8); }
 50% { opacity:0; transform:scale(0.8); }
100% { opacity:1; transform:scale(1); }
}
/************************************************************************
  .zoomOut
************************************************************************/
.zoomOut { animation:zoomOut 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards; }

@keyframes zoomOut {
  0% { opacity:1; transform:scale(1); }
 50% { opacity:1; transform:scale(1); }
100% { opacity:0; transform:scale(0.8); }
}
/************************************************************************
  .zoomInOut
************************************************************************/
.zoomInOut { animation:zoomInOut 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards; }

@keyframes zoomInOut {
  0% { opacity:0; transform:scale(0.8); }
 15% { opacity:1; transform:scale(1); }
 50% { opacity:1; transform:scale(1); }
 85% { opacity:1; transform:scale(1); }
100% { opacity:0; transform:scale(0.8); }
}
/************************************************************************
  image-switch-animation
************************************************************************/
@keyframes image-switch-animation {
  0%{ opacity:0;}
  5%{ opacity:1;}
 25%{ opacity:1;}
 30%{ opacity:0;}
100%{ opacity:0;}
}
/************************************************************************
  #flooring-select
************************************************************************/
#select ul#flooring-select li a h3 { font-family:'Moon Light', sans-serif; font-weight:200;font-size:2rem; }

#select ul#flooring-select li.series { margin-right:0; width:100%; }
#select ul#flooring-select li.design { margin-right:30px; width:calc(50% - 15px); }

#select ul#flooring-select li.function { margin-right:30px; width:calc(25% - 22px); }
#select ul#flooring-select li.parts { margin-right:0; width:calc(25% - 23px); }

#select ul#flooring-select li.series a { background-color:#b7dd79; }
#select ul#flooring-select li.design a { background-color:#fbdb65; }
#select ul#flooring-select li.function a { background-color:#ffb3ab; }
#select ul#flooring-select li.parts a { background-color:#9bd3dd; }

@media screen and (max-width:660px){
#select ul#flooring-select { justify-content:space-between; }
#select ul#flooring-select li.design { margin-right:0; width:31%; }
#select ul#flooring-select li.function { margin-right:0; width:31%; }
#select ul#flooring-select li.parts { margin-right:0; width:31%; }
}
/************************************************************************
  #flooring-select
************************************************************************/
main.next .floor-list li { width:100%; height:235px; }
main.next .floor-list li > a { padding:0; background-color:transparent; }
main.next .floor-list li > a:hover .item-img:after { display:none; }
main.next .floor-list .item-img { order:2; margin-right:0; width:480px; height:100%; text-align:right; object-fit:cover; -webkit-box-shadow:none; box-shadow:none; }
main.next .floor-list .item-img img { margin:0 0 0 auto; width:100%; }
main.next .floor-list .item-text { order:1; padding:0 35px; }
main.next .floor-list .item-text .name { font-size:36px; }

@media screen and (max-width:660px){
main.next .floor-list { margin-right:0; }
main.next .floor-list li { margin:auto auto calc(40/750*100vw); height:calc(620/750*100vw); }
main.next .floor-list li > a { flex-direction:column; }
main.next .floor-list .item-text { padding:calc(40/750*100vw) calc(40/750*100vw) 0; width:auto; }
main.next .floor-list .item-img { width:100%; max-width:initial; height:calc(330/750*100vw); }
main.next .floor-list .item-text .name { font-size:calc((36*1.2)/750*100vw); }
main.next .floor-list .item-text .title { font-size:calc((18*1.2)/750*100vw); }
main.next .floor-list .item-text .text { font-size:calc((16*1.2)/750*100vw); }
}
/************************************************************************
  .link-list
************************************************************************/
main .link-list:not(.sml) li { width:calc(20% - 20px); }
@media screen and (max-width:660px) {
main .link-list:not(.sml) li { width:calc(50% - 15px);}
}
/************************************************************************
  #habaki-s
************************************************************************/
#habaki-s p { font-size:18px; }
/* ============ smart phone ============ */
@media screen and (max-width:660px){
#habaki-s p { font-size:calc(18/660*100vw); }
}
/* #lead ==================================== */
#habaki-s #lead { padding-bottom:100px; text-align:center; }
#habaki-s #lead h2 { margin-bottom:1.5em; padding-bottom:0.4em; border-bottom:1px solid #999999; font-size:20px; }
#habaki-s #lead p.text { margin-bottom:1.5em; }
#habaki-s #lead p.img { margin:auto; width:calc(1336px /2); }
/* ============ smart phone ============ */
@media screen and (max-width:660px){
#habaki-s #lead { padding-bottom:calc(100/660*100vw); }
#habaki-s #lead h2 { font-size:calc(20/660*100vw); }
#habaki-s #lead p.img { width:auto; }
}
/* #merit ==================================== */
#habaki-s #merit { padding-bottom:100px; }
#habaki-s #merit h2 { margin:auto auto 20px; width:calc(552px /2); text-align:center; }
#habaki-s #merit ul { display:flex; justify-content:space-between; }
#habaki-s #merit ul li { width:calc(320px /2); display:flex; flex-direction:column; }
#habaki-s #merit ul li p.text { order:2; text-align:center; line-height:calc(24/16); font-size:16px; }
#habaki-s #merit ul li p.img { order:1; }
/* ============ smart phone ============ */
@media screen and (max-width:660px){
#habaki-s #merit { padding-bottom:calc(100/660*100vw); }
#habaki-s #merit h2 { margin-bottom:calc(20/660*100vw); width:calc(276/660*100vw); }
#habaki-s #merit ul { margin:auto; width:calc(560/660*100vw); flex-wrap:wrap; justify-content:center; }
#habaki-s #merit ul li { margin-right:calc(20/660*100vw); width:calc((320/2)/660*100vw); }
#habaki-s #merit ul li:nth-child(3n) { margin-right:0; }
#habaki-s #merit ul li p.text { font-size:calc(16/660*100vw); }
}
/* .features ==================================== */
#habaki-s .features { margin-bottom:100px; padding:0 0 40px; border:1px solid #0037a4; border-radius:calc(330px /4) 0 0 0; }
#habaki-s .features .flex { margin-bottom:45px; padding:0 0 0 200px; height:calc(330px /2); flex-direction:column; justify-content:center; position:relative; }
#habaki-s .features h3 { margin-bottom:25px; padding-top:20px; color:#0037a4; line-height:1; font-size:30px; }
#habaki-s .features h3 span.circle { width:150px; height:150px; background-color:#c1e9f7; border-radius:50%; font-size:24px; display:flex; justify-content:center; align-items:center; position:absolute; top:15px; left:15px; }
#habaki-s .features p.text { color:#0037a4; line-height:calc(54/36); font-size:18px; }
#habaki-s .features p.img { margin:auto; width:calc(1600px /2); display:flex; justify-content:space-between; }
#habaki-s .features p.img img { width:calc(740px /2); }
/* #features-003 */
#habaki-s .features#features-003 { margin-bottom:140px; }
#habaki-s .features#features-003 h3 small { margin:auto 0.8em; width:calc(380px /2); font-size:16px; display:inline-block; }
/* ============ smart phone ============ */
@media screen and (max-width:660px){
#habaki-s .features { margin-bottom:calc(100/660*100vw); padding:0 0 calc(40/660*100vw) 0; border-radius:calc(75/660*100vw) 0 0 0; }
#habaki-s .features .flex { margin-bottom:calc(40/660*100vw); padding-right:calc(40/660*100vw); padding-left:calc(160/660*100vw); height:calc(130/660*100vw) }
#habaki-s .features h3 { margin-bottom:calc(10/660*100vw); padding-top:calc(20/660*100vw); font-size:calc(26/660*100vw); }
#habaki-s .features h3 span.circle { width:calc(120/660*100vw); height:calc(120/660*100vw); font-size:calc(20/660*100vw); top:calc(20/660*100vw); left:calc(20/660*100vw); }
#habaki-s .features p.text { font-size:calc(16/660*100vw); }
#habaki-s .features p.img { width:calc(500/660*100vw); text-align:center; flex-direction:column; }
#habaki-s .features p.img img { width:100%; }
#habaki-s .features p.img img:first-of-type { margin-bottom:calc(40/660*100vw); }
/* #features-003 */
#habaki-s .features#features-003 { margin-bottom:calc(140/660*100vw); }
#habaki-s .features#features-003 h3 small { margin:auto 0.6em; width:calc((384/2)/660*100vw); font-size:calc(16/660*100vw); }
}
/* #color-variations ==================================== */
#habaki-s #color-variations h3 { padding-left:0.4em; border-left:10px solid #867561; font-size:24px; }
#habaki-s #color-variations ul { display:flex; justify-content:space-between; }
#habaki-s #color-variations ul li { width:calc(320px /2); display:flex; flex-direction:column; }
#habaki-s #color-variations ul li p.text { order:2; text-align:center; font-size:18px; }
#habaki-s #color-variations ul li p.img { order:1; }
/* ============ smart phone ============ */
@media screen and (max-width:660px){
#habaki-s #color-variations h3 { border-left-width:calc(10/660*100vw); font-size:calc(24/660*100vw); }
#habaki-s #color-variations ul { margin:auto; width:calc(560/660*100vw); flex-wrap:wrap; justify-content:center; }
#habaki-s #color-variations ul li { margin-right:calc(20/660*100vw); width:calc((320/2)/660*100vw); }
#habaki-s #color-variations ul li:nth-child(3n) { margin-right:0; }
#habaki-s #color-variations ul li p.text { font-size:calc(18/660*100vw); }
}

/* .link-list ==================================== */
main #habaki-s .link-list.sml li { width:calc(28% - 10px); }

/************************************************************************
  2025.06.06
************************************************************************/
.perfomance-block p.head.fixed { position:fixed; }
.perfomance-block p.body { position:relative; }

main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(1) { top:0; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(2) { top:80px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(3) { top:160px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(4) { top:240px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(5) { top:320px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(6) { top:400px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(7) { top:480px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(8) { top:560px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(9) { top:640px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(10) { top:720px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(11) { top:800px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(12) { top:880px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(13) { top:960px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(14) { top:1040px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(15) { top:1120px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(16) { top:1120px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(16) { top:1200px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(17) { top:1280px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(18) { top:1360px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(19) { top:1440px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(20) { top:1520px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(21) { top:1600px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(22) { top:1680px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(23) { top:1760px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(24) { top:1840px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(25) { top:1920px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(26) { top:2000px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(27) { top:2080px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(28) { top:2160px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(29) { top:2240px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(30) { top:2320px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(31) { top:2400px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(32) { top:2480px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(33) { top:2560px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(34) { top:2640px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(35) { top:2720px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(36) { top:2800px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(37) { top:2880px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(38) { top:2960px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(39) { top:3040px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(40) { top:3120px; }
main.next .perfomance-block img[src*="img-performance_02.svg"] ~ a:nth-of-type(41) { top:3200px; }