@charset "UTF-8";


@media screen and (min-width: 768px),print {  
body,html{ overflow-x: hidden; }
.mfp-close{width: 4rem;height: 4rem;background: url(../images/contact/close.svg)no-repeat!important;overflow: hidden!important;font-size: 0;top: 3rem!important;right: 3rem!important;opacity: 1;background-size: 100% auto!important;}

#fixbtn{position: fixed;bottom: 5rem;right: 0;cursor: pointer;z-index: 4;}

#contents00 {margin: 0 auto;position: absolute;width: 100%;overflow: hidden;}
#contents00 .inner-Box{ width: 100%;}
#contents00 ul.main-slide { max-width: 130rem; margin: 0 0 0 auto; overflow: hidden; border-radius: 5rem 0rem 0rem 5rem; }
#contents00 ul li { position: relative; }
#contents00 figure.photo { position: relative; top: 0; left: 0; }
#contents00 figure.photo img{  }

#contentsmain {margin: 0 auto -2.6rem;position: relative;padding: 1.3rem 5vw;max-width: 1552px;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box figure.img01 {position: relative;top: 0;left: 0;margin-bottom: 4.6rem;}
#contentsmain .inner-Box figure.img01 img{  }
#contentsmain .inner-Box h1 {margin-bottom: 6rem;}
#contentsmain .inner-Box h1 span{  }
#contentsmain .inner-Box h1 img {  }
#contentsmain .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 78.1rem;height: 12rem;border: 1px solid #6594CB;border-right: 0px solid #6594CB;border-radius: 1.5rem;background: #fff;margin-bottom: 3.1rem;overflow: hidden;position: relative;}
#contentsmain .inner-Box ul::before{content: "";wi;width: 15px;height: 100%;background: #6594CB;position: absolute;top: 0;right: 0;z-index: 3;}
#contentsmain .inner-Box ul li { position: relative; }
#contentsmain .inner-Box ul li:nth-child(1) {margin-right: 0px;width: 23%; background: url(../images/index/contentsmain-img02.svg)no-repeat center center; }
#contentsmain .inner-Box ul li:nth-child(1)::before,#contentsmain .inner-Box ul li:nth-child(2)::before{content: "";display: block;background: #C5D2E0;width: 1px;height: 8.8rem;position: absolute;top: 1.7rem;right: 0;}
#contentsmain .inner-Box ul li:nth-child(2) {width: 24.1%;text-align: center;}
#contentsmain .inner-Box ul li:nth-child(3) {width: 22.2%;text-align: center;}
#contentsmain .inner-Box ul li:nth-child(4) {width: 30.7%;background: #6594CB;color: #fff;mix-blend-mode: multiply;}
#contentsmain .inner-Box h2 {margin-bottom: 0px;position: relative;font-size: 2.2rem;line-height: 1.29;letter-spacing: 0.2em;font-weight: 500;text-align: center;padding: 3.1rem 0 0 1rem;}
#contentsmain .inner-Box h2 span{ font-size: 2rem;}
#contentsmain .inner-Box p.ltext2 {position: relative;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: center;padding-top: 2.1rem;margin-bottom: -0.1rem;}
#contentsmain .inner-Box p.pritext {margin-bottom: 30px;position: relative;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;}
#contentsmain .inner-Box p.pritext span.f-en {color: #DD8B8B;font-size: 5.0rem;line-height: 1;letter-spacing: 0;font-weight: 700;text-align: left;position: relative;left: -0.3rem;top: 0.6rem;}
#contentsmain .inner-Box p.pritext2 {position: relative;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;padding-left: 3.3rem;}
#contentsmain .inner-Box p.pritext2 span.f-en {color: #F1F5B9;font-size: 4.1rem;line-height: 1;letter-spacing: 0.1em;font-weight: 700;text-align: left;position: relative;left: -0.3rem;top: 0.6rem;margin-right: -0.2rem;}
#contentsmain .inner-Box p.pritext2 span.date {font-size: 1.4rem;line-height: 1.71;letter-spacing: 0.1em;font-weight: 400;text-align: left;margin-left: 1.3rem;}

#contentsmain .inner-Box p.ltext2 span {font-size: 1.2rem;}
#contentsmain .inner-Box p.ltext3 {position: relative;padding: 2.5rem 0 0 3rem;margin-bottom: -0.1rem;}
#contentsmain .inner-Box p.gl-btn{width: 27.5rem;position: relative;z-index: 3;}
#news .inner-Box {margin: 0 5rem 6rem auto;position: relative;width: 61.2rem;background: #fff;box-shadow: 0px 0px 1rem #6C9BD24D;border-radius: 1.5rem;padding: 0rem 4.1rem 4.7rem;}
#news .inner-Box h3 {margin-bottom: 2.5rem;position: relative;font-size: 2.0rem;line-height: 1.2;letter-spacing: 0.2em;font-weight: 600;text-align: left;color: #6594CB;top: -1rem;}
#news .inBox { margin: 0 auto; position: relative; }
#news .inBox p.date {position: absolute;top: 0;left: 0;font-size: 1.4rem;line-height: 1.71;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#news .inBox p.systemtex {position: relative;font-size: 1.4rem;line-height: 1.71;letter-spacing: 0.1em;font-weight: 400;text-align: left;text-decoration: underline;padding-right: 3.2rem;padding-left: 9.7rem;}
#news .inBox p.systemtex span {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#news .inBox span.arr{position: absolute;top: -0.7rem;right: -0.1rem;transition: all 0.3s ease-in-out;}
#news .inBox a:hover span.arr { right: -0.6rem; }

#contents01 {margin: 0 auto 5.9rem;position: relative;padding: 3.9rem 5vw 0;}
#contents01 h2 {margin-bottom: 5rem;position: relative;font-size: 3.0rem;line-height: 1.07;letter-spacing: 0.3em;font-weight: 700;text-align: center;color: #6594CB;}
#contents01 h2::before{content: "";display: block;width: 9rem;height: 11.9rem;background: url(../images/index/contents01-icon01.svg)no-repeat;position: absolute;top: 2.1rem;left: 50%;transform: translate(-50%,-50%);z-index: -1;}
#contents01 .inner-Box{position:relative;display:flex;justify-content:space-between;max-width: 1100px;margin: 0 auto 3.1rem;}
#contents01 .left-Box{position:relative;width:45.45%;}
#contents01 .right-Box{position:relative;width:48.18%;padding: 4.5rem 0 0;}

#contents01 .left-Box figure.photo01 { position: relative; top: 0; left: 0; }
#contents01 .left-Box figure.photo01 img{ width: 100%; height: auto; }
#contents01 .right-Box ul{ }
#contents01 .right-Box ul li {position: relative;margin-bottom: 1.4rem;}
#contents01 .right-Box span.ch {display: block;line-height: 1;position: absolute;top: 0.5rem;left: 0.9rem;}
#contents01 .right-Box span.ch img {  }
#contents01 .right-Box p.ltext {position: relative;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 400;text-align: left;padding-left: 3.6rem;}
#contents01 .inner-Box2 {margin: 0 auto;position: relative;text-align: center;}
#contents01 .inner-Box2 span.arr {display: block;line-height: 1;margin-bottom: 3.6rem;}
#contents01 .inner-Box2 span.arr img {  }
#contents01 .inner-Box2 h3 {margin-bottom: 0px;position: relative;font-size: 2.5rem;line-height: 1.8;letter-spacing: 0.3em;font-weight: 700;text-align: center;color: #6594CB;}


#case {margin: 0 auto;position: relative;background: transparent linear-gradient(180deg, #C1DAF7 0%, #C3EBDF 100%) 0% 0% no-repeat padding-box;}
#case .ttl-Box {margin: 0 auto;position: relative;padding: 5.2rem 5vw 3rem;width: 1294px;}
#case .ttl-Box h2 {margin-bottom: 0px;position: relative;font-size: 7.0rem;line-height: 1.28;letter-spacing: 0.2em;font-weight: 500;text-align: left;}
#case .ttl-Box h2::before{content: "";width: 7.3rem;height: 8.4rem;background: url(../images/index/case-icon.svg)no-repeat;display: block;top: 0.3rem;left: 27rem;position: absolute;}
#case .inner-Box {margin: 0 auto;position: relative;padding-bottom: 6.7rem;}

#case .inner-Box ul.system-list{ margin-bottom: 14.2rem; }
#case .inner-Box ul.system-list li{position:relative;width: 50rem;border-radius: 10px;background: #fff;margin: 0 1rem;padding-bottom: 2rem;}

#case .inner-Box ul li a {display: block;padding: 3rem 3rem 1.7rem;}
#case .inner-Box ul li a:hover {  }
#case .inner-Box h3 {margin-bottom: 1rem;position: relative;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#case .inner-Box p.systext {margin-bottom: 1.8rem;position: relative;font-size: 1.4rem;line-height: 1.7;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#case .inner-Box p.systext span {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
#case .inner-Box p.tagtext {position: relative;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#case .inner-Box p.tagtext span {display: inline-block;padding: 0 0 0 2.6rem;margin: 0 1rem 0.5rem 0;position: relative;}
#case .inner-Box p.tagtext span::before{content: "";background: url(../images/common/tag.svg)no-repeat;background-size: 100% auto;width: 1.8rem;display: block;height: 2rem;position: absolute;top: 0.2rem;left: 0rem;}
#case .inner-Box p.dltext{color: #6594CB;position: relative;font-size: 1.4rem;line-height: 1.7;letter-spacing: 0.1em;font-weight: 700;text-align: right;padding-right: 1.2rem;padding-top: 0.3rem;margin-right: 3.3rem;cursor: pointer;}
#case .inner-Box p.dltext::before{content: "";width: 2px;height: 12px;background: #6594CB;position: absolute;top: 8px;right: -5px;}
#case .inner-Box p.dltext::after{content: "";width: 12px;height: 2px;background: #6594CB;position: absolute;top: 13px;right: -10px;}
#case .tag-container {display: flex;flex-wrap: wrap;gap: 0.9rem 3rem;align-items: center;margin-bottom: 2rem;}
#case .tag-item {display: flex;align-items: center;gap: 0.9rem; /* ラベルと値の間の隙間 */}
#case .label {background-color: #7299c6; /* 画像に近い青色 */color: white;padding: 0.3rem 1.6rem;border-radius: 2rem;font-size: 1.4rem;white-space: nowrap; /* ラベル内での意図しない改行を防ぐ */}
#case .value {font-size: 1.4rem;font-weight: bold;}

#case .prev-arrow{position: absolute;bottom: -9.1rem;left: 50%;width: 4rem;height: 4rem;border-radius: 50%;border: 1px solid #6594CB;background: #fff;transform: scale(-1, 1);padding: 1.1rem;margin-left: -8rem;}
#case .next-arrow{position: absolute;bottom: -9.1rem;left: 50%;width: 4rem;height: 4rem;border-radius: 50%;border: 1px solid #6594CB;background: #fff;padding: 1.1rem;margin-left: 4rem;}
#case .gl-btn{width: 33.1rem;margin: 0 auto;}


#contents02 {margin: 0 auto;position: relative;padding: 8.3rem 5vw 11.7rem;}
#contents02 .ttl-Box {margin: 0 auto -0.6rem;position: relative;max-width: 1100px;}
#contents02 .ttl-Box h2.f-en {margin-bottom: 0px;position: relative;font-size: 7.0rem;line-height: 1.28;letter-spacing: 0.2em;font-weight: 500;text-align: left;}
#contents02 .ttl-Box h3 {margin-bottom: 4.4rem;position: relative;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 500;text-align: left;}
#contents02 .ttl-Box ul{display:flex;gap:1.82%;margin-bottom: 7.7rem;}
#contents02 .ttl-Box ul li{position:relative;display:flex;align-items:center;justify-content:center;}
#contents02 .ttl-Box ul li:nth-child(1),
#contents02 .ttl-Box ul li:nth-child(3){width:18.91%;}
#contents02 .ttl-Box ul li:nth-child(2){width:58.55%;text-align: center;}
#contents02 .ttl-Box h4::before{content:"";display: block;width: 32.6rem;height: 18.5rem;background: url(../images/index/contents02-icon01.svg)no-repeat;top: 27%;left: 47%;position: absolute;transform: translate(-50%,-50%);z-index: -1;background-size: 100% auto;}

#contents02 .ttl-Box figure.photo {position: relative;top: 0;left: 0;border-radius: 1rem;overflow: hidden;}
#contents02 .ttl-Box figure.photo img{ width: 100%; height: auto; }
#contents02 .ttl-Box h4 {margin-bottom: 0px;position: relative;font-size: 2.5rem;line-height: 1.8;letter-spacing: 0.2em;font-weight: 700;text-align: center;color: #6594CB;}
#contents02 .ttl-Box p.text {position: relative;font-size: 1.6rem;line-height: 2.0;letter-spacing: 0.2em;font-weight: 400;text-align: left;padding: 0 4.3rem;margin-bottom: 2.2rem;}

#contents02 .inner-Box{display:flex;align-items:center;justify-content:space-between;gap: 1rem;margin: 0 auto 3rem;max-width: 1100px;}
#contents02 .inner-Box .left-Box{width: 48.3%;}
#contents02 .inner-Box .right-Box{width: 49.8%;}
#contents02 .inner-Box .co-Box{border:1px solid #d88;border-radius: 0.8rem;padding: 0rem 2rem 1.4rem;background: #fff;}
#contents02 .inner-Box .mco-Box{ display:flex; align-items:center; gap:2rem; }
#contents02 .inner-Box .p-left-Box{width: 13.4rem;flex-shrink:0;}
#contents02 .inner-Box .p-right-Box{ flex:1; }

#contents02 .inner-Box .right-Box .text3{ line-height:2; }
#contents02 .inner-Box .co-Box h3 {font-size: 3.2rem;line-height: 1.3;letter-spacing: 0.2em;font-weight: 700;text-align: center;top: -2.3rem;position: relative;color: #DD8B8B;padding-left: 4.7rem;z-index: 3;margin-bottom: -2.7rem;}
#contents02 .inner-Box .co-Box h3 span {  }
#contents02 .inner-Box h3::before{content: "";background: #fff;display: block;width: 28.2rem;height: 1rem;position: absolute;top: 2.2rem;left: 50%;transform: translateX(-50%);z-index: -1;}
#contents02 .inner-Box h3::after{content: "";display: block;width: 2.7rem;height: 2.7rem;background: url(../images/service/contents02-icon01.svg)no-repeat;background-size: 100% auto;position: absolute;top: 1.1rem;left: 50%;margin-left: -13rem;}

#contents02 .inner-Box .p-left-Box figure.img {position: relative;top: 0;left: 0;}
#contents02 .inner-Box .p-left-Box figure.img img{ width: 100%; height: auto;}
#contents02 .inner-Box .p-right-Box p.itext {position: relative;font-size: 1.8rem;line-height: 2;letter-spacing: 0.2em;font-weight: 500;text-align: left;padding-left: 0.7rem;}
#contents02 .inner-Box .p-right-Box p.itext span {color: #DD8B8B;background: linear-gradient(transparent 60%, #F1F5B9 60%);}
#contents02 .inner-Box .right-Box .img {position: relative;left: 0rem;top: 2.9rem;}
#contents02 .inner-Box .right-Box .img img{ max-width: 100%; height: auto;}

#contents02 .inner-Box2 {margin: 0 auto 2.8rem;position: relative;max-width: 1100px;border-radius: 1rem;background: #E9EEF4;padding: 4.2rem 6rem;}
#contents02 .inner-Box2 h3 {margin-bottom: 3rem;position: relative;color: #6594CB;font-size: 2.0rem;line-height: 1.35;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contents02 .inner-Box2 .inn-Box{display:flex;gap:4rem;}
#contents02 .inner-Box2 .photo-Box{position:relative;width:23.4rem;flex-shrink:0;}
#contents02 .inner-Box2 .text-Box{position:relative;flex:1;}

#contents02 .inner-Box2 .photo-Box figure.photo {position: relative;top: 0;left: 0;overflow: hidden;border-radius: 1rem;}
#contents02 .inner-Box2 .photo-Box figure.photo img{  }
#contents02 .inner-Box2 .text-Box p.text {margin-bottom: 1.1rem;position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents02 .inner-Box2 .text-Box ul{ margin-bottom: 1.8rem; }
#contents02 .inner-Box2 .text-Box ul li {position: relative;margin-bottom: 1rem;}
#contents02 .inner-Box2 .text-Box ul li::before{content: "";background: #6594CB;display: block;width: 1rem;height: 1rem;border-radius: 50%;position: absolute;top: 0.9rem;}
#contents02 .inner-Box2 .text-Box p.ltext {position: relative;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;padding: 0 0 0 1.9rem;}
#contents02 .inner-Box2 .text-Box p.text2 {margin-bottom: 5.3rem;position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents02 .inner-Box2 .gl-btn,#contents02 .inner-Box3 .gl-btn{width: 17.8rem;margin: 0 0 0 auto;}
#contents02 .inner-Box2 .gl-btn a,#contents02 .inner-Box3 .gl-btn a{font-size: 1.2rem;line-height: 1.25;letter-spacing: 0.1em;font-weight: 700;text-align: left;padding: 1rem 2rem;height: 3.5rem;}
#contents02 .inner-Box2 .gl-btn a .arr,#contents02 .inner-Box3 .gl-btn a .arr{width: 0.5rem;height: 0.5rem;top: 1.5rem;right: 1.3rem;}
#contents02 .inner-Box2 .gl-btn a:hover .arr,#contents02 .inner-Box3 .gl-btn a:hover .arr{right: -0rem;}

#contents02 .inner-Box3{margin:0 auto;position:relative;}
#contents02 .inner-Box3{display:flex;flex-wrap:wrap;gap:2.68%;max-width: 1100px;}
#contents02 .inner-Box3 .list-Box{width: 31.5%;border: 1px solid #6594CB;border-radius: 10px;background: #fff;padding: 3rem 3rem 7.6rem;position: relative;}
#contents02 .list-Box h4 {margin-bottom: 1.9rem;position: relative;color: #6594CB;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;text-align: left;}
#contents02 .list-Box p.subtext {margin-bottom: 1.6rem;position: relative;font-size: 1.4rem;line-height: 1.71;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents02 .list-Box ul.minl { margin-bottom: 1.6rem; }
#contents02 .list-Box ul li {position: relative;margin-bottom: 0.2rem;}
#contents02 .list-Box ul li::before{content: "";background: #6594CB;display: block;width: 0.8rem;height: 0.8rem;border-radius: 50%;position: absolute;top: 0.7rem;left: 0.2rem;}
#contents02 .list-Box p.ltext2 {position: relative;font-size: 1.4rem;line-height: 1.71;letter-spacing: 0.1em;font-weight: 500;text-align: left;padding-left: 1.8rem;}
#contents02 .inner-Box3 .gl-btn{ position: absolute; bottom: 3rem; right: 2rem; }

#contents02 .list-Box:nth-child(3)::before{content: "";width: 7.9rem;height: 6.6rem;background: url(../images/index/contents02-icon02.svg)no-repeat;bottom: -1.8rem;left: 2rem;display: block;position: absolute;}

.casedlpopup{max-width: 80rem;padding: 9rem 2rem 5rem;background: #fff;margin: 0 auto;border-radius: 2rem;position: relative;}
.casedlpopup .wysiwyg{ margin-bottom: 0; }

#contents03 {margin: 0 auto;position: relative;background: url('../images/index/contents03-back01.png')no-repeat top center;padding: 0 5vw 1rem;background-size: cover;}
#contents03 .ttl-Box {margin: 0 auto 8.7rem;position: relative;text-align: center;}
#contents03 .ttl-Box span.mpicon {display: block;line-height: 1;position: relative;top: -3.6rem;padding-right: 2.5rem;margin-bottom: 1.8rem;}
#contents03 .ttl-Box span.mpicon img {  }
#contents03 .ttl-Box p.text {margin-bottom: 1.6rem;position: relative;font-size: 1.8rem;line-height: 2.0;letter-spacing: 0.2em;font-weight: 400;text-align: center;}
#contents03 .inner-Box { margin: 0 auto; position: relative; }

#contents03 .inner-Box .gl-btn{width: 17.8rem;position: absolute;bottom: -1.8rem;left: 50%;transform: translateX(-50%);}
#contents03 .inner-Box .gl-btn a{font-size: 1.2rem;line-height: 1.25;letter-spacing: 0.1em;font-weight: 700;text-align: left;padding: 1rem 2rem;height: 3.5rem;}
#contents03 .inner-Box .gl-btn a .arr{width: 0.5rem;height: 0.5rem;top: 1.5rem;right: 1.3rem;}
#contents03 .inner-Box .gl-btn a:hover .arr{right: -0rem;}

#contents03 .inner-Box{margin: 0 auto 9.8rem;position:relative;}
#contents03 .inner-Box{display:flex;flex-wrap:wrap;gap:2.68%;max-width: 1100px;}
#contents03 .inner-Box .list-Box{width: 31.5%;border: 1px solid #6594CB;border-radius: 10px;background: #fff;padding: 5.8rem 3rem 2.9rem;position: relative;}
#contents03 .inner-Box .list-Box h2 {margin-bottom: 1.9rem;position: absolute;color: #fff;background: #6594CB;font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;top: -3.3rem;width: 89%;left: 50%;transform: translateX(-50%);min-height: 6.8rem;border-radius: 1rem;padding: 2.3rem 1rem 0;}
#contents03 .inner-Box .list-Box h2.twg{padding-top: 1.3rem;}
#contents03 .inner-Box .list-Box h2::before{content: "";width: 2rem;height: 3rem;background: url(../images/index/contents03-icon02.svg)no-repeat;background-size: 100% auto;display: block;position: absolute;bottom: -2rem;left: 4.7rem;}
#contents03 .inner-Box .list-Box h3 {margin-bottom: 1.2rem;position: relative;color: #6594CB;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;text-align: left;}
#contents03 .inner-Box .list-Box p.subtext {margin-bottom: 1.6rem;position: relative;font-size: 1.4rem;line-height: 1.71;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents03 .inner-Box .list-Box ul.minl {margin-bottom: 1.1rem;}
#contents03 .inner-Box .list-Box ul li {position: relative;margin-bottom: 0.2rem;}
#contents03 .inner-Box .list-Box ul li::before{content: "";background: #6594CB;display: block;width: 0.8rem;height: 0.8rem;border-radius: 50%;position: absolute;top: 0.8rem;left: -0.1rem;}
#contents03 .inner-Box .list-Box p.ltext2 {position: relative;font-size: 1.4rem;line-height: 1.71;letter-spacing: 0.1em;font-weight: 500;text-align: left;padding-left: 1.3rem;}

#contents03 .inner-Box2 {margin: 0 auto 13rem;position: relative;max-width: 1100px;}
#contents03 .inner-Box2 h2.f-en {margin-bottom: 1.6rem;position: relative;font-size: 7.0rem;line-height: 1.28;letter-spacing: 0.2em;font-weight: 500;text-align: center;}
#contents03 .inner-Box2 p.subttl {margin-bottom: 5.7rem;position: relative;font-size: 1.8rem;line-height: 2.0;letter-spacing: 0.2em;font-weight: 400;text-align: center;}
#contents03 .inner-Box2 ul{display:flex;flex-wrap:wrap;gap:2.73%;margin-bottom: 5rem;}
#contents03 .inner-Box2 ul li{position:relative;width: 31.5%;border: 1px solid #DD8B8B;background: #fff;border-radius: 1rem;padding: 0rem 1rem 2.8rem;}

#contents03 .inner-Box2 .gl-btn{width: 27.8rem;margin: 0 auto;}
#contents03 .inner-Box2 p.notext {position: relative;font-size: 3.9rem;line-height: 1.25;letter-spacing: 0.1em;font-weight: 700;text-align: center;color: #DD8B8B;top: -2.5rem;z-index: 3;}
#contents03 .inner-Box2 p.notext::before{content: "";background: #fff;width: 6.4rem;height: 1rem;position: absolute;left: 50%;top: 2.3rem;display: block;transform: translateX(-50%);z-index: -1;}
#contents03 .inner-Box2 p.notext::after{content: "";background: #DD8B8B;width: 3rem;height: 1px;position: absolute;left: 50%;bottom: -0.4rem;display: block;transform: translateX(-50%);}
#contents03 .inner-Box2 h3 {margin-bottom: 1.8rem;position: relative;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: center;}
#contents03 .inner-Box2 figure.img01 {position: relative;top: 0;left: 0;text-align: center;height: 10rem;}
#contents03 .inner-Box2 figure.img01 img{  }

#contents03 .inner-Box2 ul li:nth-child(3) figure.img01{top: 0.5rem;left: 1.7rem;margin-bottom: 2.7rem;}
#contents03 .inner-Box2 p.ltext {margin: 0 2rem;position: relative;font-size: 1.4rem;line-height: 1.71;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents03 .inner-Box3 {margin: 0 auto 4.2rem;background: #E9EEF4;width: 940px;border-radius: 1rem;padding: 0rem 7.5rem 3.1rem;}

#contents03 .inner-Box3 h2{margin-bottom: -2.6rem;position: relative;font-family: 'Montserrat', sans-serif;font-size: 7.0rem;line-height: 1.28;letter-spacing: 0.2em;font-weight: 500;top: -5rem;text-align: center;padding-left: 1.3rem;}
#contents03 .inner-Box3 h3{margin-bottom: 0.9rem;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: center;color: #6594CB;}
#contents03 .inner-Box3 h3 span { font-weight: 700; background: linear-gradient(transparent 60%, #F1F5B9 60%);}
#contents03 .inner-Box3 .inBox{display:flex;gap: 3.3%;margin-bottom: -1rem;}
#contents03 .inner-Box3 .left-Box{position:relative;width: 59.64%;/* top: -4.4rem; */}
#contents03 .inner-Box3 .right-Box{position:relative;width: 37.06%;top: -2rem;}

#contents03 .inner-Box3 .left-Box figure.img { position: relative; top: 0; left: 0; }
#contents03 .inner-Box3 .left-Box figure.img img{  }
#contents03 .inner-Box3 p.text4 {margin-bottom: 0.8rem;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;margin-right: -1rem;}
#contents03 .inner-Box3 .right-Box h3 { margin-bottom: 0px; position: relative; }


#contents04 .wavy-eng-issues span { }

#contents04 .wavy-eng-issues {font-family: "Montserrat", sans-serif;font-size: 1.2rem;font-weight: 500;letter-spacing: 0.1em;display: block!important;margin-bottom: 16px;opacity:0;/* min-height: 2.4rem; */}
#contents04 .wavy-eng-issues.is-show{opacity:1;transition:opacity 0.3s ease;}
#contents04 .wavy-eng-issues span { display: inline-block; opacity: 0; transform: translateY(15px); animation: wavy-issues-appear 0.6s ease-out forwards; background: transparent linear-gradient(180deg, #F7FACF 0%, #FFFFFF 100%) 0% 0% ; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}


#contents04 {margin: 0 auto;position: relative;background: url('../images/index/contents04-back01.png')no-repeat top center;background-size: cover;padding: 17rem 5vw 20rem;color: #fff;min-height: 102.1rem;}
#contents04 .inner-Box {margin: 0 auto;position: relative;max-width: 1100px;}
#contents04 .inner-Box h2.f-en {margin-bottom: 0px;position: relative;font-size: 7.0rem;line-height: 1.28;letter-spacing: 0.2em;font-weight: 500;text-align: left;}
#contents04 .inner-Box h3 {margin-bottom: 4.8rem;position: relative;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 500;text-align: left;}
#contents04 .inner-Box p.text {margin-bottom: 3.2rem;position: relative;font-size: 1.6rem;line-height: 2.0;letter-spacing: 0.2em;font-weight: 400;text-align: left;}
#contents04 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 400px;margin: 10.3rem 0 0 auto;}
#contents04 .inner-Box ul li {position: relative;margin-right: 4.4rem;}
#contents04 .inner-Box ul li:nth-child(2) { margin-right: 0px; }
#contents04 .inner-Box .gl-btn{width: 17.8rem;position: relative;bottom: -1.8rem;}
#contents04 .inner-Box .gl-btn a{font-size: 1.2rem;line-height: 1.25;letter-spacing: 0.1em;font-weight: 700;text-align: left;padding: 1rem 2rem;height: 3.5rem;}
#contents04 .inner-Box .gl-btn a .arr{width: 0.5rem;height: 0.5rem;top: 1.5rem;right: 1.3rem;}
#contents04 .inner-Box .gl-btn a:hover .arr{right: -0rem;}

#contents05 {margin: 0 auto;position: relative;background: url('../images/index/contents05-back01.svg')no-repeat top center;padding: 9.9rem 5vw 18rem 5vw;}
#contents05 .inner-Box {margin: 0 auto 18rem;position: relative;width: 1100px;}
#contents05 .inner-Box h2.f-en {margin-bottom: 0px;position: relative;font-size: 7.0rem;line-height: 1.28;letter-spacing: 0.2em;font-weight: 500;text-align: center;}
#contents05 .inner-Box p.subttl {margin-bottom: 5rem;position: relative;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 500;text-align: center;}
#contents05 .inner-Box .gl-btn{width: 27.5rem;margin: 0 auto;}
#column .system-list{padding:1px;display:flex;flex-wrap:wrap;gap: 5.6rem 3.2rem;align-items:stretch;margin-bottom: 7.4rem;}
#column .system-list li{margin: 0 0;width:calc((100% - 6.4rem)/3);display:flex;flex-direction:column;}
#column .system-list li a{display: block;position: relative;}
#column .system-list li .databox {width: 100%;position: relative;margin-bottom: 1.2rem;font-size: 1.4rem;line-height: 1.714;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#column .system-list li .databox .categ{background: #6594CB;color: #fff;border-radius: 30.5rem;padding: 0.2rem 1.6rem;transition: all 0.3s ease-in-out;margin-right: 1.2rem;font-size: 1.2rem;line-height: 1.75;letter-spacing: 0.1em;font-weight: 400;text-align: left;display: inline-block;margin-left: 1.2rem;}
#column .system-list li .arr{position: absolute;right: 0.6rem;width: 3.2rem;height: 3.2rem;bottom: 5rem;}

#column .system-list li .figbo {width: 100%;aspect-ratio: 3 / 1.85;overflow: hidden;text-align: center;margin-bottom: 1.1rem;position: relative;border-radius: 0.6rem;}
#column .system-list li .figbo img { width: 100%; height: 100%; object-fit: cover; display: block; }
#column .system-list li h3{font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;margin-bottom: -2.5rem;}


#contents05 .inner-Box2 {margin: 0 auto;position: relative;max-width: 1100px;}
#contents05 .inBox{position:relative;display:flex;gap:5.45%;}
#contents05 .photo-Box{position:relative;width:41.82%;}
#contents05 .text-Box{position:relative;flex:1;}

#contents05 .photo-Box figure.photo {position: absolute;top: 1rem;left: 0;}
#contents05 .photo-Box figure.photo img{width: 100%;height: auto;border-radius: 1.5rem;}
#contents05 .text-Box h3.f-en {margin-bottom: 1rem;position: relative;font-size: 7.0rem;line-height: 1;letter-spacing: 0.2em;font-weight: 500;text-align: left;}
#contents05 .text-Box p.text1 {position: relative;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 500;text-align: left;margin-bottom: 3.8rem;}
#contents05 .text-Box h4 {margin-bottom: 1.6rem;position: relative;font-size: 2.0rem;line-height: 1.2;letter-spacing: 0.2em;font-weight: 500;text-align: left;}
#contents05 .text-Box p.accesstext {margin-bottom: 1.4rem;position: relative;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents05 .text-Box p.accesslink {margin-bottom: 2.4rem;position: relative;margin-left: 2rem;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents05 .text-Box p.accesslink a {color: #6594CB;text-decoration: underline;position: relative;}
#contents05 .text-Box p.accesslink a::before {content: "";background: url(../images/index/contents05-icon01.svg)no-repeat;width: 1.2rem;height: 1.7rem;display: block;background-size: 100% auto;position: absolute;top: 0.3rem;left: -2rem;}
#contents05 .text-Box p.accesslink a::after {transition: all 0.3s ease-in-out;content: "";background: url(../images/common/arr.svg)no-repeat;width: 1.2rem;height: 1.7rem;display: block;background-size: 100% auto;position: absolute;top: 0.8rem;right: -2rem;}
#contents05 .text-Box p.accesslink a:hover::after { right: -3rem; }
#contents05 .text-Box p.text2 {margin-bottom: 5rem;position: relative;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;}

#contents05 .text-Box .gl-btn{ width: 27.5rem;}


#popupbox{max-width: 1100px;margin: 0 auto;background: transparent linear-gradient(180deg, #C1DAF7 0%, #C3EBDF 100%) 0% 0% no-repeat padding-box;border-radius: 1rem;padding: 6.1rem 4.7rem 7.1rem 4.7rem;position: relative;}
#popupbox .ttl-Box{position: relative;max-width: 800px;margin: 0 auto 4rem;}
#popupbox .ttl-Box .img{position: absolute;top: -0.9rem;left: 50%;margin-left: -16rem;width: 9.6rem;}
#popupbox .ttl-Box .img img{ width: 100%; height: auto; }
#popupbox .ttl-Box h2{width: 55.6%;margin-left: auto;color: #6594CB;font-size: 2.7rem;line-height: 1.18;letter-spacing: 0.3em;font-weight: 700;text-align: left;margin-bottom: 3.2rem;}
#popupbox .ttl-Box h2 span{font-size: 1.6rem;line-height: 2.0;letter-spacing: 0.2em;font-weight: 500;text-align: center;background: #fff;border: 2px solid #6594CB;border-radius: 21px;padding: 0.2rem 1.7rem;display: inline-block;margin-bottom: 2rem;position: relative;left: -0.6rem;}
#popupbox .ttl-Box h2 span::before{content: "";width: 2px;height: 2.1rem;background: #6594CB;display: block;position: absolute;transform: rotate(139deg);transform-origin: center;bottom: -1.6rem;left: 4.1rem;}
#popupbox .ttl-Box .text{font-size: 1.4rem;line-height: 1.71;letter-spacing: 0.1em;font-weight: 400;text-align: left;}

#popupbox .inner-Box1{max-width: 800px;margin: 0 auto;border-radius: 1rem;}
#popupbox .inner-Box1 .inBox{margin: 0 auto 4rem;max-width: 800px;background: #fff;border-radius: 1rem;padding: 4.8rem 3.6rem 2.2rem  7.6rem;}
#popupbox .inner-Box1 table{width: 100%;text-align: left;}
#popupbox .inner-Box1 table th{font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;width: 45.4%;padding-bottom: 2.8rem;}
#popupbox .inner-Box1 table td{ }

#popupbox .gl-btn-zm {border-radius: 100px;display: block;color: #fff;position: relative;padding: 1.5rem 0 0 3.1rem;transition: all 0.5s ease-in-out;width: 27.5rem;height: 5.3rem;background: transparent linear-gradient(90deg, #4F88CB 0%, #6C9BD2 52%, #ACCDF4 100%) 0% 0% no-repeat padding-box;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;text-align: left;margin: 0 auto;}
#popupbox .gl-btn-zm:hover{ color: #6594CB; background: #fff; outline:1px solid #6594CB;outline-offset:-1px;}
#popupbox .gl-btn-zm .arr {display: block;width: 2rem;height: 2rem;background: url(../images/index/zoom.svg)no-repeat;background-size: 100% auto;position: absolute;top: 1.7rem;right: 2rem;transition: all 0.2s ease-in-out;}
#popupbox .gl-btn-zm:hover .arr { right: -1rem; opacity: 0; }

#popupbox input[type="radio"] {position: relative;width: 1.8rem;height: 1.8rem;border: 1px solid #969696;background: #fff;border-radius: 50%;-webkit-appearance: none;-moz-appearance: none;appearance: none;top: 2px;left: -3px;margin-right: -0.5rem;margin: 0.3rem 0.2rem 0rem 0.2rem;}
#popupbox input[type="radio"]:checked:before {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1rem;height: 1rem;border-radius: 50%;background: #6594CB;content: '';}
#popupbox label{margin-right: 3.5rem;}

#popupbox .inner-Box2 .inBox{margin: 0 auto 4rem;max-width: 800px;background: #fff;border-radius: 1rem;padding: 3.3rem 3.6rem 6.2rem;}
#popupbox .inner-Box2 .inBox h3{font-size: 2.3rem;line-height: 1.39;letter-spacing: 0.3em;font-weight: 700;text-align: center;color: #6594CB;margin-bottom: 2.8rem;}
#popupbox .inner-Box2 .inBox h3 span{ display: inline-block; position: relative; }
#popupbox .inner-Box2 .inBox h3 span::before{content: "";background: #6594CB;width: 3.5rem;height: 1px;position: relative;top: -0.9rem;left: -1.5rem;display: inline-block;}
#popupbox .inner-Box2 .inBox h3 span::after{content: "";background: #6594CB;width: 3.5rem;height: 1px;position: relative;top: -0.9rem;left: 2.1rem;display: inline-block;}
#popupbox .inner-Box2 .minBox{display:flex;gap: 2.8rem;margin: 0 5rem;}
#popupbox .inner-Box2 .minBox .left-Box{width:10rem;flex-shrink:0;position: relative;top: 1.6rem;}
#popupbox .inner-Box2 .minBox .right-Box{flex:1;min-width:0;}
#popupbox .inner-Box2{display:none;}
#popupbox .inner-Box2.is-show{display:block;}
#popupbox .inner-Box2 .minBox .left-Box .img{}
#popupbox .inner-Box2 .minBox .left-Box .img img{}
#popupbox .inner-Box2 .minBox .right-Box .text{ font-size: 1.4rem; line-height: 1.71; letter-spacing: 0.1em; font-weight: 400; text-align: left; margin-bottom: 1.4rem; }
#popupbox .inner-Box2 .minBox .right-Box .text span{ color: #6594CB; }

#popupbox .inner-Box2 .gl-btn{ width: 27.5rem; margin: 0 auto;}

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

#contents03 {background-size: auto auto;}


}

@media screen and (min-width:768px) and ( max-width:1500px) {
#contents00 { transform: scale(0.9); transform-origin: top right;}
#contents00 .inner-Box{margin: 0 auto 0 20vw;}

#contentsmain .inner-Box figure.img01 {margin-bottom: -4rem;transform: scale(0.75);transform-origin:top left;padding-top: 5rem;}
#contentsmain .inner-Box h1 {margin-bottom: 1.4rem;transform: scale(0.75);transform-origin:top left;}
#contentsmain .inner-Box ul{transform:scale(0.8);transform-origin:top left;margin-bottom: 1px;}
#contents00 figure.photo img{ width: 100%; height: auto;}


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

#contentsmain .inner-Box figure.img01 {margin-bottom: -2rem;transform: scale(0.8);transform-origin:top left;padding-top: 3rem;}
#contentsmain .inner-Box h1 {margin-bottom: 1rem;transform: scale(0.8);transform-origin:top left;}
#contentsmain .inner-Box ul{transform: scale(0.8);transform-origin:top left;margin-bottom: 3rem;}
#contents00 figure.photo img{ width: 100%; height: auto;}


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


#case .prev-arrow{position: absolute;bottom: -16vw;left: 28.7vw;width: 10.67vw;height: 10.67vw;border-radius: 50%;border: 1px solid #6594CB;background: #fff;transform: scale(-1, 1);padding: 3vw;}
#case .next-arrow{position: absolute;bottom: -16vw;left: 60.8vw;width: 10.67vw;height: 10.67vw;border-radius: 50%;border: 1px solid #6594CB;background: #fff;padding: 3vw;}



}

@media screen and (max-width: 767px) {
.mfp-close{width: 10.67vw;height: 10.67vw;background: url(../images/contact/close.svg)no-repeat!important;overflow: hidden!important;font-size: 0;top: 4vw!important;right: 4.4vw!important;opacity: 1;background-size: 100% auto!important;}

#fixbtn{position: fixed;bottom: 0;right: 0;cursor: pointer;width: 100vw;z-index: 3;}

#contents00 {position: absolute;width: 100%;}
#contents00 ul.main-slide {margin: 0 0 0 auto;overflow: hidden;}
#contents00 ul li { position: relative; }
#contents00 figure.photo { position: relative; top: 0; left: 0; }
#contents00 figure.photo img{  }

#contentsmain {margin: 0 auto 10.47vw;position: relative;padding-top: 42.9vw;}
#contentsmain .inner-Box {position: relative;margin: 0 5.3vw;}
#contentsmain .inner-Box figure.img01 {position: relative;top: 0;left: 0;margin: 0 9.9vw 4.27vw;}
#contentsmain .inner-Box figure.img01 img{  }
#contentsmain .inner-Box h1 {margin-bottom: 6.5vw;}
#contentsmain .inner-Box h1 span{  }
#contentsmain .inner-Box h1 img {  }
#contentsmain .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 89.27vw;border: 0.27vw solid #6594CB;border-radius: 2.3vw;background: #fff;margin-bottom: 8.27vw;overflow: hidden;}
#contentsmain .inner-Box ul li { position: relative; }
#contentsmain .inner-Box ul li:nth-child(1) {margin-right: 0.0vw;width: 33.8%;background: url(../images/index/contentsmain-img02.svg)no-repeat center center;background-size: 53% auto;}
#contentsmain .inner-Box ul li:nth-child(1)::before,#contentsmain .inner-Box ul li:nth-child(2)::before{content: "";display: block;background: #C5D2E0;width: 0.27vw;height: 23.47vw;position: absolute;top: 4.53vw;right: 0;}
#contentsmain .inner-Box ul li:nth-child(2) {width: 27.1%;text-align: center;}
#contentsmain .inner-Box ul li:nth-child(3) {width: 38.9%;text-align: center;padding-top: 2.6vw;}
#contentsmain .inner-Box ul li:nth-child(4) {width: 100%;background: #6594CB;color: #fff;padding-bottom: 4vw;}
#contentsmain .inner-Box h2 {margin-bottom: 0.0vw;position: relative;line-height: 1.29;letter-spacing: 0.2em;font-weight: 500;text-align: center;padding: 6.47vw 0 0 0.67vw;}
#contentsmain .inner-Box h2 span{font-size: 3.2vw;}
#contentsmain .inner-Box p.ltext2 {position: relative;letter-spacing: 0.1em;font-weight: 500;text-align: center;padding-top: 3.7vw;margin-bottom: -1.27vw;font-size: 3.2vw;line-height: 1.2;}
#contentsmain .inner-Box p.pritext {margin-bottom: 3vw;position: relative;font-size: 3.2vw;line-height: 1.25;letter-spacing: 0.1em;font-weight: 700;}
#contentsmain .inner-Box p.pritext span.f-en {color: #DD8B8B;position: relative;left: 0.7vw;top: 1.6vw;font-size: 8.8vw;letter-spacing: 0;font-weight: 700;text-align: left;line-height: 1;margin-right: 1.2vw;}
#contentsmain .inner-Box p.pritext2 {position: relative;font-size: 4.27vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;text-align: center;padding-left: 23.3vw;padding-top: 2vw;}
#contentsmain .inner-Box p.pritext2 span.f-en {color: #F1F5B9;font-size: 10.93vw;line-height: 1;letter-spacing: 0.1em;font-weight: 700;text-align: left;position: relative;left: -0.8vw;top: 1.6vw;margin-right: -0.53vw;}
#contentsmain .inner-Box p.pritext2 span.date {font-size: 3.73vw;line-height: 1.71;letter-spacing: 0.1em;font-weight: 400;text-align: left;margin-left: 3.47vw;}

#contentsmain .inner-Box p.ltext2 span {font-size: 2.3vw;display: inline-block;margin-bottom: 1.7vw;}
#contentsmain .inner-Box p.ltext3 {position: absolute;padding: 0;margin-bottom: -0.27vw;top: 5.6vw;left: 9.5vw;font-size: 4.267vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contentsmain .inner-Box p.gl-btn{width: 73.33vw;position: relative;z-index: 3;margin-left: 8vw;}
#news .inner-Box {margin: 0 5.33vw 10.1vw;position: relative;background: #fff;box-shadow: 0.0vw 0.0vw 2.67vw #6C9BD24D;border-radius: 2vw;padding: 0vw 5.13vw 6.43vw;}
#news .inner-Box h3 {margin-bottom: -2.13vw;position: relative;font-size: 5.33vw;line-height: 1.2;letter-spacing: 0.2em;font-weight: 600;text-align: left;color: #6594CB;top: -2.67vw;}
#news .inBox {position: relative;}
#news .inBox p.date {top: 0;left: 0;font-size: 3.73vw;line-height: 1.71;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#news .inBox p.systemtex {position: relative;text-decoration: underline;padding-right: 8.53vw;font-size: 3.733vw;line-height: 1.71;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#news .inBox p.systemtex span {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#news .inBox span.arr{position: absolute;top: 6.73vw;right: -0.27vw;transition: all 0.3s ease-in-out;width: 4vw;}
#news .inBox a:hover span.arr { right: -1.6vw; }

#contents01 {margin: 0 auto 12.23vw;position: relative;padding: 5.6vw 5vw 0;}
#contents01 h2 {margin-bottom: 9.23vw;position: relative;color: #6594CB;font-size: 6.133vw;line-height: 1.8;letter-spacing: 0.3em;font-weight: 700;text-align: center;}
#contents01 h2::before{content: "";display: block;width: 24vw;height: 31.73vw;background: url(../images/index/contents01-icon01.svg)no-repeat;position: absolute;top: 10.6vw;left: 50%;transform: translate(-50%,-50%);z-index: -1;background-size: 100% auto;}
#contents01 .inner-Box{position:relative;margin: 0 auto 5.07vw;}
#contents01 .left-Box{position:relative;}
#contents01 .right-Box{position:relative;padding: 6.6vw 0 0;}

#contents01 .left-Box figure.photo01 { position: relative; top: 0; left: 0; }
#contents01 .left-Box figure.photo01 img{ width: 100%; height: auto; }
#contents01 .right-Box ul{ }
#contents01 .right-Box ul li {position: relative;margin-bottom: 2.93vw;}
#contents01 .right-Box span.ch {display: block;line-height: 1;position: absolute;top: 1.33vw;left: 0.4vw;width: 4vw;}
#contents01 .right-Box span.ch img {  }
#contents01 .right-Box p.ltext {position: relative;padding-left: 6.6vw;font-size: 3.733vw;line-height: 1.71;letter-spacing: 0.2em;font-weight: 400;text-align: left;}
#contents01 .inner-Box2 {position: relative;text-align: center;}
#contents01 .inner-Box2 span.arr {display: block;line-height: 1;margin: 0 38.4vw 3.3vw;}
#contents01 .inner-Box2 span.arr img {  }
#contents01 .inner-Box2 h3 {margin: 0 -2vw 0.0vw;position: relative;color: #6594CB;font-size: 4.8vw;line-height: 1.8;letter-spacing: 0.3em;font-weight: 700;text-align: center;}

.casedlpopup{max-width: 94vw;padding: 15vw 4vw 1vw;background: #fff;margin: 0 auto;border-radius: 2rem;position: relative;}
.casedlpopup .wysiwyg{ margin-bottom: 0; }

#case {position: relative;background: transparent linear-gradient(180deg, #C1DAF7 0%, #C3EBDF 100%) 0% 0% no-repeat padding-box;}
#case .ttl-Box {margin: 0 4vw;position: relative;padding: 2.47vw 3.3vw 0vw;}
#case .ttl-Box h2 {margin-bottom: 0.0vw;position: relative;font-size: 10.667vw;line-height: 2.25;letter-spacing: 0.2em;font-weight: 500;text-align: left;}
#case .ttl-Box h2::before{content: "";width: 9.97vw;height: 13.4vw;background: url(../images/index/case-icon.svg)no-repeat;display: block;top: 5.3vw;left: 40.8vw;position: absolute;background-size: 100% auto;}
#case .inner-Box {position: relative;padding-bottom: 13.87vw;}

#case .inner-Box ul.system-list{margin-bottom: 25.37vw;display:flex;}
#case .inner-Box ul.system-list li{height:auto;position:relative;width: 78.67vw;border-radius: 2.67vw;background: #fff;margin: 0 2.07vw;}

#case .inner-Box ul li a {display: block;padding: 6.7vw 6.9vw 13.23vw;}
#case .inner-Box ul li a:hover {  }
#case .inner-Box h3 {margin-bottom: 3.87vw;position: relative;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#case .inner-Box p.systext {margin-bottom: 3.1vw;position: relative;font-size: 3.73vw;line-height: 1.7;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#case .inner-Box p.systext span {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
#case .inner-Box p.tagtext {position: relative;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#case .inner-Box p.tagtext span {display: inline-block;padding: 0 0 0 6.93vw;margin: 0 2.67vw 1.33vw 0;position: relative;}
#case .inner-Box p.tagtext span::before{content: "";background: url(../images/common/tag.svg)no-repeat;background-size: 100% auto;width: 4.8vw;display: block;height: 5.33vw;position: absolute;top: 0.53vw;left: 0vw;}
#case .inner-Box p.dltext{color: #6594CB;position: absolute;font-size: 3.73vw;line-height: 1.7;letter-spacing: 0.1em;font-weight: 700;text-align: right;padding-right: 4.2vw;padding-top: 1.5vw;right: 6.8vw;bottom: 5.4vw;}
#case .inner-Box p.dltext::before{content: "";width: 0.53vw;height: 3.53vw;background: #6594CB;position: absolute;top: 2.88vw;right: -0.2vw;}
#case .inner-Box p.dltext::after{content: "";width: 3.53vw;height: 0.51vw;background: #6594CB;position: absolute;top: 4.35vw;right: -1.8vw;}
#case .tag-container {display: flex;flex-wrap: wrap;gap: 2.4vw 8vw;align-items: center;margin-bottom: 2.33vw;}
#case .tag-item {display: flex;align-items: center;gap: 2.4vw; /* ラベルと値の間の隙間 */}
#case .label {background-color: #7299c6; /* 画像に近い青色 */color: white;padding: 0.8vw 3.77vw;border-radius: 5.33vw;font-size: 3.73vw;white-space: nowrap; /* ラベル内での意図しない改行を防ぐ */font-size: 3.733vw;line-height: 1.71;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#case .value {font-size: 3.73vw;font-weight: bold;}

#case .prev-arrow{position: absolute;bottom: -17.27vw;left: 50%;width: 10.67vw;height: 10.67vw;border-radius: 50%;border: 0.27vw solid #6594CB;background: #fff;transform: scale(-1, 1);padding: 2.93vw;margin-left: -21.33vw;}
#case .next-arrow{position: absolute;bottom: -17.27vw;left: 50%;width: 10.67vw;height: 10.67vw;border-radius: 50%;border: 0.27vw solid #6594CB;background: #fff;padding: 2.93vw;margin-left: 10.67vw;}
#case .gl-btn{width: 73.27vw;margin: 0 auto;}


#contents02 {position: relative;padding: 12.13vw 0vw 30.2vw;}
#contents02 .ttl-Box {margin: 0 auto 11.2vw;position: relative;}
#contents02 .ttl-Box h2.f-en {margin: 0 7.9vw 1vw;position: relative;font-size: 10.667vw;line-height: 1;letter-spacing: 0.2em;font-weight: 500;text-align: left;}
#contents02 .ttl-Box h3 {margin: 0 8.3vw 11.73vw;position: relative;font-size: 3.733vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 500;text-align: left;}
#contents02 .ttl-Box ul{margin: 0 4.9vw 6.33vw;}
#contents02 .ttl-Box ul li{position:relative;display:flex;align-items:center;justify-content:center;}
#contents02 .ttl-Box ul li:nth-child(1){width: 41.31%;position: relative;left: 6vw;top: -4vw;margin-bottom: 16.6vw;}
#contents02 .ttl-Box ul li:nth-child(3){width: 37.31%;position: absolute;top: 35.5vw;right: 10.5vw;}
#contents02 .ttl-Box ul li:nth-child(2){width: 100%;text-align: center;}
#contents02 .ttl-Box h4::before{content:"";display: block;width: 57.93vw;height: 49.33vw;background: url(../images/index/contents02-icon01.svg)no-repeat;top: 77%;left: 51%;position: absolute;transform: translate(-50%,-50%);z-index: -1;background-size: 100% auto;}

#contents02 .ttl-Box figure.photo {position: relative;top: 0;left: 0;border-radius: 2.67vw;overflow: hidden;}
#contents02 .ttl-Box figure.photo img{ width: 100%; height: auto; }
#contents02 .ttl-Box h4 {margin-bottom: 0.0vw;position: relative;color: #6594CB;font-size: 4.8vw;line-height: 1.8;letter-spacing: 0.3em;font-weight: 700;text-align: center;}
#contents02 .ttl-Box p.text {position: relative;padding: 0 5.37vw;margin-bottom: 4.07vw;font-size: 3.733vw;line-height: 2.0;letter-spacing: 0.2em;font-weight: 400;text-align: left;}

#contents02 .inner-Box{margin: 0 5.5vw 8.03vw;}
#contents02 .inner-Box .left-Box{margin-bottom: -0.1vw;}
#contents02 .inner-Box .right-Box{ margin: 0 -1.5vw 0 -5.7vw; }
#contents02 .inner-Box .co-Box{border:0.27vw solid #d88;border-radius: 2.13vw;padding: 0vw 5.13vw 5.43vw;background: #fff;}
#contents02 .inner-Box .mco-Box{display:flex;align-items:center;gap: 4.03vw;padding-top: 5vw;}
#contents02 .inner-Box .p-left-Box{width: 26.63vw;flex-shrink:0;}
#contents02 .inner-Box .p-right-Box{ flex:1; }

#contents02 .inner-Box .right-Box .text3{ line-height:2; }
#contents02 .inner-Box .co-Box h3 {top: -4.13vw;left: 8.4vw;position: relative;color: #DD8B8B;padding-left: 12.53vw;z-index: 3;margin-bottom: -7.2vw;font-size: 6.1vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: left;}
#contents02 .inner-Box .co-Box h3 span {  }
#contents02 .inner-Box h3::before{content: "";background: #fff;display: block;width: 53.4vw;height: 2.67vw;position: absolute;top: 3.87vw;left: 4vw;z-index: -1;}
#contents02 .inner-Box h3::after{content: "";display: block;width: 5.2vw;height: 7.2vw;background: url(../images/service/contents02-icon01.svg)no-repeat;background-size: 100% auto;position: absolute;top: 2.13vw;left: 50%;margin-left: -33.67vw;}

#contents02 .inner-Box .p-left-Box figure.img {position: relative;top: 0;left: 0;}
#contents02 .inner-Box .p-left-Box figure.img img{  }
#contents02 .inner-Box .p-right-Box p.itext {position: relative;padding-left: 0.87vw;font-size: 4.3vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 500;text-align: left;}
#contents02 .inner-Box .p-right-Box p.itext span {color: #DD8B8B;background: linear-gradient(transparent 60%, #F1F5B9 60%);}
#contents02 .inner-Box .right-Box p.text3 {position: relative;font-size: 3.7vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents02 .inner-Box .right-Box p.text3 span { font-weight: 700; background: linear-gradient(transparent 60%, #F1F5B9 60%);}

#contents02 .inner-Box .right-Box .img {position: relative;}
#contents02 .inner-Box .right-Box .img img{ width: 100%; height: auto;}

#contents02 .inner-Box .p-left-Box figure.img {position: relative;top: 0;left: 0;}
#contents02 .inner-Box .p-left-Box figure.img img{ width: 100%; height: auto;}
#contents02 .inner-Box .p-right-Box p.itext {position: relative;padding-left: 1.87vw;font-size: 4.267vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 500;text-align: left;}
#contents02 .inner-Box .p-right-Box p.itext span {color: #DD8B8B;background: linear-gradient(transparent 60%, #F1F5B9 60%);}
#contents02 .inner-Box .right-Box .img {position: relative;left: 0vw;top: 7.73vw;margin-right: -4vw;}
#contents02 .inner-Box .right-Box .img img{ width: 100%; height: auto;}

#contents02 .inner-Box2 {margin: 0 4.9vw 4.47vw;position: relative;border-radius: 2.67vw;background: #E9EEF4;padding: 6.2vw 6vw;}
#contents02 .inner-Box2 h3 {margin-bottom: 3.7vw;position: relative;color: #6594CB;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contents02 .inner-Box2 .inn-Box{}
#contents02 .inner-Box2 .photo-Box{position:relative;margin: 0 8.1vw 3.5vw;}
#contents02 .inner-Box2 .text-Box{position:relative;flex:1;}

#contents02 .inner-Box2 .photo-Box figure.photo {position: relative;top: 0;left: 0;overflow: hidden;border-radius: 2.67vw;}
#contents02 .inner-Box2 .photo-Box figure.photo img{  }
#contents02 .inner-Box2 .text-Box p.text {margin-bottom: 2.93vw;position: relative;font-size: 3.733vw;line-height: 1.71;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents02 .inner-Box2 .text-Box ul{margin-bottom: 2.8vw;}
#contents02 .inner-Box2 .text-Box ul li {position: relative;margin-bottom: 0.47vw;}
#contents02 .inner-Box2 .text-Box ul li::before{content: "";background: #6594CB;display: block;width: 2.07vw;height: 2.07vw;border-radius: 50%;position: absolute;top: 2vw;}
#contents02 .inner-Box2 .text-Box p.ltext {position: relative;padding: 0 0 0 4.07vw;font-size: 3.733vw;line-height: 1.71;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contents02 .inner-Box2 .text-Box p.text2 {margin-bottom: 6.03vw;position: relative;font-size: 3.733vw;line-height: 1.71;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents02 .inner-Box2 .gl-btn,#contents02 .inner-Box3 .gl-btn{width: 47.47vw;margin: 0 0 0 auto;}
#contents02 .inner-Box2 .gl-btn a,#contents02 .inner-Box3 .gl-btn a{font-size: 3.2vw;line-height: 1.25;letter-spacing: 0.1em;font-weight: 700;text-align: left;padding: 2.67vw 5.33vw;height: 9.33vw;}
#contents02 .inner-Box2 .gl-btn a .arr,#contents02 .inner-Box3 .gl-btn a .arr{width: 1.33vw;height: 1.33vw;top: 4vw;right: 3.47vw;}
#contents02 .inner-Box2 .gl-btn a:hover .arr,#contents02 .inner-Box3 .gl-btn a:hover .arr{right: -0vw;}

#contents02 .inner-Box3{margin: 0 5.5vw;position:relative;}
#contents02 .inner-Box3{}
#contents02 .inner-Box3 .list-Box{border: 0.27vw solid #6594CB;border-radius: 2.67vw;background: #fff;padding: 6.6vw 4.9vw 19.27vw;position: relative;margin-bottom: 4.1vw;}
#contents02 .list-Box h4 {margin-bottom: 3.17vw;position: relative;color: #6594CB;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;text-align: left;}
#contents02 .list-Box p.subtext {margin-bottom: 2.37vw;position: relative;font-size: 3.73vw;line-height: 1.71;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents02 .list-Box ul.minl {margin-bottom: 2.57vw;}
#contents02 .list-Box ul li {position: relative;margin-bottom: 0.53vw;}
#contents02 .list-Box ul li::before{content: "";background: #6594CB;display: block;width: 1.83vw;height: 1.83vw;border-radius: 50%;position: absolute;top: 2.27vw;left: 0.53vw;}
#contents02 .list-Box p.ltext2 {position: relative;font-size: 3.73vw;line-height: 1.71;letter-spacing: 0.1em;font-weight: 500;text-align: left;padding-left: 4.2vw;}
#contents02 .inner-Box3 .gl-btn{position: absolute;bottom: 6.2vw;right: 5.13vw;}

#contents02 .list-Box:nth-child(3)::before{content: "";width: 17.87vw;height: 17.6vw;background: url(../images/index/contents02-icon02.svg)no-repeat;bottom: -7.2vw;left: 5.33vw;display: block;position: absolute;background-size: 100% auto;}




#contents03 {position: relative;background: url('../images/index/sp-contents03-back01.png')no-repeat top center;padding: 0 5.3vw 2.67vw;background-size: 100% auto;}
#contents03 .ttl-Box {margin: 0 auto 18.7vw;position: relative;text-align: center;}
#contents03 .ttl-Box span.mpicon {display: block;line-height: 1;position: relative;top: -17.8vw;width: 27.7vw;margin: 0 auto -5.1vw;}
#contents03 .ttl-Box span.mpicon img {  }
#contents03 .ttl-Box p.text {margin-bottom: 4.27vw;position: relative;font-size: 4.267vw;line-height: 2.0;letter-spacing: 0.2em;font-weight: 400;text-align: left;}
#contents03 .inner-Box { margin: 0 4vw; position: relative; }

#contents03 .inner-Box .gl-btn{width: 47.47vw;position: absolute;bottom: -4.8vw;left: 50%;transform: translateX(-50%);}
#contents03 .inner-Box .gl-btn a{font-size: 3.2vw;line-height: 1.25;letter-spacing: 0.1em;font-weight: 700;text-align: left;padding: 2.67vw 5.33vw;height: 9.33vw;}
#contents03 .inner-Box .gl-btn a .arr{width: 1.33vw;height: 1.33vw;top: 4vw;right: 3.47vw;}
#contents03 .inner-Box .gl-btn a:hover .arr{right: -0vw;}

#contents03 .inner-Box{margin: 0 auto -2.87vw;position:relative;}
#contents03 .inner-Box{}
#contents03 .inner-Box .list-Box{border: 0.27vw solid #6594CB;border-radius: 2.67vw;background: #fff;padding: 15.47vw 5vw 7.73vw;position: relative;margin-bottom: 19.9vw;}
#contents03 .inner-Box .list-Box h2 {margin-bottom: 5.07vw;position: absolute;color: #fff;background: #6594CB;font-size: 3.73vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;top: -8.8vw;width: 92%;left: 50%;transform: translateX(-50%);min-height: 17.63vw;border-radius: 2.67vw;padding: 6.13vw 2.67vw 0;}
#contents03 .inner-Box .list-Box h2.twg{padding-top: 3.47vw;}
#contents03 .inner-Box .list-Box h2::before{content: "";width: 5.33vw;height: 8vw;background: url(../images/index/contents03-icon02.svg)no-repeat;background-size: 100% auto;display: block;position: absolute;bottom: -5.33vw;left: 12.53vw;}
#contents03 .inner-Box .list-Box h3 {margin-bottom: 3.2vw;position: relative;color: #6594CB;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;text-align: left;}
#contents03 .inner-Box .list-Box p.subtext {margin-bottom: 4.27vw;position: relative;font-size: 3.73vw;line-height: 1.71;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents03 .inner-Box .list-Box ul.minl {margin-bottom: 2.93vw;}
#contents03 .inner-Box .list-Box ul li {position: relative;margin-bottom: 0.53vw;}
#contents03 .inner-Box .list-Box ul li::before{content: "";background: #6594CB;display: block;width: 1.93vw;height: 1.93vw;border-radius: 50%;position: absolute;top: 2.13vw;left: 0.33vw;}
#contents03 .inner-Box .list-Box p.ltext2 {position: relative;font-size: 3.73vw;line-height: 1.71;letter-spacing: 0.1em;font-weight: 500;text-align: left;padding-left: 4.47vw;}

#contents03 .inner-Box2 {margin: 0 auto 17.67vw;position: relative;}
#contents03 .inner-Box2 h2.f-en {margin-bottom: 5.77vw;position: relative;font-size: 10.667vw;line-height: 1;letter-spacing: 0.2em;font-weight: 500;text-align: center;}
#contents03 .inner-Box2 p.subttl {margin-bottom: 9.7vw;position: relative;font-size: 4.267vw;line-height: 2.0;letter-spacing: 0.2em;font-weight: 400;text-align: center;}
#contents03 .inner-Box2 ul{display:flex;flex-wrap:wrap;gap: 4.53%;margin-bottom: 1.53vw;}
#contents03 .inner-Box2 ul li{position:relative;width: 47.7%;border: 0.27vw solid #DD8B8B;background: #fff;border-radius: 2.67vw;padding: 0vw 2.67vw 5.47vw;margin-bottom: 8vw;}

#contents03 .inner-Box2 .gl-btn{width: 74.13vw;margin: 0 auto;}
#contents03 .inner-Box2 p.notext {position: relative;color: #DD8B8B;top: -3.67vw;z-index: 3;font-family: 'Montserrat', sans-serif;font-size: 6.667vw;line-height: 0.92;letter-spacing: 0.1em;font-weight: 700;text-align: center;}
#contents03 .inner-Box2 p.notext::before{content: "";background: #fff;width: 11.07vw;height: 2.67vw;position: absolute;left: 50%;top: 3.43vw;display: block;transform: translateX(-50%);z-index: -1;}
#contents03 .inner-Box2 p.notext::after{content: "";background: #DD8B8B;width: 6.3vw;height: 0.27vw;position: absolute;left: 50%;bottom: -1.57vw;display: block;transform: translateX(-50%);}
#contents03 .inner-Box2 h3 {margin-bottom: 3.8vw;position: relative;font-size: 4.267vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: center;}
#contents03 .inner-Box2 figure.img01 {position: relative;top: 0;left: 0;text-align: center;height: 16.67vw;margin: 0 5.9vw;}
#contents03 .inner-Box2 ul li:nth-child(2) figure.img01{ margin: 0 2.1vw; padding: 1.6vw 0 0; }
#contents03 .inner-Box2 ul li:nth-child(3) figure.img01{top: 1.33vw;left: 4.53vw;margin-bottom: 7.2vw;}

#contents03 .inner-Box2 figure.img01 img{  }
#contents03 .inner-Box2 ul li:nth-child(3){margin-left: 23.8vw;}
#contents03 .inner-Box2 ul li:nth-child(3) figure.img01{
    margin: 0 4vw 2.8vw -1vw;
    top: 0.1vw;
}
#contents03 .inner-Box2 p.ltext {margin: 0 0.73vw;position: relative;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents03 .inner-Box3 {margin: 0 auto 11.2vw;background: #E9EEF4;border-radius: 2.67vw;padding: 0vw 5vw 10.27vw;}

#contents03 .inner-Box3 h2{margin-bottom: -3.63vw;position: relative;top: -5.63vw;padding-left: 3.47vw;font-family: 'Montserrat', sans-serif;font-size: 10.667vw;line-height: 1;letter-spacing: 0.2em;font-weight: 500;text-align: center;}
#contents03 .inner-Box3 h3{margin-bottom: 7.4vw;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: center;color: #6594CB;}
#contents03 .inner-Box3 h3 span { font-weight: 700; background: linear-gradient(transparent 60%, #F1F5B9 60%);}
#contents03 .inner-Box3 .inBox{margin-bottom: -2.67vw;}
#contents03 .inner-Box3 .left-Box{position:relative;margin-bottom: 7.4vw;}
#contents03 .inner-Box3 .right-Box{position:relative;margin: 0 -5vw;}

#contents03 .inner-Box3 .left-Box figure.img { position: relative; top: 0; left: 0; }
#contents03 .inner-Box3 .left-Box figure.img img{  }
#contents03 .inner-Box3 p.text4 {margin-bottom: 2.13vw;position: relative;font-size: 3.733vw;line-height: 1.71;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents03 .inner-Box3 .right-Box h3 { margin-bottom: 0.0vw; position: relative; }


#contents04 .wavy-eng-issues span { }

#contents04 .wavy-eng-issues {font-family: "Montserrat", sans-serif;font-size: 3.2vw;font-weight: 500;letter-spacing: 0.1em;display: block!important;margin-bottom: 4.27vw;opacity:0;/* min-height: 6.4vw; */}
#contents04 .wavy-eng-issues.is-show{opacity:1;transition:opacity 0.3s ease;}
#contents04 .wavy-eng-issues span { display: inline-block; opacity: 0; transform: translateY(4.0vw); animation: wavy-issues-appear 0.6s ease-out forwards; background: transparent linear-gradient(180deg, #F7FACF 0%, #FFFFFF 100%) 0% 0% ; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}


#contents04 {position: relative;background: url('../images/index/sp-contents04-back01.png')no-repeat top center;background-size: cover;padding: 23.63vw 5.3vw 32.33vw;color: #fff;min-height: 258.27vw;}
#contents04 .inner-Box {position: relative;}
#contents04 .inner-Box h2.f-en {margin-bottom: 1.3vw;position: relative;font-size: 10.667vw;line-height: 1;letter-spacing: 0.2em;font-weight: 500;text-align: left;margin-left: 1.7vw;}
#contents04 .inner-Box h3 {margin-bottom: 6.9vw;position: relative;font-size: 3.733vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 500;text-align: left;margin-left: 3vw;}
#contents04 .inner-Box p.text {margin-bottom: 4.53vw;position: relative;font-size: 3.733vw;line-height: 2.0;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents04 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 10.17vw 0 0 auto;}
#contents04 .inner-Box ul li {position: relative;margin-bottom: 6.6vw;}
#contents04 .inner-Box ul li:nth-child(2) { margin-right: 0.0vw; }
#contents04 .inner-Box .gl-btn{width: 47.47vw;position: relative;bottom: -4.8vw;}
#contents04 .inner-Box .gl-btn a{font-size: 3.2vw;line-height: 1.25;letter-spacing: 0.1em;font-weight: 700;text-align: left;padding: 2.67vw 5.33vw;height: 9.33vw;}
#contents04 .inner-Box .gl-btn a .arr{width: 1.33vw;height: 1.33vw;top: 4vw;right: 3.47vw;}
#contents04 .inner-Box .gl-btn a:hover .arr{right: -0vw;}

#contents05 {position: relative;background: url('../images/index/contents05-back01.svg')no-repeat top 7vw right -47vw;padding: 8.3vw 5.33vw 29vw;background-size: 249vw auto;}
#contents05 .inner-Box {margin: 0 auto 17.2vw;position: relative;}
#contents05 .inner-Box h2.f-en {margin-bottom: 0.0vw;position: relative;font-size: 10.667vw;line-height: 1.28;letter-spacing: 0.2em;font-weight: 500;text-align: center;}
#contents05 .inner-Box p.subttl {margin-bottom: 13.33vw;position: relative;font-size: 4.27vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 500;text-align: center;}
#contents05 .inner-Box .gl-btn{width: 73.33vw;margin: 0 auto;}
#column .system-list{padding:0.27vw;align-items:stretch;margin-bottom: -0.07vw;}
#column .system-list li{
    margin-bottom: 8.00vw;
}
#column .system-list li a{display: block;position: relative;}
#column .system-list li .databox {width: 100%;position: relative;margin-bottom: 3.2vw;font-size: 3.73vw;line-height: 1.714;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#column .system-list li .databox .categ{background: #6594CB;color: #fff;border-radius: 81.33vw;padding: 0.53vw 4.27vw;transition: all 0.3s ease-in-out;margin-right: 3.2vw;font-size: 3.2vw;line-height: 1.75;letter-spacing: 0.1em;font-weight: 400;text-align: left;display: inline-block;margin-left: 3.2vw;}
#column .system-list li .arr{position: absolute;right: 1.6vw;width: 8.53vw;height: 8.53vw;bottom: 13.33vw;}

#column .system-list li .figbo {width: 100%;aspect-ratio: 335 / 207;overflow: hidden;text-align: center;margin-bottom: 3.73vw;position: relative;border-radius: 1.6vw;}
#column .system-list li .figbo img { width: 100%; height: 100%; object-fit: cover; display: block; }
#column .system-list li h3{font-size: 4.27vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}


#contents05 .inner-Box2 {position: relative;}
#contents05 .inBox{position:relative;}
#contents05 .photo-Box{position:relative;}
#contents05 .text-Box{position:relative;flex:1;}

#contents05 figure.photo {position: relative;top: 2.67vw;left: 0;margin-bottom: 6vw;}
#contents05 figure.photo img{width: 100%;height: auto;border-radius: 4vw;}
#contents05 .text-Box h3.f-en {margin-bottom: 1.67vw;position: relative;font-size: 10.667vw;line-height: 1;letter-spacing: 0.2em;font-weight: 500;text-align: center;}
#contents05 .text-Box p.text1 {position: relative;margin-bottom: 5vw;font-size: 3.733vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 500;text-align: center;}
#contents05 .text-Box h4 {margin-bottom: 2.27vw;position: relative;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 500;text-align: left;}
#contents05 .text-Box p.accesstext {margin-bottom: 3.73vw;position: relative;font-size: 3.733vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents05 .text-Box p.accesslink {margin-bottom: 4.4vw;position: relative;margin-left: 5.33vw;font-size: 4.27vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents05 .text-Box p.accesslink a {color: #6594CB;text-decoration: underline;position: relative;}
#contents05 .text-Box p.accesslink a::before {content: "";background: url(../images/index/contents05-icon01.svg)no-repeat;width: 3.2vw;height: 4.53vw;display: block;background-size: 100% auto;position: absolute;top: 0.8vw;left: -5.33vw;}
#contents05 .text-Box p.accesslink a::after {transition: all 0.3s ease-in-out;content: "";background: url(../images/common/arr.svg)no-repeat;width: 3.9vw;height: 4.53vw;display: block;background-size: 100% auto;position: absolute;top: 0.93vw;right: -5.33vw;}
#contents05 .text-Box p.accesslink a:hover::after { right: -8vw; }
#contents05 .text-Box p.text2 {margin-bottom: 7.43vw;position: relative;font-size: 3.733vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;}

#contents05 .text-Box .gl-btn{width: 73.33vw;margin: 0 auto;}


#popupbox{margin: 0;background: transparent linear-gradient(180deg, #C1DAF7 0%, #C3EBDF 100%) 0% 0% no-repeat padding-box;padding: 21.27vw 4.53vw 18.93vw;position: relative;}
#popupbox .ttl-Box{position: relative;margin: 0 auto 7.47vw;}
#popupbox .ttl-Box .img{position: absolute;top: -2.4vw;left: 50%;margin-left: -42.67vw;width: 25.6vw;}
#popupbox .ttl-Box .img img{ width: 100%; height: auto; }
#popupbox .ttl-Box h2{width: 63.6%;margin-left: auto;color: #6594CB;font-size: 7.1vw;line-height: 1.18;letter-spacing: 0.3em;font-weight: 700;text-align: left;margin-bottom: 7.53vw;}
#popupbox .ttl-Box h2 span{font-size: 4.17vw;line-height: 2.0;letter-spacing: 0.2em;font-weight: 500;text-align: center;background: #fff;border: 0.53vw solid #6594CB;border-radius: 14.93vw;padding: 0.53vw 4.53vw;display: inline-block;margin-bottom: 5.33vw;position: relative;left: -1.6vw;}
#popupbox .ttl-Box h2 span::before{content: "";width: 0.53vw;height: 5.6vw;background: #6594CB;display: block;position: absolute;transform: rotate(139deg);transform-origin: center;bottom: -4.27vw;left: 10.93vw;}
#popupbox .ttl-Box .text{font-size: 3.2vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: left;}

#popupbox .inner-Box1{margin: 0 0vw;border-radius: 2.67vw;}
#popupbox .inner-Box1 .inBox{margin: 0 auto 8.17vw;background: #fff;border-radius: 2.67vw;padding: 8.1vw 4.5vw 8.1vw 4.5vw;}
#popupbox .inner-Box1 table{width: 100%;text-align: left;}
#popupbox .inner-Box1 table th{font-size: 4.27vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;padding-bottom: 1.77vw;display: block;width: 100%;}
#popupbox .inner-Box1 table td{width: 100%;display: block;font-size: 4.067vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;padding-bottom: 9vw;}

#popupbox .gl-btn-zm {border-radius: 26.67vw;display: block;color: #fff;position: relative;padding: 4vw 0 0 6.17vw;transition: all 0.5s ease-in-out;width: 73.33vw;height: 13.13vw;background: transparent linear-gradient(90deg, #4F88CB 0%, #6C9BD2 52%, #ACCDF4 100%) 0% 0% no-repeat padding-box;font-size: 3.57vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;text-align: left;margin: 0 auto;}
#popupbox .gl-btn-zm:hover{ color: #6594CB; background: #fff; outline:0.27vw solid #6594CB;outline-offset:0vw;}
#popupbox .gl-btn-zm .arr {display: block;width: 4.83vw;height: 5.33vw;background: url(../images/index/zoom.svg)no-repeat;border-radius: 0;background-size: 100% auto;position: absolute;top: 4.53vw;right: 5.33vw;transition: all 0.2s ease-in-out;}
#popupbox .gl-btn-zm:hover .arr { right: -2.67vw; opacity: 0; }

#popupbox input[type="radio"] {position: relative;width: 4.8vw;height: 4.8vw;border: 0.27vw solid #969696;background: #fff;border-radius: 50%;-webkit-appearance: none;-moz-appearance: none;appearance: none;top: 0.53vw;left: 0vw;margin-right: -1.33vw;margin: 0.8vw 0.63vw 0vw -0.27vw;}
#popupbox input[type="radio"]:checked:before {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 2.67vw;height: 2.67vw;border-radius: 50%;background: #6594CB;content: '';}
#popupbox label{margin-right: 1.53vw;}

#popupbox .inner-Box2 .inBox{margin: 0 auto 7.67vw;background: #fff;border-radius: 2.67vw;padding: 7.4vw 6.6vw 16.53vw;}
#popupbox .inner-Box2 .inBox h3{font-size: 5.93vw;line-height: 1.39;letter-spacing: 0.3em;font-weight: 700;text-align: center;color: #6594CB;margin-bottom: 4.97vw;}
#popupbox .inner-Box2 .inBox h3 span{ display: inline-block; position: relative; }
#popupbox .inner-Box2 .inBox h3 span::before{content: "";background: #6594CB;width: 9.33vw;height: 0.27vw;position: relative;top: -2.4vw;left: -5vw;display: inline-block;}
#popupbox .inner-Box2 .inBox h3 span::after{content: "";background: #6594CB;width: 9.33vw;height: 0.27vw;position: relative;top: -2.4vw;left: 4.8vw;display: inline-block;}
#popupbox .inner-Box2 .minBox{}
#popupbox .inner-Box2 .minBox .left-Box{
    width: 27vw;
    margin: 0 auto 5vw;
}
#popupbox .inner-Box2 .minBox .right-Box{flex:1;min-width:0;}
#popupbox .inner-Box2{display:none;}
#popupbox .inner-Box2.is-show{display:block;}
#popupbox .inner-Box2 .minBox .left-Box .img{}
#popupbox .inner-Box2 .minBox .left-Box .img img{}
#popupbox .inner-Box2 .minBox .right-Box .text{font-size: 3.73vw;line-height: 1.71;letter-spacing: 0.1em;font-weight: 400;text-align: left;margin-bottom: 2.73vw;}
#popupbox .inner-Box2 .minBox .right-Box .text span{ color: #6594CB; }

#popupbox .inner-Box2 .gl-btn{width: 73.33vw;margin: 0 auto;}



}