@charset 'utf-8';
/***** Width *****/
.baseW {
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 750px) {
  .baseW {
    width: 100%;
    min-width: auto;
  }
  .baseSpW {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}
/***** Color *****/
.cBaseBlue {
  color: #04b6df;
}
.cBaseLBlue {
  color: #1eb9ee;
  /*#17a3d3;*/
}
.cBaseRed {
  color: #c2143e;
}
.cBaseRed02 {
  color: #d5454f;
}
.cBaseRed03 {
  color: #e00000;
}
.cBaseLPink {
  color: #ef858c;
}
.cBaseGray {
  color: #9fa0a0;
}
.cBaseGreen {
  color: #8ec555;
  /*#4f890f;*/
}
.cBaseOrange {
  color: #f6ad54;
}
.cBasePurple {
  color: #6c9bd2;
}
.cBaseYellow {
  color: #f9c03c;
}
.txtMarker01 {
  background: linear-gradient(transparent 1%, #ffe63d 1%);
}
/* a */
a.textlink {
  text-decoration: underline;
}
/***** TtlBase01 *****/
.ttlBase01 {
  height: 288px;
  text-align: center;
}
@media all and (max-width: 750px) {
  .ttlBase01 {
    height: 32vw;
  }
}
.pageCampaign .ttlBase01 {
  height: auto;
  min-height: 288px;
}
@media all and (max-width: 750px) {
  .pageCampaign .ttlBase01 {
    height: auto;
    min-height: 32vw;
  }
}
.ttlBase01 .ttlSub {
  display: block;
  margin-bottom: 50px;
}
@media all and (max-width: 750px) {
  .ttlBase01 .ttlSub {
    margin-bottom: 3vw;
  }
}
.pageAbout .ttlBase01 .ttlSub,
.pageApp .ttlBase01 .ttlSub,
.pageCard .ttlBase01 .ttlSub,
.pageHealth .ttlBase01 .ttlSub,
.pageMachipi .ttlBase01 .ttlSub,
.pageMachica .ttlBase01 .ttlSub,
.pageMachiket .ttlBase01 .ttlSub,
.pageMachine .ttlBase01 .ttlSub,
.pageMap .ttlBase01 .ttlSub,
.pageSecurity .ttlBase01 .ttlSub {
  margin-bottom: 27px;
  padding-top: 9px;
}
@media all and (max-width: 750px) {
  .pageAbout .ttlBase01 .ttlSub,
  .pageApp .ttlBase01 .ttlSub,
  .pageCard .ttlBase01 .ttlSub,
  .pageHealth .ttlBase01 .ttlSub,
  .pageMachipi .ttlBase01 .ttlSub,
  .pageMachica .ttlBase01 .ttlSub,
  .pageMachiket .ttlBase01 .ttlSub,
  .pageMachine .ttlBase01 .ttlSub,
  .pageMap .ttlBase01 .ttlSub,
  .pageSecurity .ttlBase01 .ttlSub {
    margin-bottom: 2vw;
    padding-top: 0;
  }
}
.pageCashless .ttlBase01 .ttlSub {
  margin-bottom: 13px;
}
@media all and (max-width: 750px) {
  .pageCashless .ttlBase01 .ttlSub {
    margin-bottom: 1vw;
  }
}
.pageMynapointInfo .ttlBase01 .ttlSub {
  margin-bottom: 27px;
}
@media all and (max-width: 750px) {
  .pageMynapointInfo .ttlBase01 .ttlSub {
    margin-bottom: 1vw;
  }
}
.ttlBase01 .txtYM {
  display: none;
}
@media all and (max-width: 750px) {
  .ttlBase01 .ttlSub img {
    width: 30%;
  }
  .pageAbout .ttlBase01 .ttlSub img,
  .pageApp .ttlBase01 .ttlSub img,
  .pageCard .ttlBase01 .ttlSub img {
    width: 40%;
  }
  .pageMachiket .ttlBase01 .ttlSub img {
    width: 40%;
  }
}
.ttlBase01 .ttlMain {
  display: block;
  letter-spacing: 0.12em;
  font-size: 3.9rem;
  font-weight: 700;
}
@media all and (max-width: 750px) {
  .ttlBase01 .ttlMain {
    font-size: 1.4rem;
  }
}
.pageAbout .ttlBase01 .ttlMain,
.pageApp .ttlBase01 .ttlMain,
.pageCard .ttlBase01 .ttlMain,
.pageHealth .ttlBase01 .ttlMain,
.pageMachipi .ttlBase01 .ttlMain,
.pageMachica .ttlBase01 .ttlMain,
.pageMachiket .ttlBase01 .ttlMain,
.pageMachine .ttlBase01 .ttlMain,
.pageMap .ttlBase01 .ttlMain,
.pageSecurity .ttlBase01 .ttlMain,
.pageRegulation .ttlBase01 .ttlMain {
  font-size: 2.8rem;
}
@media all and (max-width: 750px) {
  .pageAbout .ttlBase01 .ttlMain,
  .pageApp .ttlBase01 .ttlMain,
  .pageCard .ttlBase01 .ttlMain,
  .pageHealth .ttlBase01 .ttlMain,
  .pageMachipi .ttlBase01 .ttlMain,
  .pageMachica .ttlBase01 .ttlMain,
  .pageMachiket .ttlBase01 .ttlMain,
  .pageMachine .ttlBase01 .ttlMain,
  .pageMap .ttlBase01 .ttlMain,
  .pageSecurity .ttlBase01 .ttlMain {
    font-size: 1.3rem;
  }
  .pageRegulation .ttlBase01 .ttlMain {
    font-size: 1rem;
  }
}
.pageCampaign .ttlBase01 .ttlMain {
  width: 700px;
  margin: 0 auto;
  line-height: 1.3;
  font-size: 2.7rem;
}
@media all and (max-width: 750px) {
  .pageCampaign .ttlBase01 .ttlMain {
    width: 62%;
    letter-spacing: normal;
    font-size: 1.3rem;
  }
}
.pageCashless .ttlBase01 .ttlMain {
  line-height: 1.3;
  letter-spacing: 0.05em;
  font-size: 3.6rem;
}
@media all and (max-width: 750px) {
  .pageCashless .ttlBase01 .ttlMain {
    font-size: 1.1rem;
  }
}
/* 複数行見出し */
.ttlBase01.multiLineTitle .ttlSub {
  padding-top: 0;
  margin-bottom: 23px;
}
.ttlBase01.multiLineTitle .ttlSub img {
  width: 293px;
}
.ttlBase01.multiLineTitle .ttlMain {
  line-height: 1.4;
  font-size: 2.8rem;
}
@media all and (max-width: 750px) {
  .ttlBase01.multiLineTitle .ttlSub {
    margin-bottom: 1vw;
  }
  .ttlBase01.multiLineTitle .ttlSub img {
    width: 30%;
  }
  .ttlBase01.multiLineTitle .ttlMain {
    line-height: 1.2;
    letter-spacing: 0.01em;
    font-size: 1.1rem;
  }
}
/* マイナポイント */
.pageMynapoint .ttlBase01 .ttlMain {
  font-size: 2.55rem;
}
@media all and (max-width: 750px) {
  .pageMynapoint .ttlBase01 .ttlMain {
    font-size: 1.1rem;
  }
}
@media all and (max-width: 750px) {
  .pageMachioko .ttlBase01 .ttlMain img {
    width: 55%;
  }
}
/***** BaseCom *****/
.boxBaseCom {
  line-height: 1.7;
  letter-spacing: 0.05em;
  font-size: 1.03rem;
}
@media all and (max-width: 750px) {
  .boxBaseCom {
    font-size: 4vw;
  }
}
.boxBaseCom p {
  margin-bottom: 24px;
}
@media all and (max-width: 750px) {
  .boxBaseCom p {
    margin-bottom: 9%;
  }
}
.boxBaseCom p:last-child {
  margin-bottom: 0;
}
.fontMin {
  /* font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; */
  /*font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;*/
  /*font-family: "Hiragino Mincho W3 JIS2004", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fontEn {
  font-family: Verdana, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Meiryo UI", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}
.fontNum {
  /*font-family: "Times New Roman",Times,Arial,Helvetica,"Arial Black","Comic Sans MS",Courier,"Courier New",Georgia,Impact,"Trebuchet MS",Verdana;*/
  font-family: 'Montserrat', sans-serif;
}
.fontB {
  font-weight: 700;
}
.fontI {
  font-style: italic;
}
.underline {
  text-decoration: underline;
}
/* boxImg */
.boxImg {
  margin: 0;
}
/***** chk Img *****/
.boxChkImg {
  position: relative;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 150px;
}
@media all and (max-width: 640px) {
  .boxChkImg {
    height: 150px;
  }
}
.boxChkImg .chkImg {
  max-width: none;
  height: auto;
}
.boxChkImg .chkImg.horizontalImg {
  width: 100%;
  height: auto;
}
.boxChkImg .chkImg.verticalImg {
  width: auto;
  height: 100%;
}
/***** imgBaseEyecatch *****/
.boxBaseEyecatch {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.imgBaseEyecatch {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: auto;
  max-width: none;
  height: 100%;
}
.imgBaseEyecatch.horizontalImg {
  width: auto;
  height: 100%;
}
.imgBaseEyecatch.verticalImg {
  width: 100%;
  height: auto;
}
/***** Link Telno ******/
.linkBaseTelno {
  pointer-events: none;
  cursor: auto;
}
@media all and (max-width: 750px) {
  .linkBaseTelno {
    pointer-events: auto;
  }
}
/***** Link External *****/
.linkBaseExternal {
  padding-left: 28px;
  background-image: url('../../images/common/icn-external-link01.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto auto;
}
@media all and (max-width: 750px) {
  .linkBaseExternal {
    padding: 1vw 0 1vw 7vw;
    background-image: url('../../images/common/icn-external-link01.png');
    background-size: 16% auto;
  }
}
/***** P Base One ******/
.pBaseOne {
  margin-bottom: 20px;
  letter-spacing: 0.1em;
  font-size: 1.13rem;
}
@media all and (max-width: 750px) {
  .pBaseOne {
    margin-bottom: 8%;
    letter-spacing: 0.1em;
    font-size: 4.3vw;
  }
}
/***** ulBase01 *****/
.ulBase01 li:before {
  content: '・';
  margin-right: 0.3em;
}
/***** ulBase02 *****/
.ulBase02 {
  padding-left: 20px;
}
@media all and (max-width: 750px) {
  .ulBase02 {
    padding-left: 0;
  }
}
.ulBase02 li {
  margin-bottom: 9px;
  padding-left: 20px;
  background-image: url('../../images/common/libase02-deco01.png');
  background-repeat: no-repeat;
  background-position: left 0.4em;
  background-size: 8px auto;
  line-height: 1.5;
  font-size: 1.17rem;
}
@media all and (max-width: 750px) {
  .ulBase02 li {
    margin-bottom: 5%;
    padding-left: 5%;
    background-position: left 0.3em;
    background-size: 2.5% auto;
    font-size: 4.3vw;
  }
}
.ulBase02 li:last-child {
  margin-bottom: 0;
}
/***** ulBase03 *****/
.ulBase03 li {
  margin-bottom: 6px;
  padding-left: 12px;
  background-image: url('../../images/common/libase03-deco01.png');
  background-repeat: no-repeat;
  background-position: left 0.4em;
  background-size: 4px auto;
  text-align: left;
  line-height: 1.5;
  font-size: 1.17rem;
}
@media all and (max-width: 750px) {
  .ulBase03 li {
    margin-bottom: 5%;
    padding-left: 4.5%;
    background-position: left 0.6em;
    background-size: 1.5% auto;
    font-size: 4.5vw;
  }
}
.ulBase03 li:last-child {
  margin-bottom: 0;
}
/***** Base No Image *****/
.boxBaseNoImage {
  display: table;
  width: 100%;
  height: 200px;
  background-color: #ccc;
  text-align: center;
  font-size: 1.2rem;
}
@media all and (max-width: 750px) {
  .boxBaseNoImage {
    width: 100%;
    height: 60vw;
    font-size: 5vw;
  }
}
.boxBaseNoImage span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
/***** Base Error *****/
.boxBaseError {
  color: #ff0000;
}
/***** Link Btn Base01 *****/
.linkBtnBase01 {
  display: table;
  border: 1px #333 solid;
}
.linkBtnBase01.type02 {
  transform: skew(-20deg);
}
@media all and (-ms-high-contrast: none) {
  .linkBtnBase01 {
    padding-top: 0.5em;
  }
}
.linkBtnBase01 > span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.linkBtnBase01.type02 > span {
  transform: skew(20deg);
}
/***** Link Btn Base02 *****/
.linkBtnBase02 {
  display: table;
  border: 1px #333 solid;
}
.linkBtnBase02 > span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/***** 【 BaseModule 】 *****/
.isPc {
  display: none;
  width: 1px;
}
@media all and (max-width: 750px) {
  .isSp {
    display: none;
    width: 2px;
  }
}
.dPc {
  display: block !important;
}
@media all and (max-width: 750px) {
  .dPc,
  .dTb {
    display: none !important;
  }
}
.dPcFlex {
  display: -webkit-flex !important;
  display: flex !important;
}
@media all and (max-width: 750px) {
  .dPcFlex,
  .dTbFlex {
    display: none !important;
  }
}
.dPcInline {
  display: inline !important;
}
@media all and (max-width: 750px) {
  .dPcInline,
  .dTbInline {
    display: none !important;
  }
}
.dPcInB {
  display: inline-block !important;
}
@media all and (max-width: 750px) {
  .dPcInB,
  .dTbInB {
    display: none !important;
  }
}
.dPcTb {
  display: table !important;
}
@media all and (max-width: 750px) {
  .dPcTb,
  .dTbTb {
    display: none !important;
  }
}
.dPcLi {
  display: list-item !important;
}
@media all and (max-width: 750px) {
  .dPcLi,
  .dTbLi {
    display: none !important;
  }
}
.dTb,
.dSp {
  display: none !important;
}
@media all and (max-width: 750px) {
  .dSp {
    display: block !important;
  }
}
.dTbFlex,
.dSpFlex {
  display: none !important;
}
@media all and (max-width: 750px) {
  .dSpFlex {
    display: -webkit-flex !important;
    display: flex !important;
  }
}
.dTbInline,
.dSpInline {
  display: none !important;
}
@media all and (max-width: 750px) {
  .dSpInline {
    display: inline !important;
  }
}
.dTbInB,
.dSpInB {
  display: none !important;
}
@media all and (max-width: 750px) {
  .dSpInB {
    display: inline-block !important;
  }
}
.dTbTb,
.dSpTb {
  display: none !important;
}
@media all and (max-width: 750px) {
  .dSpTb {
    display: table !important;
  }
}
.dTbLi,
.dSpLi {
  display: none !important;
}
@media all and (max-width: 750px) {
  .dSpLi {
    display: list-item !important;
  }
}
/* responsive */
.pcOnly {
  display: block;
}
.spOnly {
  display: none;
}
@media all and (max-width: 750px) {
  .pcOnly {
    display: none;
  }
  .spOnly {
    display: block;
  }
}
/***** Mb *****/
.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb35 {
  margin-bottom: 35px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb45 {
  margin-bottom: 45px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb55 {
  margin-bottom: 55px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb65 {
  margin-bottom: 65px;
}
.mb70 {
  margin-bottom: 70px;
}
.mb75 {
  margin-bottom: 75px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb85 {
  margin-bottom: 85px;
}
.mb90 {
  margin-bottom: 90px;
}
.mb95 {
  margin-bottom: 95px;
}
.mb100 {
  margin-bottom: 100px;
}
.mb105 {
  margin-bottom: 105px;
}
.mb110 {
  margin-bottom: 110px;
}
.mb115 {
  margin-bottom: 115px;
}
.mb120 {
  margin-bottom: 120px;
}
.mb125 {
  margin-bottom: 125px;
}
.mb130 {
  margin-bottom: 130px;
}
.mb135 {
  margin-bottom: 135px;
}
.mb140 {
  margin-bottom: 140px;
}
.mb145 {
  margin-bottom: 145px;
}
.mb150 {
  margin-bottom: 150px;
}
@media all and (max-width: 750px) {
  .mb0 {
    margin-bottom: 0 !important;
  }
  .mb5 {
    margin-bottom: 5%;
  }
  .mb10 {
    margin-bottom: 6%;
  }
  .mb15 {
    margin-bottom: 7%;
  }
  .mb20 {
    margin-bottom: 8%;
  }
  .mb25 {
    margin-bottom: 9%;
  }
  .mb30 {
    margin-bottom: 10%;
  }
  .mb35 {
    margin-bottom: 11%;
  }
  .mb40 {
    margin-bottom: 12%;
  }
  .mb45 {
    margin-bottom: 13%;
  }
  .mb50 {
    margin-bottom: 14%;
  }
  .mb55 {
    margin-bottom: 15%;
  }
  .mb60 {
    margin-bottom: 16%;
  }
  .mb65 {
    margin-bottom: 17%;
  }
  .mb70 {
    margin-bottom: 18%;
  }
  .mb75 {
    margin-bottom: 19%;
  }
  .mb80 {
    margin-bottom: 20%;
  }
  .mb85 {
    margin-bottom: 21%;
  }
  .mb90 {
    margin-bottom: 22%;
  }
  .mb95 {
    margin-bottom: 23%;
  }
  .mb100 {
    margin-bottom: 24%;
  }
  .mb105 {
    margin-bottom: 25%;
  }
  .mb110 {
    margin-bottom: 26%;
  }
  .mb115 {
    margin-bottom: 27%;
  }
  .mb120 {
    margin-bottom: 28%;
  }
  .mb125 {
    margin-bottom: 29%;
  }
  .mb130 {
    margin-bottom: 30%;
  }
  .mb135 {
    margin-bottom: 31%;
  }
  .mb140 {
    margin-bottom: 32%;
  }
  .mb145 {
    margin-bottom: 33%;
  }
  .mb150 {
    margin-bottom: 34%;
  }
}
/***** Clearfix *****/
.clearfix:after {
  content: ' ';
  display: block;
  clear: both;
}
.clearBoth {
  clear: both;
}
/***** Loader Bg *****/
#loaderBg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 1100;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #333;
  z-index: 1101;
}
/***** InView *****/
.inView {
  transition: 0.8s;
}
.inViewHead {
  transition: 0.8s;
}
/***** InViewUl *****/
.inViewUl li {
  position: relative;
  /*opacity: 1;
  bottom: 0;
  transition: 0.8s;*/
}
.inViewUl li.initial {
  opacity: 0;
  bottom: -40px;
  transition: none;
}
.inViewUl li.active {
  opacity: 1;
  bottom: 0;
  transition: 0.8s;
}
/***** Post Body *****/
.boxPostBody {
  overflow: hidden;
  line-height: 1.6;
  font-size: 1.17rem;
  /*1.25rem;*/
}
@media all and (max-width: 750px) {
  .boxPostBody {
    font-size: 4.3vw;
  }
}
@media all and (max-width: 750px) {
  .boxPostBody span[style="font-size: 0.7rem;"] {
    font-size: 3.1vw !important;
  }
  .boxPostBody span[style="font-size: 0.75rem;"] {
    font-size: 3.3vw !important;
  }
  .boxPostBody span[style="font-size: 0.8rem;"] {
    font-size: 3.5vw !important;
  }
  .boxPostBody span[style="font-size: 0.85rem;"] {
    font-size: 3.7vw !important;
  }
  .boxPostBody span[style="font-size: 0.9rem;"] {
    font-size: 3.9vw !important;
  }
  .boxPostBody span[style="font-size: 0.95rem;"] {
    font-size: 4.1vw !important;
  }
  .boxPostBody span[style="font-size: 1.0rem;"] {
    font-size: 4.3vw !important;
  }
  .boxPostBody span[style="font-size: 1.1rem;"] {
    font-size: 4.7vw !important;
  }
  .boxPostBody span[style="font-size: 1.2rem;"] {
    font-size: 5.1vw !important;
  }
  .boxPostBody span[style="font-size: 1.3rem;"] {
    font-size: 5.5vw !important;
  }
  .boxPostBody span[style="font-size: 1.4rem;"] {
    font-size: 5.9vw !important;
  }
  .boxPostBody span[style="font-size: 1.5rem;"] {
    font-size: 6.3vw !important;
  }
  .boxPostBody span[style="font-size: 1.6rem;"] {
    font-size: 6.7vw !important;
  }
  .boxPostBody span[style="font-size: 1.7rem;"] {
    font-size: 7.1vw !important;
  }
  .boxPostBody span[style="font-size: 1.8rem;"] {
    font-size: 7.5vw !important;
  }
  .boxPostBody span[style="font-size: 1.9rem;"] {
    font-size: 7.9vw !important;
  }
  .boxPostBody span[style="font-size: 2.0rem;"] {
    font-size: 8.3vw !important;
  }
  .boxPostBody span[style="font-size: 2.1rem;"] {
    font-size: 8.7vw !important;
  }
  .boxPostBody span[style="font-size: 2.2rem;"] {
    font-size: 9.1vw !important;
  }
  .boxPostBody span[style="font-size: 2.3rem;"] {
    font-size: 9.5vw !important;
  }
}
.boxPostBody h2 {
  margin-bottom: 1em;
  padding: 0.1em 0;
}
.boxPostBody h3 {
  margin-bottom: 1em;
  padding: 0.1em 0;
}
.boxPostBody h4 {
  margin-bottom: 1em;
  padding: 0.1em 0;
}
@media all and (max-width: 750px) {
  .boxPostBody table {
    width: 100% !important;
  }
  .boxPostBody table th,
  .boxPostBody table td {
    width: auto !important;
  }
  .boxPostBody table td {
    vertical-align: top;
  }
}
.boxPostBody a {
  text-decoration: underline;
  color: #306751;
}
.boxPostBody p {
  margin: 0;
  /*Reset*/
  padding: 0;
  /*Reset*/
  margin-bottom: 20px;
}
@media all and (max-width: 750px) {
  .boxPostBody p {
    margin-bottom: 5%;
  }
}
.boxPostBody strong {
  font-weight: 700;
}
.boxPostBody em {
  font-style: italic;
}
.boxPostBody ul {
  padding-left: 20px;
  list-style: disc;
}
@media all and (max-width: 750px) {
  .boxPostBody ul {
    padding-left: 5%;
  }
}
.boxPostBody ol {
  padding-left: 20px;
  list-style: decimal;
}
@media all and (max-width: 750px) {
  .boxPostBody ol {
    padding-left: 8%;
  }
}
.boxPostBody li {
  margin-bottom: 10px;
}
@media all and (max-width: 750px) {
  .boxPostBody li {
    margin-bottom: 3%;
  }
}
.boxPostBody .alignleft {
  float: left;
  margin: 7px 28px 28px 0;
}
@media all and (max-width: 750px) {
  .boxPostBody .alignleft {
    float: none;
    display: block;
    width: 100%;
    height: auto;
    margin: 5% 0 5% 0;
  }
}
.boxPostBody .alignright {
  float: right;
  margin: 7px 0 28px 28px;
}
@media all and (max-width: 750px) {
  .boxPostBody .alignright {
    float: none;
    display: block;
    width: 100%;
    height: auto;
    margin: 5% 0 5% 0;
  }
}
.boxPostBody .aligncenter {
  clear: both;
  display: block;
  margin: 7px auto;
}
@media all and (max-width: 750px) {
  .boxPostBody .aligncenter {
    clear: both;
    display: block;
    margin: 5% auto;
  }
}
.writeModeLR {
  display: inline-block;
  writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  -webkit-writing-mode: vertical-lr;
}
.writeModeRL {
  display: inline-block;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
}
.rlNum {
  text-combine-upright: all;
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  -ms-writing-mode: lr-tb;
}
/* Text Align */
.txtL,
.boxBtnL,
.boxL {
  text-align: left;
}
.txtC,
.boxBtnC,
.boxC {
  text-align: center;
}
.txtR,
.boxBtnR,
.boxR {
  text-align: right;
}
/* Itemization */
.bullet {
  padding-left: 1em;
  text-indent: -1em;
}
/***** Popup *****/
.boxBasePopupBg {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
.boxBasePopupBg:hover {
  cursor: pointer;
}
.btnBasePopupClose {
  position: absolute;
  z-index: 1002;
  top: 0;
  right: 0.6%;
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
}
@media all and (max-width: 750px) {
  .btnBasePopupClose {
    width: 7%;
    font-size: 8vw;
    cursor: auto;
  }
}
.boxBaseMoviePopup {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateY(-50%) translateX(-50%);
  /*margin: auto;*/
  /*top: 3%;*/
  width: 96%;
  z-index: 1001;
  vertical-align: middle;
}
@media all and (max-width: 750px) {
  .boxBaseMoviePopup {
    width: 98%;
    max-width: 100%;
  }
}
/***** YoutubeBox *****/
.boxYoutube {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  /*border: 1px #ccc solid;*/
}
.boxYoutube .youtube {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.boxYoutube .imgYoutubePoster,
.boxYoutube .imgMoviePoster {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  /*width: 100%;*/
  max-width: none;
  height: 100%;
  cursor: pointer;
}
/***** VimeoBox *****/
.boxVimeo {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  border: 1px #ccc solid;
}
.boxVimeo .vimeo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/***** Mp4MovieBox *****/
.boxMp4Movie {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  /*border: 1px #ccc solid;*/
}
.boxMp4Movie .mp4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.boxMp4Movie .imgMp4Poster,
.boxMp4Movie .imgMoviePoster {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  /*width: 100%;*/
  max-width: none;
  height: 100%;
  /*height: auto;*/
  cursor: pointer;
}
/***** Pagination *****/
.boxPagination {
  position: relative;
  z-index: 10;
  margin-bottom: 20px;
  padding: 10px 0 10px 0;
  border-top: 0;
  text-align: center;
}
@media all and (max-width: 750px) {
  .boxPagination {
    margin-bottom: 5vw;
    padding: 5vw 0 5vw 0;
  }
  .boxPagination.top {
    padding-bottom: 0;
    border: 0;
  }
}
.boxPaginationIn {
  width: 100%;
  margin: 0 auto;
}
.boxPaginationInLR {
  display: table;
  margin-left: auto;
}
@media all and (max-width: 750px) {
  .boxPaginationInLR {
    display: block;
  }
}
.boxPaginationInL {
  display: table-cell;
  vertical-align: middle;
}
@media all and (max-width: 750px) {
  .boxPaginationInL {
    display: none;
  }
}
.boxPaginationInL span {
  padding-right: 20px;
  padding-left: 15px;
  display: inline-block;
  background-image: url('../../images/recruit/pagenation-separation01.png');
  background-repeat: no-repeat;
  background-position: left center;
}
.boxPaginationInL .txtSeparation {
  display: inline-block;
  padding-right: 5px;
  font-size: 1.5rem;
}
@media all and (max-width: 750px) {
  .boxPaginationInL .txtSeparation {
    padding-right: 3%;
    font-size: 4.5vw;
  }
}
.boxPaginationInR {
  display: table-cell;
  vertical-align: middle;
}
@media all and (max-width: 750px) {
  .boxPaginationInR {
    display: block;
  }
}
ul.page-numbers {
  display: table;
  margin: 0 auto;
}
ul.page-numbers li {
  display: table-cell;
  padding: 0 12px;
  vertical-align: middle;
}
@media all and (max-width: 750px) {
  ul.page-numbers li {
    padding: 0 1vw;
  }
}
ul.page-numbers li > .page-numbers {
  display: table-cell;
  width: 38px;
  /*29px;*/
  height: 38px;
  /*29px;*/
  /*padding-bottom: 2px;*/
  border: 0;
  border-radius: 0;
  vertical-align: middle;
  text-align: center;
  line-height: 1;
  letter-spacing: normal;
  font-size: 1.7rem;
  font-weight: 700;
  color: #727171;
  text-decoration: none;
  transition: none;
  -ms-transition: none;
}
@media all and (max-width: 750px) {
  ul.page-numbers li > .page-numbers {
    width: 7vw;
    height: 7vw;
    padding-top: 0;
    font-size: 4vw;
  }
}
ul.page-numbers li > .page-numbers.current,
ul.page-numbers li > .page-numbers:hover {
  border-radius: 38px;
  background-color: #1eb9ee;
  /*border-bottom: 1px #5b5b5b solid;*/
  /*
  background-image: url('./../../images/common/pagination-bg-current01.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto auto;*/
  font-size: 1.7rem;
  font-weight: 500;
  color: #fff;
}
@media all and (max-width: 750px) {
  ul.page-numbers li > .page-numbers.current,
  ul.page-numbers li > .page-numbers:hover {
    /*
    background-image: url('./../../images_sp/common/sp-pagination-bg-current01.png');
    background-size: 100% 100%;*/
    font-size: 4vw;
  }
}
ul.page-numbers li > .page-numbers.next,
ul.page-numbers li > .page-numbers.prev {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 120px;
  height: 37px;
  border: 0;
  border-radius: 37px;
  background-color: #1eb9ee;
  background-repeat: no-repeat;
  background-size: auto auto;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  color: #fff;
}
@media all and (max-width: 750px) {
  ul.page-numbers li > .page-numbers.next,
  ul.page-numbers li > .page-numbers.prev {
    width: 17vw;
    height: 7vw;
    background-size: 1.5vw auto;
    font-size: 0.8rem;
  }
}
ul.page-numbers li > .page-numbers.next {
  padding: 0 18px 0 0;
  background-image: url('../../images/common/pagination-icn-arrow-next01.png');
  background-position: 87% center;
}
@media all and (max-width: 750px) {
  ul.page-numbers li > .page-numbers.next {
    /*position: relative;
    top: -3vw;*/
    padding: 0 2vw 0 0;
    background-position: 89% center;
    /*background-image: url('./../../images_sp/common/sp-pagination-icn-arrow-next01.png');
    background-position: center bottom;*/
  }
}
ul.page-numbers li > .page-numbers.prev {
  padding: 0 0 0 18px;
  background-image: url('../../images/common/pagination-icn-arrow-prev01.png');
  background-position: 13% center;
}
@media all and (max-width: 750px) {
  ul.page-numbers li > .page-numbers.prev {
    /*position: relative;
    top: -3vw;*/
    padding: 0 0 0 2vw;
    background-position: 11% center;
    /*background-image: url('./../../images_sp/common/sp-pagination-icn-arrow-prev01.png');
    background-position: center bottom;*/
  }
}
ul.page-numbers li > .page-numbers.next:hover,
ul.page-numbers li > .page-numbers.prev:hover {
  /*
  background-color: inherit;
  color: inherit;*/
  font-weight: 700;
}
ul.page-numbers li.liNext,
ul.page-numbers li.liPrev {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  /*background-color: #000;*/
  color: #04b6df;
}
ul.page-numbers li.liNext {
  right: 0;
  padding-left: 0;
  padding-right: 0;
}
@media all and (max-width: 750px) {
  ul.page-numbers li.liNext {
    right: 2vw;
  }
}
ul.page-numbers li.liPrev {
  left: 0;
  padding-right: 2px;
  padding-left: 0;
}
@media all and (max-width: 750px) {
  ul.page-numbers li.liPrev {
    left: 2vw;
    padding-right: 1vw;
  }
}
/*
ul.page-numbers li.liNext a,
ul.page-numbers li.liPrev a {
  color: #04b6df;
}*/
/***** Single Navi *****/
.boxSingleNavi {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin: 10px auto 30px auto;
}
@media all and (max-width: 750px) {
  .boxSingleNavi {
    margin: 5vw 0;
  }
}
.boxSingleNavi a[rel="prev"],
.boxSingleNavi a[rel="next"] {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 120px;
  height: 37px;
  border: 0;
  border-radius: 37px;
  background-color: #1eb9ee;
  background-repeat: no-repeat;
  background-size: auto auto;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
}
@media all and (max-width: 750px) {
  .boxSingleNavi a[rel="prev"],
  .boxSingleNavi a[rel="next"] {
    width: 22%;
    height: 8vw;
    border: 0;
    border-radius: 8vw;
    background-size: 1.5vw auto;
    font-size: 0.8rem;
  }
}
.boxSingleNavi a[rel="prev"] {
  padding-left: 18px;
  background-image: url('../../images/common/pagination-s-icn-arrow-prev01.png');
  background-position: 13% center;
}
@media all and (max-width: 750px) {
  .boxSingleNavi a[rel="prev"] {
    padding-left: 2vw;
    /*background-image: url('./../../images_sp/common/sp-pagination-s-icn-arrow-back01.png');*/
  }
}
.boxSingleNavi.type2Col a[rel="prev"] {
  left: 0;
}
@media all and (max-width: 750px) {
  .boxSingleNavi a[rel="prev"]:hover {
    transform: none;
    -ms-transform: none;
  }
}
.boxSingleNavi a[rel="next"] {
  padding-right: 18px;
  background-image: url('../../images/common/pagination-s-icn-arrow-next01.png');
  background-position: 87% center;
}
@media all and (max-width: 750px) {
  .boxSingleNavi a[rel="next"] {
    padding-right: 2vw;
    /*background-image: url('./../../images_sp/common/sp-pagination-s-icn-arrow-next01.png');*/
  }
}
.boxSingleNavi.type2Col a[rel="next"] {
  right: 0;
}
@media all and (max-width: 750px) {
  .boxSingleNavi a[rel="next"]:hover {
    transform: none;
    -ms-transform: none;
  }
}
.boxSingleToArchive {
  margin-bottom: 70px;
  text-align: center;
}
@media all and (max-width: 750px) {
  .boxSingleToArchive {
    margin-bottom: 13%;
  }
}
.boxSingleToArchive .linkSingleToArchive {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 310px;
  height: 65px;
  border-radius: 65px;
  background-color: #a7a8a8;
  line-height: 1;
  letter-spacing: 0.15em;
  font-size: 1.6rem;
  color: #fff;
}
@media all and (max-width: 750px) {
  .boxSingleToArchive .linkSingleToArchive {
    width: 60%;
    height: 9vw;
    padding: 0;
    border-radius: 9vw;
    font-size: 1.1rem;
  }
}
.boxSingleToArchive .linkSingleToArchive span {
  display: inline-block;
  padding: 0;
  /*
  background-image: url('./../../images/common/pagination-s-icn-arrow-to-archive01.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto auto;*/
}
@media all and (max-width: 750px) {
  .boxSingleToArchive .linkSingleToArchive span {
    padding: 0;
    /*
    background-image: url('./../../images_sp/common/sp-pagination-s-icn-arrow-to-archive01.png');
    background-size: 6% auto;*/
  }
}
/***** Breadcrumb *****/
.boxBreadcrumb {
  margin-bottom: 38px;
  padding: 0;
}
@media all and (max-width: 750px) {
  .boxBreadcrumb {
    display: none;
  }
}
.breadcrumb {
  width: 1080px;
  margin: 0 auto;
  text-align: center;
}
.breadcrumb div {
  display: inline-block;
  text-align: left;
  letter-spacing: normal;
  font-size: 1.13rem;
}
.breadcrumb a {
  border-bottom: 1px #6f6f6f solid;
}
.breadcrumb .sepaBreadcrumb {
  padding: 0 17px;
}
/***** Accordion *****/
.icnAccordion,
.btnAccordion,
.icnAccordion10,
.btnAccordion10 {
  cursor: pointer;
}
@media all and (max-width: 750px) {
  .icnAccordion,
  .icnAccordion10 {
    cursor: pointer;
  }
}
.boxAccordion,
.boxAccordion10 {
  display: none;
}
.icnAccordionPc,
.icnAccordion10Pc {
  cursor: pointer;
}
@media all and (max-width: 750px) {
  .icnAccordionPc,
  .icnAccordion10Pc {
    display: none;
    cursor: auto;
  }
}
.boxAccordionPc,
.boxAccordion10Pc {
  display: none;
}
@media all and (max-width: 750px) {
  .boxAccordionPc,
  .boxAccordion10Pc {
    display: block;
  }
}
.icnAccordionSp,
.icnAccordion10Sp {
  display: none;
}
@media all and (max-width: 750px) {
  .btnAccordionSp,
  .btnAccordion10Sp {
    margin-bottom: 5%;
  }
  .icnAccordionSp,
  .icnAccordion10Sp {
    display: inline-block;
  }
  .boxAccordionSp,
  .boxAccordion10Sp {
    display: none;
  }
}
/* upToTop */
.upToTop {
  display: none;
  position: fixed;
  right: 2%;
  bottom: 20px;
  z-index: 13;
  cursor: pointer;
}
.upToTop.align-left {
  right: auto;
  left: 2%;
}
@media all and (max-width: 750px) {
  .upToTop {
    right: 1%;
    bottom: 13vw;
    width: 11vw;
    height: auto;
  }
  .upToTop.align-left {
    right: auto;
    left: 1%;
  }
}
.upToTop:hover {
  opacity: 0.8;
}
.upToTop.type02 .btnUpToTop {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  transition: 0.8s;
  width: 150%;
  max-width: none;
  height: auto;
}
.upToTop.type02 .btnUpToTop.active {
  opacity: 1;
  width: 100%;
}
@media all and (max-width: 750px) {
  .upToTop .txtPageTop {
    display: inline-block;
    padding: 10px 4vw 0 0;
    font-weight: bold;
    color: #333;
  }
}
.upto {
  display: none;
  position: fixed;
  right: 5%;
  bottom: 288px;
  z-index: 3;
  background-color: #c3c3c3;
  color: #fff;
  font-size: 0.7rem;
}
/* /upToTop */
/**【 /BaseModule 】**/
/* Scrolling Documents Block */
.boxUserPolicy0201In {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 670px;
  padding: 10px 25px 10px 25px;
}
.boxUserPolicy0201In ol {
  list-style-type: decimal;
  margin-left: 35px;
}
.boxUserPolicy0201In ul {
  list-style-type: disc;
  margin-left: 35px;
}
.scrollingDocsBlockIn {
  line-height: 1.85;
  font-size: 1.13rem;
}
.scrollingDocsBlockIn p {
  margin: 10px 0;
  line-height: 1.85;
  font-size: 1.13rem;
}
.scrollingDocsBlockIn h2 {
  margin: 26px 0;
  text-align: center;
  letter-spacing: 0.12em;
  font-size: 2.1rem;
  font-weight: 700;
}
.scrollingDocsBlockIn h3,
.scrollingDocsBlockIn h4 {
  margin: 36px 0 15px;
  font-size: 1.2rem;
  font-weight: 700;
}
.scrollingDocsBlockIn ol > li,
.scrollingDocsBlockIn ul > li {
  margin: 10px 0;
  line-height: 1.85;
  font-size: 1.13rem;
}
.scrollingDocsBlockIn ol ol li,
.scrollingDocsBlockIn ol ul li,
.scrollingDocsBlockIn ul ol li,
.scrollingDocsBlockIn ul ul li {
  padding-left: 13px;
}
.scrollingDocsBlockIn > *:first-child {
  margin-top: 0 !important;
}
@media all and (max-width: 750px) {
  .scrollingDocsBlock {
    line-height: 1.85;
    font-size: 0.9rem;
  }
  .scrollingDocsBlock p {
    margin: 2vw 0;
    line-height: 1.85;
    font-size: 0.9rem;
  }
  .scrollingDocsBlockIn h2 {
    margin: 3vw 0;
    font-size: 1.1rem;
  }
  .scrollingDocsBlockIn h3,
  .scrollingDocsBlockIn h4 {
    margin: 7vw 0 3vw;
    line-height: 1.3;
    font-size: 1rem;
  }
  .scrollingDocsBlockIn ol > li,
  .scrollingDocsBlockIn ul > li {
    margin: 2vw 0;
    font-size: 0.9rem;
  }
  .scrollingDocsBlockIn ol ol li,
  .scrollingDocsBlockIn ol ul li,
  .scrollingDocsBlockIn ul ol li,
  .scrollingDocsBlockIn ul ul li {
    padding-left: 3vw;
  }
}
/* 20250701 改修 */
.padding-0 {
  padding: 0 !important;
}