@charset "UTF-8";

/* パンくず */
#pan{
  position:absolute;
  top:100px;
  left:0;
  width:1300px;
  max-width:100%;
  padding:10px;
  left:50%;
  transform:translateX(-50%);
  line-height:1;
  overflow-x:scroll;
  white-space:nowrap;
  scrollbar-width:none;
  z-index:1;
}
#pan span,
#pan a{
  font-size:12px;
  line-height:1;
}
#pan a{color:var(--font-blue);}

@media screen and (max-width:1024px){
#pan{top:60px;}
}
@media screen and (max-width:768px){
#pan{top:50px;}
}
/* メイン */
div.lower-main{
  position:relative;
  width:1920px;
  padding:0 15px;
  margin:0 auto;
}
div.lower-main div.title{
  width:1280px;
  padding:clamp(60px,6.25vw,80px) 0;
  margin:0 auto;
}
div.lower-main div.title h1{
  font-size:var(--font-size_xlarge);
  font-weight:600;
  line-height:1.3;
}
div.lower-main div.title span.en{
  display:block;
  font-family:var(--font-en);
  font-size:var(--font-size03);
  line-height:1;
  padding-top:0.5em;
}
div.lower-main div.title p{
  font-weight:500;
  line-height:2;
  padding-top:1.6em;
}

div.lower-main + div.area{margin-top:0;}

/* 料金プラン */
table.option-table{
  width:100%;
  border-spacing:0;
  border-collapse:separate;
  table-layout:fixed;
  border:1px solid #e0e0e0;
  border-radius:10px;
}
table.option-table tr th,
table.option-table tr td{
  position:relative;
  font-weight:500;
  line-height:1.5;
  text-align:center;
  padding:clamp(20px,1.953vw,25px) clamp(10px,1.5625vw,20px);
}
table.option-table tr + tr td{border-top:1px solid #e0e0e0;}
table.option-table tr th + th,
table.option-table tr td + td{border-left:1px solid #e0e0e0;}
table.option-table tr th{
  color:var(--font-blue);
  font-weight:600;
  background:#F6F9FC;
}
table.option-table tr td:first-child{
  text-align:left;
  padding-right:clamp(30px,3.906vw,50px);
}
table.option-table tr td span.fee{
  display:inline-block;
  font-family:var(--font-en);
  font-size:var(--font-size02);
  font-weight:600;
  padding-right:0.2em;
}
table.option-table span.modal-btn{
  position:absolute;
  top:50%;
  right:clamp(10px,1.5625vw,20px);
  transform:translateY(-50%);
  display:flex;
  justify-content:center;
  align-items:center;
  width:clamp(20px,2.343vw,30px);
  height:clamp(20px,2.343vw,30px);
  color:#fff;
  font-weight:900;
  line-height:1;
  background:#C5D0DE;
  border-radius:15px;
  cursor:pointer;
}

/* 機能一覧 */
div.applications-wrap{position:relative;}
div.area.app{
  position:relative;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  padding:0;
}
div.area.app:has( + div.area ){padding-bottom:0;}
/* サイドナビ */
div.s-nav{
  position:absolute;
  top:0;
  left:0;
  width:clamp(280px,16.6vw,320px);
  transition:0.4s ease;
  padding:0 20px;
  z-index:1;
}
div.s-nav.fixBox{
  position:fixed;
  top:100px;
  padding:20px;
}
div.s-nav li + li{margin-top:10px;}
div.s-nav a{
  position:relative;
  color:var(--font-gry);
  font-size:clamp(10px,0.833vw,16px);
  font-weight:500;
  padding-left:30px;
  transition:0.4s ease;
}
div.s-nav a:hover,
div.s-nav a.current{color:var(--font-blk);}
div.s-nav a::before{
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  content:"";
  display:inline-block;
  width:20px;
  height:20px;
  background:url(../img/icon/arrow-i-gry.svg) center/contain no-repeat, url(../img/icon/arrow-i-blk.svg) center/contain no-repeat;
  background-size:cover, 0 0;
  transition:0.4s ease;
}
div.s-nav a:hover::before,
div.s-nav a.current::before{background-size:0 0,cover;}
/* コンテンツエリア */
div.area.app div.contents{
  position:relative;
  width:min(66.6vw,1280px);
  margin:0 auto;
  padding:clamp(30px,3.125vw,60px) clamp(20px,3.125vw,60px) clamp(100px,10.9375vw,140px);
  background:#F6F9FC;
}
div.area.app div.contents::after{
  position:absolute;
  top:0;
  right:calc(50% - 50vw);
  content:"";
  width:calc(50vw - 50%);
  height:100%;
  background:#F6F9FC;
}
div.area.app span.en,
div.area.app h2{text-align:left;}
div.area.app h2 + p{width:max(480px,66%);}
/* 一覧 */
div.app-wrap{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-top:20px;
}
div.app-wrap div.box{
  display:flex;
  flex-direction:column;
  width:calc((100% - clamp(40px,4.166vw,80px))/3);
  padding:20px;
  background:#fff;
  border-radius:10px;
  box-shadow:0 6px 24px rgba(0,0,0,0.1);
}
div.app-wrap div.box:nth-child(n + 4){margin-top:clamp(20px,2.083vw,40px);}
div.app-wrap div.box span.heading{
  display:block;
  font-family:var(--font-en);
  color:var(--font-blue);
  font-weight:600;
  text-transform: uppercase;
}
div.app-wrap div.box h3{font-size:clamp(20px,1.25vw,24px);}
div.app-wrap div.box p{
  font-size:clamp(14px,0.833vw,16px);
  padding-top:1em;
}
div.app-wrap div.box img{
  display:block;
  width:300px;
  height:auto;
  margin:20px auto 0;
}
/* 要約テーブル */
div.area.app02 div.contents{width:min(66.6vw,1280px);}
table.option-table.type02 tr th,
table.option-table.type02 tr td{
  font-size:clamp(12px,0.833vw,16px);
  text-align:left;
  padding:clamp(10px,1.0416vw,20px);
}
table.option-table.type02 tr td:first-child{font-weight:600;}
table.option-table.type02 + p{margin-top:1em;}

@media screen and (max-width:1280px) {

div.app-wrap div.box{width:calc((100% - clamp(20px,3.125vw,40px))/2);}
div.app-wrap div.box:nth-child(n + 3){margin-top:clamp(20px,3.125vw,40px);}

}
@media screen and (max-width:1024px) {

div.area.app{padding-left:15px;}  
div.applications-wrap div.s-nav{display:none;}  
div.area.app div.contents,
div.area.app02 div.contents{width:auto;}

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

div.app-wrap div.box{
  flex-direction:column;
  width:100%;
}  
div.app-wrap div.box:nth-child(n + 2){margin-top:20px;}

}

/* ご利用の流れ */
div.flow-wrap div.box{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  padding:40px clamp(20px,3.125vw,40px);
  background:#fff;
  box-shadow:0 6px 24px rgba(0,0,0,0.1);
  border-radius:10px;
}
div.flow-wrap div + div.box{margin-top:40px;}

div.flow-wrap div.box div.label{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:80px;
  height:80px;
  padding-top:4px;
  margin-top:0;
  margin-bottom:auto;
  background:#0068B7;
  border-radius:40px;
}
div.flow-wrap div.box div.label span.min,
div.flow-wrap div.box div.label span.num{
  display:inline-block;
  font-family:var(--font-en);
  color:var(--font-wht);
  line-height:1;
}
div.flow-wrap div.box div.label span.num{font-size:36px;}
div.flow-wrap div.box div.label::after{
  position:absolute;
  content:"";
  left:50%;
  bottom:-60px;
  transform:translateX(-50%);
  width:6px;
  height:45px;
  background:url(../img/icon/dot.svg) center/contain no-repeat;
}
div.flow-wrap div.box div.img{
  width:clamp(160px,15.625vw,200px);
  height:clamp(160px,15.625vw,200px);
  border-radius:10px;
  background:#C5D0DE;
  margin-left:clamp(20px,3.125vw,40px);
}
div.flow-wrap div.box div.txt{
  width:calc(100% - clamp(280px,28.125vw,360px));
  margin-left:clamp(20px,3.125vw,40px);
}
div.flow-wrap div.box div.txt h2{text-align:left;}

div.flow-wrap div.box.end div.label::after{display:none;}
/* ご利用に必要なモノ */
div.contents.col{
  padding:clamp(30px,3.125vw,40px) clamp(20px,3.125vw,40px) clamp(20px,3.125vw,40px);
  background:#F6F9FC;
  border-radius:10px;
}
div.contents.col span.en,
div.contents.col h2{text-align:left;}
div.contents.col > p{width:max(480px,66%);}
div.need-wrap{
  display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
  margin-top:clamp(20px,3.125vw,40px);
}
div.need-wrap div.box{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:calc((100% - 20px)/2);
  margin-right:20px;
  padding:20px;
  background:#fff;
  box-shadow:0 6px 24px rgba(0,0,0,0.1);
  border-radius:10px;
}
div.need-wrap div.box:nth-child(2n){margin-right:0;}
div.need-wrap div.box:nth-child(n + 3){margin-top:20px;}
div.need-wrap div.box div.img{
  width:clamp(120px,15.625vw,160px);
  height:clamp(120px,15.625vw,160px);
  border-radius:10px;
  background:#C5D0DE;
}
div.need-wrap div.box div.txt{
  width:calc(100% - clamp(140px,17.578vw,180px));
  margin-top:10px;
}
div.need-wrap div.box div.txt h3{font-size:clamp(16px,1.875vw,24px);}
div.need-wrap div.box div.txt h3 + p{
  font-size:clamp(12px,1.25vw,16px);
  padding-top:0.5em;
}
@media screen and (max-width:1024px){

div.need-wrap div.box{
  flex-direction:column;
  width:calc((100% - clamp(10px,2.604vw,20px))/2);
  margin-right:clamp(10px,2.604vw,20px);
  padding:clamp(10px,2.604vw,20px);
}  
div.need-wrap div.box:nth-child(n + 3){margin-top:clamp(10px,2.604vw,20px);}
div.need-wrap div.box div.txt{width:100%;}

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

div.flow-wrap{
  width:640px;
  margin-left:auto;
  margin-right:auto;
}
div.flow-wrap div.box{
  position:relative;
  flex-direction:column;
  padding-bottom:clamp(20px,3.125vw,40px);
}
div.flow-wrap div.box div.label{
  position:absolute;
  top:0;
  left:0;
  flex-direction:row;
  width:auto;
  height:clamp(30px,5.208vw,40px);
  padding:2px 12px 0 8px;
  border-radius:10px 0 10px 0;
}
div.flow-wrap div.box div.label span.min,
div.flow-wrap div.box div.label span.num{font-size:clamp(12px,1.829vw,14px);}
div.flow-wrap div.box div.img{
  width:200px;
  height:200px;
  margin-left:0;
}
div.flow-wrap div.box div.txt{
  width:100%;
  margin:20px auto 0;
}

}
@media screen and (max-width:480px){

div.need-wrap{flex-direction:column;}  
div.need-wrap div.box{
  flex-direction:row;
  align-items:flex-start;
  width:100%;
  margin-right:0;
}
div.need-wrap div.box div.img{
  width:100px;
  height:100px;
}
div.need-wrap div.box div.txt{
  width:calc(100% - 110px);
  margin-top:0;
}
div.need-wrap div.box:nth-child(n + 2){margin-top:10px;}

}

/* 導入事例 */
div.case-wrap{
  display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
}
div.case-wrap a.box{
  display:flex;
  flex-direction:column;
  width:calc((100% - clamp(40px,6.25vw,80px))/3);
  color:var(--font-blk);
  margin-right:clamp(20px,3.125vw,40px);
  background:#fff;
  box-shadow:0 6px 24px rgba(0,0,0,0.1);
  border-radius:10px;
  transition:0.4s ease;
}
div.case-wrap a.box:nth-child(3n){margin-right:0;}
div.case-wrap a.box:nth-child(n + 4){margin-top:clamp(20px,3.125vw,40px);}

div.case-wrap a.box div.img{
  position:relative;
  width:100%;
  height:clamp(180px,18.75vw,240px);
  overflow:hidden;
  border-radius:10px 10px 0 0;
}
div.case-wrap a.box div.img img{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  max-width:clamp(330px,31.8125vw,420px);
  height:auto;
  transition:0.4s ease;
}
div.case-wrap a.box div.txt{padding:20px;}
div.case-wrap a.box .heading{
  font-size:var(--font-size03);
  text-align:left;
  transition:0.4s ease;
}
div.case-wrap a.box span.name{
  position:relative;
  display:inline-block;
  font-size:14px;
  font-weight:500;
  padding-left:26px;
  margin-top:10px;
  transition:0.4s ease;
}
div.case-wrap a.box span.name::before{
  position:absolute;
  content:"";
  top:50%;
  left:0;
  transform:translateY(-50%);
  display:inline-block;
  width:16px;
  height:2px;
  background:#23222F;
  transition:0.4s ease;
}
div.case-wrap a.box p{padding-top:10px;}
div.case-wrap a.box div.genre{
  display:flex;
  justify-content:flex-start;
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid #ccc;
}
div.case-wrap a.box div.genre span.label{
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:14px;
  line-height:1;
  height:30px;
  padding:0 0.8em;
  border:1px solid #ccc;
  border-radius:4px;
}
div.case-wrap a.box div.genre span.label + span.label{margin-left:10px;}

div.case-wrap a.box:hover{
  transform:translateY(5px);
  box-shadow:0 1px 1px rgba(0,0,0,0.1);
  border-radius:10px;
  transition:0.4s ease;
}
div.case-wrap a.box:hover div.img img{transform:translate(-50%,-50%) scale(1.1);}
div.case-wrap a.box:hover h2,
div.case-wrap a.box:hover span.name{color:var(--font-blue);}
div.case-wrap a.box:hover span.name::before{background:#0068B7;}

/* ページ送り */
div.pagenation{
  display:flex;
  justify-content:center;
  margin:40px auto 0;
}
div.pagenation span,
div.pagenation a{
  display:flex;
  justify-content:center;
  align-items:center;
  color:var(--font-blk);
  font-weight:500;
  width:40px;
  height:40px;
  border-radius:20px;
  background:#F6F9FC;
}
div.pagenation * + * {margin-left:20px;}
div.pagenation span{
  color:var(--font-wht);
  background:#0068B7;
}

@media screen and (max-width:1024px){

div.case-wrap a.box{
  width:calc((100% - 20px)/2);
  margin-right:20px;
}
div.case-wrap a.box:nth-child(3n){margin-right:20px;}
div.case-wrap a.box:nth-child(2n){margin-right:0;}
div.case-wrap a.box:nth-child(n + 3){margin-top:20px;}
div.case-wrap a.box div.img{height:min(27.343vw,280px);}
div.case-wrap a.box div.img img{max-width:clamp(240px,48.828vw,500px);}

}

@media screen and (max-width:480px){

div.case-wrap{
  flex-direction:column;
  width:330px;
  margin-left:auto;
  margin-right:auto;
}
div.case-wrap a.box{
  width:100%;
  margin-right:0;
}
div.case-wrap a.box:nth-child(n + 2){margin-top:20px;}  

div.case-wrap a.box div.img{height:200px;}
div.case-wrap a.box div.img img{max-width:360px;}

}

/* 2カラムコンテンツ */
div.column-type{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  width:1310px;
  margin:clamp(60px,7.8125vw,100px) auto 0;
  padding:0 15px;
}
div.column-type div.contents{
  width:calc(100% - min(28.906vw,370px));
  margin:0;
}
div.column-type div.side{
  position:sticky;
  top:0;
  width:min(25.78125vw,330px);
  height:100%;
}
/* other */
div.contents.other{
  padding:clamp(20px,4.6875vw,60px);
  background:#F6F9FC;
  border-radius:10px;
}
div.contents.other div.head{position:relative;}
div.contents.other div.head a.btn{
  position:absolute;
  right:0;
  bottom:0;
  width:220px;
  height:50px;
}
div.contents.other span.en,
div.contents.other h2{text-align:left;}
div.contents.other div.head p{width:max(480px,66%);}
div.contents.other div.case-wrap{margin-top:clamp(20px,3.125vw,40px);}
div.contents.other div.case-wrap a.box div.txt{padding:clamp(10px,2.604vw,20px);}

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

div.column-type{flex-direction:column;}
div.column-type div.contents{width:100%;}
div.column-type div.side{
  position:relative;
  width:100%;
  height:auto;
  margin-top:40px;
}
div.contents.other div.head a.btn{
  position:relative;
  margin:20px 0 0 auto;
}

}
@media screen and (max-width:480px){

div.contents.other div.case-wrap a.box div.txt{padding:20px;}

}

/* 事例　シングル */
div.single-style h1{
  font-size:var(--font-size_xlarge);
  font-weight:600;
  line-height:1.5;
}
div.single-style h1 + img{
  margin-top:clamp(20px,3.125vw,40px);
  height:auto;
}
div.single-style div.contents p{
  line-height:2;
  margin-top:20px;
}
div.single-style div.contents p.read{
  margin-top:20px;
  padding-bottom:clamp(20px,3.124vw,40px);
  border-bottom:1px solid #e0e0e0;
}
div.single-style div.contents img.thum{
  display:block;
  width:100%;
  border-radius:10px;
  margin-top:20px;
}
/* h2 */
div.single-style div.contents h2{text-align:left;}
div.single-style div.contents * + h2{margin-top:clamp(40px,4.6875vw,60px);}
div.single-style div.contents h2 + *{margin-top:20px;}
/* h3 */
div.single-style div.contents h3{
  position:relative;
  padding-left:15px;
}
div.single-style div.contents h3::before{
  position:absolute;
  content:"";
  top:6px;
  left:0;
  display:inline-block;
  width:5px;
  height:1em;
  background:#0068B7;
}
div.single-style div.contents * + h3{margin-top:clamp(20px,3.125vw,40px);}
div.single-style div.contents h3 + *{margin-top:20px;}
/* h4 */
div.single-style div.contents h4{
  font-size:var(--font-size02);
  font-weight:600;
}
div.single-style div.contents * + h4{margin-top:clamp(20px,3.125vw,40px);}
div.single-style div.contents h4 + *{margin-top:10px;}
/* ドット */
div.single-style div.contents ul.dot-li li{
  position:relative;
  font-size:var(--font-size01);
  line-height:2;
  padding-left:1em;
}
div.single-style div.contents ul.dot-li li + li{margin-top:10px;}
div.single-style div.contents ul.dot-li > li::before{
  position:absolute;
  top:clamp(12px,1.09375vw,14px);
  left:0;
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:3px;
  background:#0068B7;
}
div.single-style span.reason-heading{
  display:block;
  font-size:var(--font-size02);
  font-weight:600;
  margin-top:clamp(20px,3.125vw,40px);
}
div.single-style div.case-list{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  padding:clamp(20px,3.906vw,30px) 20px;
  margin-top:10px;
  background:#F6F9FC;
  border-radius:10px;
}
div.single-style div.case-list div.head{
  display:flex;
  justify-content:center;
  align-items:center;
  width:clamp(120px,12.5vw,160px);
}
div.single-style div.case-list div.head span.title{
  color:var(--font-blue);
  font-weight:600;
}
div.single-style div.case-list div.list{width:calc(100% - clamp(120px,12.5vw,160px));}

/* サイド */
div.single-style div.company-info{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:clamp(20px,3.125vw,40px) 20px 20px;
  background:#fff;
  border-radius:10px;
  box-shadow:0 6px 24px rgba(0,0,0,0.1);
}
div.single-style div.company-info img.c-logo{
  display:inline-block;
  vertical-align:bottom;
  width:200px;
}
div.single-style div.company-info dl{
  display:flex;
  flex-wrap:wrap;
  margin-top:clamp(10px,1.5625vw,20px);
}
div.single-style div.company-info dt,
div.single-style div.company-info dd{
  display:flex;
  align-items:center;
}
div.single-style div.company-info dt{
  position:relative;
  width:clamp(70px,6.25vw,80px);
  text-align:left;
  font-weight:600;
  padding:5px 0;
}
div.single-style div.company-info dd{
  width:calc(100% - clamp(80px,7.8125vw,100px));
  padding:5px 0;
}
div.single-style div.company-info dd.service{
  width:100%;
  padding:0;
}
@media screen and (max-width:480px){

div.single-style div.case-list{
  flex-direction:column;
  align-items:flex-start;
}
div.single-style div.case-list div.head{
  display:block;
  width:auto;
}
div.single-style div.case-list div.list{width:auto;}

}

/* アイテム 電話機・周辺機器のレンタル */
div.item-wrap{
  display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
}
div.item-wrap div.box{
  display:flex;
  flex-direction:column;
  width:calc((100% - clamp(40px,6.25vw,80px))/3);
  margin-right:clamp(20px,3.125vw,40px);
  background:#fff;
  box-shadow:0 6px 24px rgba(0,0,0,0.1);
  border-radius:10px;
  overflow:hidden;
}
div.item-wrap div.box:nth-child(3n){margin-right:0;}
div.item-wrap div.box:nth-child(n + 4){margin-top:clamp(20px,3.125vw,40px);}

div.item-wrap div.box div.img{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:20px 0;
  background:#F6F9FC;
}
div.item-wrap div.box div.img img{
  display:inline-block;
  vertical-align:bottom;
  mix-blend-mode:multiply;
  width:auto;
  max-height:220px;
}
div.item-wrap div.box div.txt{
  display:flex;
  flex-direction:column;
  height:100%;
  padding:20px;
}
div.item-wrap div.box .heading{
  font-size:var(--font-size03);
  text-align:left;
  margin:0;
}
div.item-wrap div.box div.price-wrap{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:20px;
}
div.item-wrap div.box div.price-wrap div.field span.label{
  display:block;
  font-size:var(--font-size_min);
  line-height:1;
  padding:6px 8px;
  border:1px solid #ccc;
  border-radius:4px;
}
div.item-wrap div.box div.price-wrap div.element span.price{
  display:inline-block;
  font-weight:500;
}
div.item-wrap div.box div.price-wrap div.element span.fee{
  display:inline-block;
  font-family:var(--font-en);
  color:var(--font-blue);
  font-size:var(--font-size03);
  font-weight:600;
  line-height:1;
  padding-right:0.25em;
}
div.item-wrap div.box div.txt p{
  line-height:2;
  padding-top:10px;
}
div.item-wrap div.box div.btn-wrap{margin:auto auto 0;}
div.item-wrap div.box div.btn-wrap a.btn{
  height:50px;
  margin-top:20px;
}
@media screen and (max-width:1024px) {

div.item-wrap div.box{
  width:calc((100% - clamp(20px,3.906vw,40px))/2);
  margin-right:clamp(20px,3.906vw,40px);
}
div.item-wrap div.box:nth-child(3n){margin-right:clamp(20px,3.906vw,40px);}
div.item-wrap div.box:nth-child(2n){margin-right:0;}
div.item-wrap div.box:nth-child(n + 3){margin-top:clamp(20px,3.906vw,40px);}

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

div.item-wrap div.box div.img img{max-height:150px;}
div.item-wrap div.box div.price-wrap{flex-direction:column;}
div.item-wrap div.box div.price-wrap div.field{width:100%;}
div.item-wrap div.box div.price-wrap div.field span.label{text-align:center;}
div.item-wrap div.box div.price-wrap div.element{margin-top:12px;}

}
@media screen and (max-width:480px) {

div.item-wrap{flex-direction:column;}
div.item-wrap div.box{
  width:100%;
  margin-right:0;
}
div.item-wrap div.box:nth-child(3n){margin-right:0;}
div.item-wrap div.box:nth-child(n + 2){margin-top:clamp(20px,3.125vw,40px);}

div.item-wrap div.box div.txt{height:inherit;}
div.item-wrap div.box div.price-wrap{flex-direction:row;}
div.item-wrap div.box div.price-wrap div.field{width:auto;}
div.item-wrap div.box div.price-wrap div.element{margin-top:0;}

}

/*　アイテム詳細　*/
div.item-type{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  width:1310px;
  margin:clamp(60px,7.8125vw,100px) auto 0;
  padding:0 15px;
}
div.item-type div.img,
div.item-type div.contents{
  width:calc((100% - clamp(20px,3.125vw,40px))/2);
  margin:0;
}
div.item-type div.img{text-align:center;}
div.item-type div.contents h1{
  font-family:var(--font-en);
  font-size:var(--font-size_xlarge);
  font-weight:600;
  line-height:1.3;
}
div.item-type div.contents h1 + p{padding-top:10px;}
div.item-type div.contents div.price-wrap{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:clamp(20px,3.125vw,40px);
}
div.item-type div.contents div.price-wrap div.field span.label{
  display:block;
  font-size:var(--font-size02);
  line-height:1;
  padding:6px;
  border:1px solid #ccc;
  border-radius:4px;
}
div.item-type div.contents div.price-wrap div.element span.price{
  display:inline-block;
  font-family:var(--font-en);
  font-size:var(--font-size03);
  font-weight:600;
}
div.item-type div.contents div.price-wrap div.element span.fee{
  display:inline-block;
  color:var(--font-blue);
  font-size:var(--font-size_xlarge);
  line-height:1;
  padding-right:0.25em;
}
div.item-type div.contents table.item-table{
  width:100%;
  border-spacing:0;
  border-collapse:separate;
  border:1px solid #e0e0e0;
  margin-top:20px;
  border-radius:10px;
  overflow:hidden;
}
div.item-type div.contents table.item-table tr th,
div.item-type div.contents table.item-table tr td{
  position:relative;
  font-size:var(--font-size_min);
  font-weight:500;
  line-height:1.5;
  padding:10px;
}
div.item-type div.contents table.item-table tr + tr td{border-top:1px solid #e0e0e0;}
div.item-type div.contents table.item-table tr th + th,
div.item-type div.contents table.item-table tr td + td{border-left:1px solid #e0e0e0;}
div.item-type div.contents table.item-table tr th{
  font-weight:600;
  background:#F6F9FC;
}
div.item-type div.contents table.item-table tr th:first-child{width:25%;}

@media screen and (max-width:1024px) {

div.item-type{
  flex-direction:column;
  width:670px;
}
div.item-type div.img,
div.item-type div.contents{width:100%;}
div.item-type div.img{height:inherit;}
div.item-type div.contents{margin-top:20px;}

}

/* よくある質問 */
div.search-form_wrapper{
  display:flex;
  justify-content:space-between;
  width:100%;
  padding:clamp(10px,4.6875vw,60px);
  border-radius:10px;
  background:#F6F9FC;
}
h2 + form{margin-top:40px;}
div.search-form_wrapper input[type="text"]{
  font-size:16px;
  display: inline-block;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius:6px;
  padding:clamp(8px,0.9375vw,12px);
  width:calc(100% - (max(100px,20%) + 10px));
  height:clamp(40px,4.6875vw,60px);
  vertical-align: middle;
  border: none;
  color:var(--font-blk);
  background: #fff;
  border:1px solid #ccc;
  box-sizing: border-box;
}
div.search-form_wrapper button{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:max(100px,20%);
  height:clamp(40px,4.6875vw,60px);
  color:#fff;
  font-size:clamp(14px,1.5625vw,20px);
  line-height:1;
  font-weight:500;
  letter-spacing:0.25pt;
  border-radius:6px;
  border:none;
  background:#23222F;
  transition:0.4s ease;
  cursor:pointer;
}
div.search-form_wrapper button:hover{opacity:0.7;}
div.search-form_wrapper button span{
  position:relative;
  padding-left:clamp(21px,3.125vw,40px);
}
div.search-form_wrapper button span::before{
  position:absolute;
  content:"";
  display:inline-block;
  top:50%;
  left:0;
  transform:translateY(-50%);
  width:clamp(16px,2.343vw,30px);
  height:clamp(16px,2.343vw,30px);
  background:url(../img/icon/search-i.svg) center/contain no-repeat;
}
div.faq-wrap{
  display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
  margin:clamp(20px,3.125vw,40px) auto 0;
}
div.faq-wrap a{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:calc((100% - clamp(30px,4.6875vw,60px))/4);
  color:var(--font-blk);
  font-weight:500;
  margin-right:clamp(10px,1.5625vw,20px);
  padding:120px clamp(10px,1.5625vw,20px) 20px;
  border-radius:10px;
  box-shadow:0 6px 24px rgba(0,0,0,0.1);
  background:#fff;
  transition:0.4s ease;
  transform:translateY(0);
}
div.faq-wrap a:hover{
  color:var(--font-blue);
  box-shadow:0 1px 1px rgba(0,0,0,0.1);
  transform:translateY(5px);
}
div.faq-wrap a:nth-child(4n){margin-right:0;}
div.faq-wrap a:nth-child(n + 5){margin-top:clamp(10px,1.5625vw,20px);}
div.faq-wrap a span.txt{
  position:relative;
  line-height:1;
  padding-right:clamp(20px,2.343vw,30px);
}
div.faq-wrap a span.txt::after{
  position:absolute;
  content:"";
  display:inline-block;
  top:50%;
  right:0;
  margin-top:1px;
  transform:translateY(-50%);
  width:clamp(16px,1.5625vw,20px);
  height:clamp(16px,1.5625vw,20px);
  background:url(../img/icon/arrow-i-blue.svg) center/contain no-repeat;
  transition:0.4s ease;
}
div.faq-wrap a:hover span.txt::after{right:-5px;}

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

div.faq-wrap a{
  width:calc((100% - clamp(10px,2.604vw,20px))/2);
  margin-right:clamp(10px,2.604vw,20px);
}
div.faq-wrap a:nth-child(4n){margin-right:clamp(10px,2.604vw,20px);}
div.faq-wrap a:nth-child(2n){margin-right:0;}
div.faq-wrap a:nth-child(n + 3){margin-top:clamp(10px,2.604vw,20px);}

}

/* よくある質問 詳細 */
div.area h2 + ul.faq-category-wrap{margin-top:40px}
ul.faq-category-wrap li{
  position:relative;
  background:#fff;
  border-radius:10px;
  box-shadow:0 6px 24px rgba(0,0,0,0.1);
  transition:0.4s ease;
}
ul.faq-category-wrap li::after{
  position:absolute;
  content:"";
  display:inline-block;
  top:50%;
  transform:translateY(-50%);
  right:clamp(15px,1.953vw,25px);
  width:clamp(20px,2.343vw,30px);
  height:clamp(20px,2.343vw,30px);
  background:url(../img/icon/arrow-i-blue.svg) center/contain no-repeat;
  transition:0.4s ease;
}
ul.faq-category-wrap li + li{margin-top:clamp(10px,1.5625vw,20px);}

ul.faq-category-wrap li a{
  position:relative;
  display:block;
  color:var(--font-blk);
  font-size:var(--font-size02);
  font-weight:600;
  line-height:1.5;
  padding:clamp(20px,3.125vw,40px) clamp(40px,4.6875vw,60px) clamp(20px,3.125vw,40px) clamp(60px,5.468vw,70px);
  transition:0.4s ease;
}
ul.faq-category-wrap li a::before{
  position:absolute;
  content:"";
  display:inline-block;
  top:50%;
  transform:translateY(-50%);
  left:clamp(20px,2.343vw,30px);
  width:24.16px;
  height:25.92px;
  background:url(../img/icon/q-i.svg) center/contain no-repeat;
}
ul.faq-category-wrap li:hover{
  background:#F6F9FC;
  transform:translateY(5px);
  box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
ul.faq-category-wrap li:hover::after{right:clamp(10px,1.5625vw,20px);}
ul.faq-category-wrap li:hover a{color:var(--font-blue);}

div.faq-type{margin-top:clamp(60px,7.8125vw,100px);}
div.faq-type span.label{
  display:inline-block;
  color:var(--font-wht);
  font-size:var(--font-size_min);
  font-weight:500;
  line-height:1;
  padding:6px 8px;
  background:#0068B7;
  border-radius:4px;
}
div.faq-type h1{
  font-size:var(--font-size_large);
  font-weight:600;
  line-height:1.5;
  padding-top:20px;
}
div.faq-type h1 + p{
  padding-top:clamp(20px,3.125vw,40px);
  margin-top:clamp(20px,3.125vw,40px);
  border-top:1px solid #e0e0e0;
}
div.faq-type p{line-height:2;}
div.faq-type p + p{padding-top:1em;}

/* 資料ダウンロード */
div.documents-wrap{
  display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
}
div.documents-wrap a.box{
  display:flex;
  flex-direction:column;
  width:calc((100% - clamp(40px,6.25vw,80px))/3);
  color:var(--font-blk);
  margin-right:clamp(20px,3.125vw,40px);
  background:#fff;
  box-shadow:0 6px 24px rgba(0,0,0,0.1);
  border-radius:10px;
  transition:0.4s ease;
}
div.documents-wrap a.box:nth-child(3n){margin-right:0;}
div.documents-wrap a.box:nth-child(n + 4){margin-top:clamp(20px,3.125vw,40px);}

div.documents-wrap a.box div.img{
  position:relative;
  width:100%;
  height:clamp(180px,18.75vw,240px);
  overflow:hidden;
  border-radius:10px 10px 0 0;
  background:#0068B7;
}
div.documents-wrap a.box div.img img{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:330px;
  max-width:80%;
  height:auto;
  transition:0.4s ease;
}
div.documents-wrap a.box div.txt{padding:20px;}
div.documents-wrap a.box .heading{
  font-size:var(--font-size03);
  text-align:left;
  transition:0.4s ease;
}
div.documents-wrap a.box p{padding-top:10px;}
div.documents-wrap a.box div.genre{
  display:flex;
  justify-content:flex-start;
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid #e0e0e0;
}
div.documents-wrap a.box div.genre span.label{
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:14px;
  line-height:1;
  height:30px;
  padding:0 0.8em;
  border:1px solid #ccc;
  border-radius:4px;
}
div.documents-wrap a.box div.genre span.label + span.label{margin-left:10px;}
div.documents-wrap a.box:hover{
  transform:translateY(5px);
  box-shadow:0 1px 1px rgba(0,0,0,0.1);
  border-radius:10px;
  transition:0.4s ease;
}
div.documents-wrap a.box:hover div.img img{transform:translate(-50%,-50%) scale(1.1);}
div.documents-wrap a.box:hover h2,
div.documents-wrap a.box:hover span.name{color:var(--font-blue);}
div.documents-wrap a.box:hover span.name::before{background:#0068B7;}

div.documents-wrap a.box span.btn{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  width:280px;
  height:50px;
  color:var(--font-blk);
  font-size:var(--font-size01);
  line-height:1;
  font-weight:600;
  letter-spacing:0.25pt;
  text-decoration:none;
  background:#fff;
  border:1px solid #ccc;
  transition:0.4s ease;
  border-radius:26px;
  margin:20px auto 0;
}
div.documents-wrap a.box span.btn::after{
  position:absolute;
  content:"";
  display:inline-block;
  top:50%;
  transform:translateY(-50%);
  right:20px;
  width:17.76px;
  height:15px;
  background:url(../img/icon/download-i-blue.svg) center/contain no-repeat;
  transition:0.4s ease;
}
div.documents-wrap a.box:hover span.btn{
  color:#0068B7;
  border-color:#0068B7;
}

@media screen and (max-width:1024px){

div.documents-wrap a.box{
  width:calc((100% - 20px)/2);
  margin-right:20px;
}
div.documents-wrap a.box:nth-child(3n){margin-right:20px;}
div.documents-wrap a.box:nth-child(2n){margin-right:0;}
div.documents-wrap a.box:nth-child(n + 3){margin-top:20px;}
div.documents-wrap a.box div.img{height:min(27.343vw,280px);}

}
@media screen and (max-width:480px){

div.documents-wrap{
  flex-direction:column;
  width:330px;
  margin-left:auto;
  margin-right:auto;
}
div.documents-wrap a.box{
  width:100%;
  margin-right:0;
}
div.documents-wrap a.box:nth-child(n + 2){margin-top:20px;}
div.documents-wrap a.box div.img{height:200px;}

}

/* 資料ダウンロード 詳細 */
div.documents-type{
  display:flex;
  justify-content:space-between;
  width:1310px;
  margin:clamp(60px,7.8125vw,100px) auto 0;
  padding:0 15px;  
}
div.documents-type div.contents{
  width:calc(100% - clamp(430px,46.093vw,590px));
  margin:0;
}
div.documents-type span.label{
  display:inline-block;
  color:var(--font-wht);
  font-size:var(--font-size_min);
  font-weight:500;
  line-height:1;
  padding:8px 10px;
  background:#0068B7;
  border-radius:4px;
}
div.documents-type h1{
  font-size:var(--font-size_large);
  font-weight:600;
  line-height:1.5;
  padding-top:10px;
}
div.documents-type h1 + p{
  font-weight:600;
  padding-top:10px;
}
div.documents-type div.contents span.heading{
  display:block;
  font-size:var(--font-size02);
  font-weight:600;
  margin-top:clamp(20px,3.125vw,40px);
}
div.documents-type ul.index{
  padding:clamp(15px,2.343vw,30px) clamp(20px,2.734vw,35px);
  background:#fff;
  box-shadow:0 6px 24px rgba(0,0,0,0.1);
  border-radius:10px;
  margin-top:10px;
}
div.documents-type ul.index li{
  position:relative;
  padding-left:30px;
}
div.documents-type ul.index li + li{margin-top:10px;}
div.documents-type ul.index li::before{
  position:absolute;
  content:"";
  display:inline-block;
  top:50%;
  transform:translateY(-50%);
  left:0;
  width:24px;
  height:24px;
  background:url(../img/icon/check-i02.svg) center/contain no-repeat;
}
/* ダウンロードフォーム */
div.documents-type div.form{
  width:clamp(390px,42.968vw,550px);
  padding:clamp(20px,3.125vw,40px);
  background:#F6F9FC;
  border-radius:10px;
}
div.documents-type div.form span.heading{
  display:inline-block;
  font-weight:600;
}
div.documents-type div.form div + span.heading{margin-top:clamp(10px,4.16vw,20px);}
div.documents-type div.form span.required{
  position:relative;
  top:-1px;
  color:var(--font-wht);
  font-size:12px;
  font-weight:500;
  line-height:1;
  padding:2px 4px;
  margin-right:0.5em;
  background:#DE3535;
  border-radius:2px;
}
div.documents-type div.form p{
  font-size:12px;
  margin-top:0.25em;
}
div.documents-type div.form div.box{margin-top:5px;}
div.documents-type input[type="text"],
div.documents-type input[type="email"],
div.documents-type input[type="tel"],
div.documents-type textarea,
div.documents-type select{
  display: inline-block;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size:16px;
  border-radius:6px;
  padding:clamp(8px,0.9375vw,12px);
  width:100%;
  height:clamp(40px,3.906vw,50px);
  vertical-align: middle;
  border: none;
  color:var(--font-blk);
  background: #fff;
  border:1px solid #ccc;
}
div.documents-type textarea{height:clamp(150px,15.625vw,200px);}
div.documents-type div.form div.select{position:relative;}
div.documents-type div.form div.select::after{
  position: absolute;
  content:"";
  display:inline-block;
  right:clamp(15px,1.5625vw,20px);
  top: 50%;
  transform:translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-right:2px solid #ccc;
  border-bottom:2px solid #ccc;
  padding:0;
  transition:0.3s ease;
}
div.documents-type div.download-btn{
  position:relative;
  display:block;
  width:330px;
  transition:0.4s ease;
  transform:translateY(0);
  margin:clamp(20px,3.125vw,40px) auto 0;
}
div.documents-type div.download-btn .wpcf7-spinner{display:none;}

div.documents-type div.download-btn::after{
  position:absolute;
  content:"";
  top:50%;
  transform:translateY(-50%);
  right:20px;
  display:inline-block;
  width:clamp(16px,1.5625vw,20px);
  height:clamp(16px,1.5625vw,20px);
  background:url(../img/icon/download-i.svg) center/contain no-repeat;
  transition:0.4s ease;
  z-index:1;
}
div.documents-type div.download-btn:hover{transform:translateY(5px);}
div.documents-type input[type="submit"]{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:60px;
  color:#fff;
  line-height:1;
  font-weight:500;
  letter-spacing:0.25pt;
  padding:0;
  margin:0;
  border-radius:30px;
  border:none;
  background: linear-gradient(90deg, #ebac65, #f0840a);
  cursor:pointer;
}
div.documents-type div.download-btn + p{margin-top:10px;}

div.contents.other div.documents-wrap{margin-top:clamp(20px,3.125vw,40px);}
div.contents.other div.documents-wrap a.box div.txt{padding:clamp(10px,2.604vw,20px);}

@media screen and (max-width:1024px) {

div.documents-type{
  flex-direction:column;
  width:670px;
}
div.documents-type div.contents,
div.documents-type div.form{width:auto;}
div.documents-type div.form{margin-top:20px;}

}
@media screen and (max-width:480px){
div.contents.other div.documents-wrap a.box div.txt{padding:20px;}
}

/* お役立ち記事 */
div.articles-wrap{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;  
}
div.articles-wrap a.box{
  width:calc((100% - clamp(20px,3.125vw,40px))/2);
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 6px 24px rgba(0,0,0,0.1);
  transition:0.4s ease;
}
div.articles-wrap a.box:nth-child(n + 3){margin-top:clamp(20px,3.125vw,40px);}

div.articles-wrap a.box div.img img{
  width:100%;
  height:auto;
}
div.articles-wrap a.box div.txt{padding:clamp(15px,1.5625vw,20px);}
div.articles-wrap a.box span.day{
  display:inline-block;
  color:var(--font-gry);
  font-size:var(--font-size_min);
  font-weight:600;
  line-height:1;
}
div.articles-wrap a.box .heading{
  color:var(--font-blk);
  font-size:var(--font-size03);
  text-align:left;
  transition:0.2s ease;
  padding-top:0.25em;
  margin:0;
}
div.articles-wrap a.box div.cat{
  display:flex;
  margin-top:clamp(15px,1.5625vw,20px);
  padding-top:clamp(15px,1.5625vw,20px);
  border-top:1px solid #e0e0e0;
}
div.articles-wrap a.box div.cat span.label{
  color:var(--font-blk);
  font-size:var(--font-size_min);
  line-height:1;
  padding:6px 8px;
  border:1px solid #ccc;
  border-radius:4px;
}
div.articles-wrap a.box div.cat span.label + span.label{margin-left:10px;}
div.articles-wrap a.box:hover{
  transform:translateY(5px);
  box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
div.articles-wrap a.box:hover h2{color:var(--font-blue);}

div.articles div.side-nav{
  padding:clamp(20px,2.343vw,30px) clamp(10px,1.5625vw,20px) 10px;
  margin-top:20px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 6px 24px rgba(0,0,0,0.1);
}
div.articles div.side-nav span.category-label{
  position:relative;
  display:inline-block;
  color:var(--font-blue);
  font-size:var(--font-size02);
  font-weight:600;
  line-height:1;
  padding-left:30px;
}
div.articles div.side-nav span.category-label::before{
  position:absolute;
  content:"";
  display:inline-block;
  top:50%;
  left:0;
  transform:translateY(-50%);
  width:21.33px;
  height:20px;
  background:url(../img/icon/category-i.svg) center/contain no-repeat;
}
div.articles div.side-nav nav{margin-top:10px;}
div.articles div.side-nav nav ul li + li{border-top:1px solid #e0e0e0;}
div.articles div.side-nav nav ul li a{
  position:relative;
  display:block;
  color:var(--font-blk);
  font-weight:600;
  padding:clamp(10px,1.5625vw,20px) clamp(20px,3.125vw,40px) clamp(10px,1.5625vw,20px) 0;
  transition:0.4s ease;
}
div.articles div.side-nav nav ul li a:hover{color:var(--font-blue);}
div.articles div.side-nav nav ul li a::after{
  position:absolute;
  display:inline-block;
  content:"";
  top:50%;
  right:5px;
  transform:translateY(-50%);
  width:clamp(16px,1.5625vw,20px);
  height:clamp(16px,1.5625vw,20px);
  background:url(../img/icon/arrow-i-blue.svg) center/contain no-repeat;
  transition:0.4s ease;
}
div.articles div.side-nav nav ul li a:hover::after{right:0;}
div.articles a.bnr-link{
  display:block;
  width:900px;
  transition:0.4s ease;
  box-shadow:0 6px 24px rgba(0,0,0,0.1);
  margin:0 auto;
}
div.articles * + a.bnr-link{margin-top:20px;}
div.articles a.bnr-link:hover{transform:scale(1.05);}
div.articles a.bnr-link img{
  display:inline-block;
  vertical-align:bottom;
  width:100%;
}
div.articles div.side a.bnr-link{width:390px;}

div.articles h1.category-h1{
  font-size:var(--font-size_xlarge);
  font-weight:600;
  line-height:1.5;
}
div.articles h1.category-h1 + div{margin-top:clamp(20px,3.125vw,40px);}

div.articles-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
div.articles-heading + h1{margin-top:10px;}
div.articles-heading span.label{
  display:inline-block;
  color:var(--font-wht);
  font-size:14px;
  font-weight:500;
  line-height:1;
  padding:8px 10px;
  background:#0068B7;
  border-radius:4px;
}
div.articles-heading span.date{
  position:relative;
  display:inline-block;
  color:var(--font-gry);
  font-size:14px;
  line-height:1;
  padding-left:28px;
}
div.articles-heading span.date::before{
  position:absolute;
  content:"";
  display:inline-block;
  top:50%;
  left:0;
  transform:translateY(-50%);
  width:20px;
  height:20px;
  background:url(../img/icon/calendar-i.svg) center/contain no-repeat;
}

/* 関連記事 */
div.other div.articles-wrap{margin-top:clamp(20px,3.125vw,40px);}
div.other div.articles-wrap a.box{width:calc((100% - clamp(30px,4.6875vw,60px))/3);}
div.other div.articles-wrap a.box:nth-child(n + 3){margin-top:0;}
div.other div.articles-wrap a.box:nth-child(n + 4){margin-top:clamp(10px,1.5625vw,20px);}

@media screen and (max-width:1024px){

div.other div.articles-wrap a.box{width:calc((100% - clamp(10px,1.953vw,20px))/2);}
div.other div.articles-wrap a.box:nth-child(n + 2){margin-top:0;}
div.other div.articles-wrap a.box:nth-child(n + 3){margin-top:clamp(10px,1.953vw,20px);}

}
@media screen and (min-width:769px) and (max-width:1024px){

div.articles-wrap a.box{width:100%;}
div.articles-wrap a.box:nth-child(n + 2){margin-top:20px;}
div.articles-wrap a.box div.txt{padding:20px;}

}
@media screen and (max-width:768px){
  
div.articles-wrap a.box div.txt{padding:20px;}
div.articles div.side-nav{padding:40px 20px 10px;}  
div.articles div.side-nav nav ul li a{padding:20px 40px 20px 0;}

}
@media screen and (max-width:480px){

div.articles-wrap a.box{width:100%;}
div.articles-wrap a.box:nth-child(n + 2){margin-top:20px;}

div.other div.articles-wrap {
  width:330px;
  margin-left:auto;
  margin-right:auto;
}
div.other div.articles-wrap a.box{width:100%;}
div.other div.articles-wrap a.box:nth-child(n + 2){margin-top:20px;}
div.other div.articles-wrap a.box div.txt{padding:20px;}

}


/* 会社概要 */
dl.company-dl{
  display:flex;
  flex-wrap:wrap;
}
dl.company-dl dt,
dl.company-dl dd{
  display:flex;
  justify-content:center;
  align-items:center;
  font-weight:500;
}
dl.company-dl dt{
  position:relative;
  width:clamp(120px,26.04vw,200px);
  text-align:center;
  padding:40px 0;
  border-bottom:1px solid #23222F;
}
dl.company-dl dd{
  position:relative;
  justify-content:flex-start;
  width:calc(100% - clamp(120px,26.04vw,200px));
  padding:40px 0 40px clamp(10px,2.604vw,20px);
  border-bottom:1px solid #e0e0e0;
}

div.ifram-wrap{
  position:relative;
  width:100%;
  height:clamp(220px,50vw,500px);
  margin-top:20px;
  border-radius:10px;
  overflow:hidden;
}
div.ifram-wrap iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/* 利用規約 */
div.textbase p{line-height:2;}
div.textbase p.read + span.heading{
  padding-top:clamp(20px,3.125vw,40px);
  margin-top:clamp(20px,3.125vw,40px);
  border-top:1px solid #e0e0e0;
}
div.textbase span.heading{
  display:block;
  font-size:var(--font-size02);
  font-weight:600;
}
div.textbase span.heading + *,
div.textbase span.sub-head + *{margin-top:clamp(10px,2vw,20px);}
div.textbase ul.num-li + span.heading,
div.textbase p + span.heading{margin-top:clamp(20px,4vw,40px);}
div.textbase p + p{margin-top:1em;}

div.textbase span.sub-head{
  position:relative;
  display:block;
  font-size:var(--font-size02);
  font-weight:600;
  line-height:1.3;
  padding-left:10px;
  border-left:4px solid #23222F;
}

div.textbase ul.num-li{
  counter-reset: listnum;
	list-style: none;
}
div.textbase ul.num-li li{
  position:relative;
  font-size:var(--font-size01);
  line-height:2;
  padding-left:20px;
}
div.textbase ul.num-li > li::before{
  position:absolute;
  left:0;
  counter-increment: listnum;
  content: counter(listnum)".";
}
div.textbase ul.num-li li + li{margin-top:0.5em;}
div.textbase ul ul{margin-top:10px;}

/* 背景色付き */
div.textbase ul.num-li.type02 > li{padding-left:26px;}
div.textbase ul.num-li.type02 > li::before{
  top:clamp(4px,0.46875vw,6px);
  display:flex;
  justify-content:center;
  align-items:center;
  color:#fff;
  font-size:12px;
  font-weight:500;
  line-height:1;
  width:20px;
  height:20px;
  content:counter(listnum);
  background:#23222F;
  border-radius:10px;
}
/* かっこ付き */
div.textbase ul.num-li.type03 > li{padding-left:26px;}
div.textbase ul.num-li.type03 > li::before{content: "("counter(listnum)")";}
/* ドット */
div.textbase ul.dot-li li{
  position:relative;
  font-size:var(--font-size01);
  line-height:2;
  padding-left:1em;
}
div.textbase ul.dot-li > li::before{
  position:absolute;
  top:clamp(12px,1.09375vw,14px);
  left:0;
  content:"";
  width:6px;
  height:6px;
  background:#23222F;
  border-radius:3px;
}
/* 何もなし */
div.textbase ul.non-li li{padding-left:0;}

/* i タイプ */
div.textbase ul.num-li.type04 li{padding-left:30px;}
div.textbase ul.num-li.type04 > li::before{
  position:absolute;
  left:0;
  content: counter(listnum, lower-roman)".";
}

div.textbase .r-txt{
  text-align:right;
  margin-top:1em;
}


/* お知らせ */
ul.news-wrap li a{
  position:relative;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  font-weight:500;
  padding:clamp(20px,2.734vw,35px) 60px clamp(20px,2.734vw,35px) 0;
  border-bottom:1px solid #C5D0DE;
  transition:0.4s ease;
}
ul.news-wrap li a::after {
  position: absolute;
  content:"";
  display:inline-block;
  right:20px;
  top: 50%;
  transform:translateY(-50%) rotate(45deg);
  width: 12px;
  height: 12px;
  border-top:2px solid #C5D0DE;
  border-right:2px solid #C5D0DE;
  margin:0;
  padding:0;
  transition:0.4s ease;
}
ul.news-wrap li a span + span{margin-left:20px;}
ul.news-wrap li a span.day{color:var(--font-blue);}
ul.news-wrap li a span.cat{
  width:100px;
  height:26px;
  color:var(--font-blk);
  font-size:12px;
  text-align:center;
  line-height:24px;
  border:1px solid #212C2A;
  border-radius:14px;
  transition:0.4s ease;
}
ul.news-wrap li a span.title{color:var(--font-blk);}
ul.news-wrap li a:hover{border-color:#0068B7;}
ul.news-wrap li a:hover::after {
  right:10px;
  border-top-color:#0068B7;
  border-right-color:#0068B7;
}
ul.news-wrap li a:hover span.cat{
  color:var(--font-wht);
  background:#0068B7;
  border-color:#0068B7;
}
ul.news-wrap li a:hover span.title{color:var(--font-blue);}

div.news-type{margin-top:clamp(60px,7.8125vw,100px);}
div.news-type span.label{
  display:inline-block;
  color:var(--font-wht);
  font-size:var(--font-size_min);
  font-weight:500;
  line-height:1;
  padding:6px 8px;
  background:#0068B7;
  border-radius:4px;
}
div.news-type h1{
  font-size:var(--font-size_large);
  font-weight:600;
  line-height:1.5;
  padding-top:20px;
}
div.news-type h1 + p{
  padding-top:clamp(20px,3.125vw,40px);
  margin-top:clamp(20px,3.125vw,40px);
  border-top:1px solid #e0e0e0;
}
div.news-type p{line-height:2;}
div.news-type p + p{padding-top:1em;}

div.news-type div.heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
div.news-type div.heading span.label{
  display:inline-block;
  color:var(--font-wht);
  font-size:14px;
  font-weight:500;
  line-height:1;
  padding:8px 10px;
  background:#0068B7;
  border-radius:4px;
}
div.news-type div.heading span.date{
  position:relative;
  display:inline-block;
  color:var(--font-gry);
  font-size:14px;
  line-height:1;
  padding-left:28px;
}
div.news-type div.heading span.date::before{
  position:absolute;
  content:"";
  display:inline-block;
  top:50%;
  left:0;
  transform:translateY(-50%);
  width:20px;
  height:20px;
  background:url(../img/icon/calendar-i.svg) center/contain no-repeat;
}

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

ul.news-wrap li a{flex-wrap:wrap;}  
ul.news-wrap li a span.title{
  width:100%;
  margin:5px 0 0;
}
ul.news-wrap li a span + span{margin-left:10px;}
ul.news-wrap li a::after {
  right:10px;
  width: 8px;
  height: 8px;
}  

}


/* サイトマップ */
ul.sitemap-wrap li a{
  position:relative;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  color:var(--font-blk);
  font-size:var(--font-size02);
  font-weight:500;
  padding:clamp(20px,2.734vw,35px) 60px clamp(20px,2.734vw,35px) 0;
  border-bottom:1px solid #C5D0DE;
  transition:0.4s ease;
}
ul.sitemap-wrap li a::after {
  position: absolute;
  content:"";
  display:inline-block;
  right:20px;
  top: 50%;
  transform:translateY(-50%) rotate(45deg);
  width: 12px;
  height: 12px;
  border-top:2px solid #C5D0DE;
  border-right:2px solid #C5D0DE;
  margin:0;
  padding:0;
  transition:0.4s ease;
}
ul.sitemap-wrap li a:hover{
  color:var(--font-blue);
  border-color:#0068B7;
}
ul.sitemap-wrap li a:hover::after {
  right:10px;
  border-top-color:#0068B7;
  border-right-color:#0068B7;
}
@media screen and (max-width:768px){

ul.sitemap-wrap li a::after {
  right:10px;
  width: 8px;
  height: 8px;
}  

}