@charset "utf-8";
/* ------------------------------------------------------
 2026/6/3 本保追加分
------------------------------------------------------- */

.font-normal {
  font-weight: normal!important;
  font-size: 13px!important;
}

.floating-popup.popup-show {
  animation:
    popupUp .3s ease forwards,
    floatY 2.5s ease-in-out .5s infinite;
}

@keyframes popupUp {
  from {
    opacity: 0;
    transform: translateY(80px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes floatY {
  0%,100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

#container #ct-area {
    margin-top: 20px!important;
}

.empty::before {
    display: none !important;
}

.popup-message{
    text-align:center;
    font-size:15px;
    color:#1f4ea1;
    margin: 13px 0px 7px;
}

.popup-main {
    font-size:17px;
}

.floating-popup {
    position: fixed;
    right: 20px;
    bottom: 80px;
    width: auto;
    background: #ebf3fe;
    border: 1px solid #a4c1d7;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,.2);
    z-index: 9999;
    padding: 20px;
    display: none;
    cursor: pointer;
    user-select: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.floating-popup:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.floating-popup *{
    cursor: pointer;
}

.floating-popup p {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 15px;
}

.popup-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #1f4ea1;
    margin-bottom: 10px;
}

.popup-title img {
    width: 60px;
    height: auto;
    flex-shrink: 0;
}

.popup-btn {
    display: block;
    background: #f3981d;
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    padding: 12px;
    border-radius: 6px;
    font-weight: bold;
}

.popup-close {
    position: absolute;
    top: 8px;
    right: 10px;
    border: none;
    background: none;
    font-size: 20px;
    cursor: pointer;
    color: #666;
}

.guide-item1 p::before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    background-image: url(/support/service/iss/green-good.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 3px;
    vertical-align: middle;
}

.guide-head1 img {
    width: 82px;
    height: auto;
    flex-shrink: 0;
}

.guide-btn1 {
    display: block;
    position: relative;
    border: 1px solid #1f4ea1;
    color: #fff!important;
    background: #17737b;
    text-align: center;
    padding: 8px 30px 8px 10px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.2s ease;
    margin-top: 1.2em;
}

.guide-btn1::after {
    content: "＞";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: inherit;
}

/* ホバー時 */
.guide-btn1:hover {
    color: #17737b!important;
    background: #f7f6fb;
}

.guide-btn1:hover::after {
    color: #fff!important;
}

.guide-item1 {
    flex: 1;
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 15px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;

}

.guide-head1 {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;

}

.guide-head-text1 h3 {
    margin: 0 0 10px;
    color: #17737b!important;
}

.guide-head-text1 {
    flex: 1;
}

.guide-label1 {
    display: inline-block;
    padding: 3px 12px;
    border: 2px solid #f0f8ff;
    border-radius: 7px;
    font-size: 12px;
    font-weight: bold;
    color: #17737b;
    background: #f0f8ff;
}

.guide-item1 p {
    margin: 10px 0 15px;
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
    color: #17737b;
}

.check-onsite p::before {
    content: "";
    display: inline-block;
    width: 18px!important;
    height: 18px!important;
    background-image: url(/support/service/iss/blue-check.png)!important;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 7px!important;
    vertical-align: middle;
}

.check-onsite p {
    font-weight: normal!important;
    color: #000!important;
    font-size: 13.5px!important;
    display: flex;
    align-items: center;
    margin:0 !important;
    padding:2px 0 !important;
    line-height:2 !important;
}

.check-onsite,
.check-delivery {
    display: grid;
    flex-grow: 1;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4;
    justify-content: flex-start !important;
    height: auto !important;
    row-gap:0 !important;
}

.check-delivery p {
    font-weight: normal!important;
    color: #000!important;
    font-size: 13.5px!important;
    display: flex;
    align-items: center;
    margin:0 !important;
    padding:2px 0 !important;
    line-height:2 !important;
}

.check-delivery p::before {
    content: "";
    display: inline-block;
    width: 18px!important;
    height: 18px!important;
    background-image: url(/support/service/iss/green-check.png)!important;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 7px!important;
    vertical-align: middle;
}

.movie-section-title{
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #3f4874;
    margin-bottom: 10px;
}

.movie-section-title::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/support/iss/kensaku/hukidashi.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.5em;
}

.movie-tile-head{
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.movie-tile-head img{
    width:55px;
    height:auto;
    flex-shrink:0;
}

.movie-tile-head h3{
    margin:0;
    font-size:15px!important;
    color:#1f4ea1;
    line-height:1.4;
}
.movie-wrap{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:30px 0;
    padding:20px;
    background:#f7f9fc;
    border:1px solid #d9e4f5;
    border-radius:8px;
}

.movie-image{
    display:flex;
    justify-content:center;
    align-items:center;
    flex:0 0 550px;
}

.movie-image a{
    display:block;
}

.movie-image img{
    width:100%;
    display:block;
    border-radius:6px;
    transition:.3s;
}

.movie-image img:hover{
    opacity:0.8;
}

.movie-tile{
    flex:1;
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:6px;
    padding:10px 20px 20px;
}

.movie-tile h3{
    margin:0 0 15px;
    font-size:22px;
    color:#1f4ea1;
}

.movie-tile p{
    margin:0 0 20px;
    line-height:1.8;
    font-size: 14px;
}

.movie-btn{
    display:inline-block;
    background:#0068b7;
    color:#fff!important;
    text-decoration:none;
    font-weight:bold;
    padding:10px 25px;
    border-radius:4px;
}

.movie-btn:hover{
    opacity:0.8;
}

.hero-area{
    position: relative;
    height: 300px;
    overflow: hidden;
}

.hero-area img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.hero-text {
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translateY(-50%);
    color: #000;
}

.hero-text h1 {
    margin: 0 0 10px;
    font-size: clamp(30px, 2.5vw, 40px);
    font-weight: bold;
    line-height: 1.2;
    border-left: 0 !important;
    color: #00008b !important;
    letter-spacing: 1.4px;
}

.hero-text p {
    margin: 0;
    font-size: clamp(13px, 2.5vw, 18px);
    line-height: 1.6;
    margin-left: 1.1em;
    font-weight: bold;
}

.hero-area .img-pc {
    display: block !important;
}

.hero-area .img-sp {
    display: none !important;
}

.guide-item > p,
.guide-item1 > p {
    margin-bottom: 16px;
}

.guide-wrap {
    border: 1px solid #e3dcc9;
    background: #faf0e6;
    padding: 20px;
    margin: 30px 0;
    border-radius: 8px;
}

.guide-title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #3f4874;
}

.guide-title::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/support/iss/kensaku/person2.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 3px;
    vertical-align: middle;
    margin-right: 0.3em;
}

.guide-list {
    display: flex;
    gap: 15px;
    align-items: stretch;
}

.guide-item {
    flex: 1;
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 15px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
}

.guide-head {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;

}

.guide-head-text h3 {
    margin: 0 0 10px;
}

.guide-head-text {
    flex: 1;
}

.guide-label {
    display: inline-block;
    padding: 3px 12px;
    border: 2px solid #f0f8ff;
    border-radius: 7px;
    font-size: 12px;
    font-weight: bold;
    color: #1f4aa1;
    background: #f0f8ff;
}

.guide-head img {
    width: 82px;
    height: auto;
    flex-shrink: 0;
}

.guide-head h3 {
    margin: 0;
    font-size: 15px;
    line-height: 1.4;
    color: #1f4ea1!important;
}

.guide-item p {
    margin: 10px 0 15px;
    font-size: 14px;
    line-height: 1.6;   
    font-weight: bold;
    color: #1f4aa1;
}

.guide-item p::before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    background-image: url(/support/service/iss/blue-good.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 3px;
    vertical-align: middle;
}

.guide-btn {
    display: block;
    position: relative;
    border: 1px solid #1f4ea1;
    text-align: center;
    padding: 8px 30px 8px 10px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.2s ease;
    margin-top: 1.2em!important;
    background: #1f4ea1;
    color: #fff!important;
}

.guide-btn::after {
    content: "＞";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: inherit;
}

/* ホバー時 */
.guide-btn:hover {
    color: #1f4ea1!important;
    background: #f7f6fb;
}

.guide-btn:hover::after {
    color: #fff!important;
}

.guide1-wrap {
    border: 1px solid #bce2e8;
    background: #eaf4fc;
    padding: 20px;
    margin: 30px 0;
    border-radius: 8px;
}

.guide1-title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #3f4874;
}

.guide1-title::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/support/iss/kensaku/file.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 3px;
    vertical-align: middle;
    margin-right: 0.3em;
}

.guide1-list {
    display: flex;
    gap: 15px;
    text-align: center;
    font-weight: bold;
}

.guide1-item {
    flex: 1;
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 15px;
    border-radius: 6px;

    display: flex;
    flex-direction: column;
}

.guide1-head {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.guide1-head img {
    width: 47px;
    height: auto;
    flex-shrink: 0;
}


.guide1-img {
    height: 100px;
    width: auto;
    object-fit: contain;
    margin: 0 auto;
    margin-bottom: 1em;
}

.guide1-head h3 {
    width: 100%;
    margin: 0;
    font-size: 15px;
    line-height: 1.4;
    color: #1f4ea1 !important;
    text-align: center;
}

.guide1-item p {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.6;
}

.guide1-btn {
    display: block;
    position: relative;
    border: 1px solid #0068b7;
    background: #0068b7;
    color: #fff !important;
    text-align: center;
    padding: 8px 30px 8px 10px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.2s ease;
    margin-top: auto !important;
}

.guide1-btn::after {
    content: "＞";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    transition: inherit;
}

/* ホバー時 */
.guide1-btn:hover {
    background: #f7f6fb;
    color: #0068b7 !important;
}

.guide1-btn:hover::after {
    color: #0068b7 !important;
}

.search-wrap {
    position: relative;
}

.search-wrap::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background: #dff3ea;
    border-radius: 50%;
    top: 16px;
    z-index: 0;
}

.search-iss-kataban{
    font-size: 26px;
    margin: 2em 0.3em 0.5em;
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.search-iss-kataban::before {
    content: attr(data-en);
    display: block;
    color: #288c66;
    font-size: 18px;
    margin-bottom: 0.3em;
}

.search-iss-kataban::after {
    content: '';
    display: block;
    width: 100px;
    height: 1.7px;
    background-color: #288c66;
    margin-top: 0.3em;
}

.info-box {
    display:none;
}

.info-text {
    flex: 6;
    font-weight: bold;
    color: #26499d;
    font-size: clamp(16px, 2.5vw, 18px);
}

.info-text p {
    color: #000;
    font-size: clamp(14px, 2.5vw, 15px);
    margin-top: 0.8em;
}

.info-image {
    flex: 1;
}

.info-image img {
    height: 100px;
    display: block;
}

.info-button {
    flex: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.balloon {
    font-weight: bold;
    color: #26499D!important;
    font-size: 13px;
}

.btn {
    display: inline-flex;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 4px;
    background: #f3981d;
    align-items: center;
    gap: 8px;
    color: #fff!important;
    font-weight: bold;
    transition: transform 0.3s ease;
}

.btn::after {
    content: ">";
    font-weight: bold;
    color: #fff;
}

.btn:hover {
    transform: translateY(-1px);
    filter: drop-shadow(0 4px 10px rgba(0,0,0,.15));
}

.blue-font {
    color: #2d3e8d;
    font-size: 17px;
}

.blue-font::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/support/iss/kensaku/mushimegane.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 3px;
    vertical-align: middle;
}

.h3-blue {
     position: relative;
     padding: 10px 10px 10px 50px;
     background: #191970;
     font-size: 18.5px;
      color: white;
      margin-left: -33px;
      line-height: 1.3;
     position: relative;
    z-index: 1;
     font-weight: bold;
      margin-bottom: 0.5em;
}

.h3-blue:before {
    position: absolute;
    content: '';
    left: -2px;
    top: -2px;
    border: none;
    border-left: solid 40px white;
    border-bottom: solid 79px transparent;
    z-index:-2
}

.h3-blue:nth-child(n+2) {
    margin-top: 3rem;
}

.pd-20px {
    padding: 20px;
}

.pd-30px {
    padding: 0px 30px;
}

.spbr {
    display: none;
}
.sp-no {
    display: inline;
}

.full {
    width: 100% !important;
}

div#ct,
div#ct-area {
    width: 1200px!important;
}

.iss-gaiyou-box {
    position: relative;
    border: 2px solid #d9333f;
    border-radius: 6px;
    padding: 15px;
    margin: 50px 0px 20px;
    background: #fff;
    font-weight: bold;
    background-color: #fff9f9;
}

.iss-gaiyou-box span {
    position: absolute;
    top: -35px;
    left: 0px;
    background: #d9333f;
    color: #fff;
    padding: 4px 12px;
    border-radius: 5px 5px 0 0;
}

div#ct-area h3 {
    margin-bottom: 6px;
    padding: 5px 0 7px!important;
    font-size: 16px;
}

.iss-images {
    display: flex;
    gap: 15px;
    justify-content: center;
}

.iss-images img {
    width: 100%;
    height: auto;
    transition: opacity 0.2s;
    margin: 10px 0px;
}

.iss-images a {
    display: inline-block;
}

.iss-images a:hover img {
    opacity: 0.8;
}

.height-small {
    height: 73px!important;
}

.hover-opacity {
    transition-property: opacity;
    transition-duration: 0.1s;
}

.hover-opacity:hover {
    opacity: 0.8; 
}

.h3{
    margin-top: 2em!important;
}

.icon_img {
    width: 50px!important;
}

.annai-box {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 10px 0 20px 0;
    margin-top: -0.5em;
}

.annai-text a {
    color: #4F9BD8;
}

.annai-img img {
    max-width: 60px;
    height: auto;
}

.serviceBtnBox {
    display: flex;
    margin-bottom: 30px;
}

.serviceBtnBox a.serviceBtnItem {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    position: relative;
    background-color: #005fb4;
    padding: 8px 20px 8px 13px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px #bbb;
    margin: 8px 0 0 10px;
    width: 22%;
    line-height: 1.4;
    transition: ease .2s;
}

.serviceBtnBox a.serviceBtnItem:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 1px solid;
    border-right: 1px solid;
    transform: rotate(45deg);
    transition: all .3s;
    top: 43%;
    right: 11px;
}

.serviceBtnBox a.serviceBtnItem:hover {
    opacity: 0.5;
}

div#ct-area h2.title {
    background: #4F90C9;
    padding: 5px 10px;
    font-size: 120%;
    border-radius: 5px;
    margin-bottom: 0;
}

.relayNas {
    background-color: #efefefab;
    padding: 10px 15px;
    margin: 3px 0 0 20px;
    border: 1px solid #c8c8c8;
}

.relayNas p {
    font-size: 95%;
    margin-left: 10px;
}

ul.disc li a {
    font-weight: bold;
}

.waku {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    color: #4f90c9;
    text-decoration: none;
    position: relative;
    padding: 5px;
    border-radius: 5px;
    border: solid 1px;
    border-color: #4f90c9;
    box-shadow: 1px 1px 1px 1px #edf4f9;
    line-height: 1.4;
    transition: ease .2s;
    margin: 5px; 0 10px 0;
}

.iss-float-r {
	float : right ;
	margin : 0 0 10px 10px;
}

.iss-float-l {
	float : left ;
}

.iss_title {
	margin-bottom : 16px ;
}

.img-right{
	float: right;
	margin: 0px 0px 10px 10px;
}

span.arw-link {
	background:url("/img/share/icon_arrow.gif") no-repeat left 0.2em ;
}

h2 span {font-size: 130%;}

h3 span {font-size: 120%;}

/* --------------------------------------------------------------------------------------
 リストマーク
--------------------------------------------------------------------------------------- */
ul.list-mark li {
	list-style: disc ;
	list-style-position : inside ;
}

/* --------------------------------------------------------------------------------------
 ISS流れ
--------------------------------------------------------------------------------------- */
ul.iss_flow li {
	float : left ;
}


/* --------------------------------------------------------------------------------------
 キャンペーンボックス
--------------------------------------------------------------------------------------- */
div.iss-campaign {
	border-width : 1px ;
	border-style : solid ;
	border-color : #d8d8d8 ;
	background : url(img/iss_campaign.gif) no-repeat left center ;
	padding : 10px 130px 10px 30px ;
	width : 510px ;
	
}
div.iss-campaign strong {
	display : block ;
	font-weight : bold ;
	font-size : 1.1em ;
	padding-bottom: 10px ;
}
div.iss-campaign p.top {
	margin : 0 0 10px ;
}

/* --------------------------------------------------------------------------------------
 330px角丸,670px角丸
--------------------------------------------------------------------------------------- */
div.iss-box1 {
	background: url(img/box1_b.jpg) no-repeat left bottom ;
	margin : 10px 0 20px ;
}
div.iss-box1 div {
	background: url(img/box1_t.jpg) no-repeat left top ;
	margin : 0px 0 10px ;
	width : 310px ;
	padding : 10px ;
}
div.iss-box1 div strong,
div.iss-box2 div strong,
div.iss-box3 div strong {
	display : block ;
	font-weight : bold ;
	font-size : 1.1em ;
	padding-bottom: 10px ;
}
div.iss-box1 div p.top,
div.iss-box2 div p.top,
div.iss-box3 div p.top {
	margin : 0 0 10px ;
}
div.iss-box2 {
	background: url(img/box2_t.jpg) no-repeat left top ;
	margin : 10px 0 15px ;
	width : 670px ;
}
div.iss-box2 div {
	background: url(img/box2_b.jpg) no-repeat left bottom ;
	margin : 10px 0 ;
	padding : 15px ;
}
div.iss-box3 {
	background: url(img/box3_t.jpg) no-repeat left top ;
	margin : 10px 0 15px ;
	width : 670px ;
}
div.iss-box3 div {
	background: url(img/box3_b.jpg) no-repeat left bottom ;
	margin : 10px 0 ;
	padding : 15px 105px 15px 15px ;
}
/* --------------------------------------------------------------------------------------
 注意box
--------------------------------------------------------------------------------------- */
.attention {
	background : #eee ;
	border : solid 1px #d8d8d8 ;
	width : 640px ;
	padding : 15px ;
}

/* --------------------------------------------------------------------------------------
 サービス検索結果テーブル
--------------------------------------------------------------------------------------- */
#go {
    border: 0;
    width: 312px;
    height: 110px;
    transition: transform 0.2s ease, filter 0.2s ease;
    background: url(/support/iss/kensaku/btn.png);
    background-position: left top;
    position: absolute;
    margin-left: 20px;
    cursor: pointer;
}

#go:hover {
    transform: translateY(-3px);
    filter: drop-shadow(0 4px 10px rgba(0,0,0,.15));
}

form#frmSearch,
form#frmSearch input,
form#frmSearch select option {
	font-size: 15px !important;
    font-family: unset!important;
    padding: 3px;
    margin-bottom: 0.7em;
}

#resultsel {
	height:8em;
	width:35em;
    font-family: unset!important;
}

#run {visibility:hidden;}

#resultIss {font-size: 95%;}

table.service-result {
	margin : 10px 5px 0 0 ;
	border-right : 1px solid #DCDCDC;
	border-top : 1px solid #DCDCDC;
	border-collapse:collapse;
}
table.service-result tr th {
	background: #464646!important;
    border-left: 1px solid #999999;
    font-weight: bold;
	padding : 5px 10px;
	color : #FFFFFF;
	text-align : center;
}

table.service-result tr td {
	border-bottom : 1px solid #DCDCDC;
	border-left : 1px solid #DCDCDC;
	padding : 3px 10px;
	text-align : left;
	vertical-align : top;
}

/* --------------------------------------------------------------------------------------
 サービス一覧テーブル
--------------------------------------------------------------------------------------- */
table.service-price {
	margin : 10px 5px 0 0 ;
	border-right : 1px solid #DCDCDC;
	border-top : 1px solid #DCDCDC;
}
table.service-price tr th {
	background : none repeat scroll 0 0 #666666;
	border-left : 1px solid #999999;
	padding : 3px 5px;
	color : #FFFFFF;
	text-align : center;
}

table.service-price tr td {
	border-bottom : 1px solid #DCDCDC;
	border-left : 1px solid #DCDCDC;
	padding : 3px 5px;
	text-align : left;
	vertical-align : top;
}
table.service-price .g {
	border-left : none ;
	border-right: 1px dotted #999999;
	padding : 0 ;
	width: 68px;
	vertical-align : middle ;
}
table.service-price .g1 {
	border-right: 1px dotted #999999;
	padding : 0 ;
	width: 68px;
	vertical-align : middle ;
}
table.service-price .g2 {
	border-left : none ;
	width: 72px;
	padding : 0 ;
	vertical-align : middle ;
}
/* --------------------------------------------------------------------------------------
 価格例テーブル
--------------------------------------------------------------------------------------- */
table.service-price2 {
	margin : 10px 5px 0 0 ;
	border-right : 1px solid #DCDCDC;
	border-top : 1px solid #DCDCDC;
}
table.service-price2 tr th {
	background : none repeat scroll 0 0 #666666;
	border-left : 1px solid #999999;
	padding : 3px 5px;
	color : #FFFFFF;
	text-align : center;
}
table.service-price2 tr td.gray {
	background : none repeat scroll 0 0 #EEEEEE;
	text-align : center;
	padding : 3px 5px;
}
table.service-price2 tr td {
	border-bottom : 1px solid #DCDCDC;
	border-left : 1px solid #DCDCDC;
	padding : 3px 70px 3px 5px;
	text-align : right;
	vertical-align : middle;
}
table.service-price2 .m_r {
	border-left : none ;
}
table.service-price2 .m_c {
	padding : 3px 5px;
	border-left : none ;
	text-align : center;
}
/* --------------------------------------------------------------------------------------
対象製品
--------------------------------------------------------------------------------------- */
table.service-product {
	margin : 10px 5px 0 0 ;
	border-right : 1px solid #DCDCDC;
	border-top : 1px solid #DCDCDC;
}
table.service-product tr th {
	border-bottom : 1px solid #DCDCDC;
	border-left : 1px solid #DCDCDC;
	padding : 3px 5px;
	text-align : center;
}
table.service-product tr th a{
}
table.service-product tr td {
	border-bottom : 1px solid #DCDCDC;
	border-left : 1px solid #DCDCDC;
	padding : 3px 5px;
	text-align : center;
	vertical-align : middle;
}

table.service-product2 {
	margin : 10px 5px 0 0 ;
	border-right : 1px solid #DCDCDC;
	border-top : 1px solid #DCDCDC;
}
table.service-product2 tr th {
	background : none repeat scroll 0 0 #666666;
	border-left : 1px solid #999999;
	padding : 3px 5px;
	color : #FFFFFF;
	text-align : center;
}
table.service-product2 tr th a{
	color : #FFFFFF;
}
table.service-product2 tr td {
	border-bottom : 1px solid #DCDCDC;
	border-left : 1px solid #DCDCDC;
	padding : 3px 5px;
	text-align : center;
	vertical-align : middle;
}
table.service-product2 tr td a{
}
/* --------------------------------------------------------------------------------------
 パック価格計算表テーブル
--------------------------------------------------------------------------------------- */
table.seminar {
	border : 1px solid #DCDCDC ;
}
table.seminar #issarea {
	background : #eee ;
	margin : 5px 0 0 ;
	padding : 5px ;
	display : none ;
}
/* --------------------------------------------------------------------------------------
 対象製品テーブル
--------------------------------------------------------------------------------------- */
table.iss-object {
	border-width : 1px ;
	border-color : #999999 ; 
	border-style : solid ;
}
table.iss-object th {
	background : none repeat scroll 0 0 #666666;
	padding : 3px 5px;
	color : #FFFFFF;
	text-align : center;
}
table.iss-object .line {
	border-right: 1px dotted #999999;
	font-weight: bold;
	font-size: 80%;
	text-align: center;
}
table.iss-object .line2 {
	border-top: 1px solid #999999;
	border-right: 1px dotted #999999;
	font-size: 12px;
}
table.iss-object .line3 {
	border-top: 1px solid #999999;
}
table.iss-object .line4 {
	font-weight: bold;
	font-size: 80%;
	text-align: center;
}
table.iss-object .line5 {
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	font-size: 12px;
}
table.iss-object .line6 {
	border-top: none ;
	border-right: 1px solid #999999;
	font-size: 12px;
}
table.iss-object .line7 {
	border-top: none ;
}

/* --------------------------------------------------------------------------------------
 購入・お申し込みのボタン
--------------------------------------------------------------------------------------- */

ul.offer-button {
	margin: 20px 30px 20px ;
}

ul.offer-button li {
	float : left ;
	margin-right: 30px ;
}
ul.offer-button li.last {
	margin: 0 ;
}

/* --------------------------------------------------------------------------------------
 ADOBE DOWNLOAD
--------------------------------------------------------------------------------------- */
.section .ques {
	font-weight: bold;
	color: #000000;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-width: thin;
	border-left-width: medium;
	border-top-color: #6699FF;
	border-right-color: #6699FF;
	border-bottom-color: #6699FF;
	border-left-color: #6699FF;
}
.section .honbun {
	line-height: 18px;
	text-align: left;
	padding: 5px 20px;
	margin: 0px;
}

/* --------------------------------------------------------------------------------------
 ADOBE DOWNLOAD
--------------------------------------------------------------------------------------- */

div.pdf-download {
	position: relative;
	width: 670px;
	margin-top: 20px;
}

div.section div.pdf-download {
	width: 666px;
}

div.inquiry-area div.pdf-download {
	width: 630px;
}

div.pdf-download p {
	margin-left: 130px;
	color: #8B8B8B;
	font-size: 86%;
	line-height: 1.5em;
}

div.pdf-download p.btn {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}
/* pdfマーク -------------------- */

.icon-pdf {
	padding-left: 24px;
	background: url(/img/share/icon_pdf.gif) no-repeat 0 0.1em;
}



/* --------------------------------------------------------------------------------------
 eNets追記
--------------------------------------------------------------------------------------- */

div.iss-box2 div h4,
div.iss-box2-y div h4,
div.iss-box2-y2 div h4 {
	font-size: 120%;
	padding-bottom: 5px;
	text-decoration: underline;
}
div.iss-box2-y {
	background: url(/support/service/iss/service/img/box2_bg_y.gif) no-repeat left top ;
	margin : 10px 0 25px ;
	width : 670px ;
}
div.iss-box2-y div {
	background: url(/support/service/iss/service/img/box2_y.gif) no-repeat left bottom ;
	margin : 10px 0 ;
	padding : 15px ;
}
div#iss-flow2 {
	padding: 15px 20px 15px 0;
}
div#iss-flow2 p#iss-flow-p {
	float: left;
	width: 200px;
	height: 200px;
	text-indent: -9999px;
	background: url(/support/service/iss/service/img/iss-flow-p.gif) no-repeat 0 0 ;
}
div.iss-box2-y2 {
	background: url(/support/service/iss/service/img/box2_bg_y2.gif) no-repeat left top ;
	width : 450px ;
	float: right;
}
div.iss-box2-y2 div {
	background: url(/support/service/iss/service/img/box2_y.gif) no-repeat left bottom ;
	padding : 50px 15px 15px ;
}
div p.iss-box_txtL {
	float: left;
	width: 500px;
	margin: 10px 0 0;
	display: inline;
}
div p.iss-box_txtL2 {
	float: left;
	width: 410px;
	margin: 10px 0 0;
	display: inline;
}
div p.iss-box_imgR {
	float: right;
	width: 100px;
	padding-left: 20px;
	display: block;
}
div p.iss-box_imgR2 {
	float: right;
	width: 200px;
	padding-left: 20px;
	display: block;
}
p.iss-flow {
	text-align: center;
}
/* ============================================================
   0. 【追加】スマホ用スクロール設定
   ============================================================ */
/* テーブルを囲む要素（divなど）がある場合に適用。
   もし囲む要素がない場合は、共通の親要素か body 直下に設定が必要です。 */
#table-wrapper {
  width: 100%;
  overflow-x: auto;   
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1em;
}

#table-wrapper table {
  width: 99%;
  border-collapse: collapse;
  min-width: 600px;
}

#table-wrapper table.service-result tr td {
	vertical-align: middle;
}
#table-wrapper td.iss-nen {
	text-wrap: nowrap;
}
/* ============================================================
   1. セル内の共通レイアウト
   ============================================================ */
#table-wrapper td:has(.copy-icon),
#table-wrapper td:has([class^="label-"]) {
  vertical-align: middle;
  padding: 8px 10px;
  white-space: nowrap; 
  min-width: max-content;
}

/* ============================================================
   2. コピーアイコンとツールチップ（位置自動調整版）
   ============================================================ */
.copy-icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: relative;
  margin-left: 6px;
}

.copy-icon::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #888;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 1H4C2.9 1 2 1.9 2 3v14h2V3h12V1zm3 4H8C6.9 5 6 5.9 6 7v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 1H4C2.9 1 2 1.9 2 3v14h2V3h12V1zm3 4H8C6.9 5 6 5.9 6 7v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E") no-repeat center / contain;
  transition: background-color 0.2s;
}

.copy-icon:hover::before { background-color: #333; }

.copy-icon::after {
  content: "クリップボードにコピーします";
  position: absolute;
  bottom: 150%;
  background-color: #333;
  color: #fff;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 11px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, transform 0.2s;
  z-index: 9999;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

.copy-icon:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* 列に応じたツールチップ表示位置の切り替え */
#resultIss .search .copy-icon::after { left: 0; right: auto; }
#table-wrapper td:first-child .copy-icon::after { left: 0; right: auto; }
#table-wrapper td:not(:first-child) .copy-icon::after { right: 0; left: auto; }

/* ============================================================
   3. ラベルのスタイル (改行あり)
   ============================================================ */
[class^="label-"] {
  display: block; 
  width: fit-content;
  margin-top: 6px;
  background-color: #ea5550;
  color: #fff;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: bold;
  position: relative;
  cursor: help;
  white-space: normal; 
}

/* ラベル用詳細ツールチップ */
.custom-tooltip {
  position: absolute;
  top: 130%;
  background-color: #eee;
  color: #333;
  padding: 12px 16px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  border: 1px solid #eee;
  font-size: 13px;
  font-weight: normal;
  z-index: 9998;
  pointer-events: none;
  width: max-content;
  max-width: min(600px, 80vw);
  line-height: 1.5;
  word-wrap: break-word;
  white-space: normal;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 0.2s, transform 0.2s;
}

/* 列に応じたツールチップ表示位置の切り替え */
#table-wrapper td:first-child .custom-tooltip { left: 0; right: auto; }
#table-wrapper td:not(:first-child) .custom-tooltip { right: 0; left: auto; }

.custom-tooltip::before {
  content: "";
  position: absolute;
  bottom: 100%;
  border: 10px solid transparent;
  border-bottom-color: #eee;
}
#table-wrapper td:first-child .custom-tooltip::before { left: 12px; }
#table-wrapper td:not(:first-child) .custom-tooltip::before { right: 12px; }

[class^="label-"]:hover .custom-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}


/* ツールチップ内のリスト装飾 */
.custom-tooltip ul {
  margin: 8px 0 0;
  padding-left: 1.2em;
  list-style-type: disc;
}
.custom-tooltip li {
  margin-bottom: 4px;
  list-style-type: disc;
}


/* ------------------------------------------------------
 2026/6/3 本保追加分(スマホ用)
------------------------------------------------------- */
/* 画面幅が599px以下の時だけ適用 */
@media screen and (max-width: 599px) {

    #go {
        border: 0px;
        width: 312px;
        height: 110px;
        background: url(/support/iss/kensaku/btn.png);
        background-position: left top;
        position: static;
        margin-left: -20px;
        margin-top: 20px;
        cursor: pointer;
    }
  .sp-img {
        max-width: 100%;
        height: auto;
        display: block;
  }
  .height-small {
        height: auto!important;
  }
  .annai-box {
        display: inline-grid!important;
        align-items: center;
        gap: 15px!important;
        margin: 25px 0 20px 0;
        margin-top: -0.5em;
  }
  .iss-images {
        flex-direction: column;
        gap: 0px;
  }
  .iss-gaiyou-box {
        padding: 10px 15px 0px;
  }
  .hero-text {
        left: 5%;
    }

  .hero-text h1 {
        background: transparent !important;
        width: max-content;
    }

  .hero-text p {
        margin-left: 10px;
    }

  .hero-area .img-pc {
        display: none !important;
    }

  .hero-area .img-sp {
        display: block !important;
    }

  .spbr {
        display: inline;
    }
  
    .info-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 8px;
        box-sizing: border-box;
        border: 1px solid #ebf3fe;
        background-color: #ebf3fe;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        flex-direction: column;
        text-align: center;
        padding: 15px;
        gap: 0px;
    }

    .info-text,
    .info-image,
    .info-button {
        width: 100%;
        margin-bottom: 15px;
    }

    .info-image img {
        height: 80px;
        width: auto;
        margin: 0 auto;
    }

    .info-button {
        margin-bottom: 0;
    }

    div#ct,
    div#ct-area {
        width: 100% !important;
    }

    .guide-list {
        flex-direction: column;
    }

    .guide1-list {
        flex-direction: column;
    }

    div#ct-area h3 {
        padding: 3px 0 8px!important;
        font-size: 15px!important;
    }

    .movie-wrap{
       flex-direction:column;
    }

    .movie-image{
       flex:auto;
       width:100%;
    }

    .movie-tile{
       width:100%;
       box-sizing:border-box;
    }

    .pd-30px {
       padding: 0px 10px;
    }

    .small {
       font-size: 13px;
    }
    
    .hero-area {
       position: relative;
       height: 140px;
       overflow: hidden;
    }

    .h3-blue {
       font-size: 17px;
       margin-left: -30px;
    }

   .blue-font {
       font-size: 15.5px;
    }

    .sp-no {
       display: none;
    }

    form#frmSearch, form#frmSearch input, form#frmSearch select option {
       text-align: center;
    }
    .guide-title::before {
       margin-bottom: 0.5em;
}
    #resultsel {
       width: -webkit-fill-available;
}
    .search-iss-kataban {      
       margin: 2em 0.8em 0.5em;
}
    .search-wrap::before {
        top: 17px;
        left: 8px;
}
    .floating-popup{
        display:none !important;
    }
}