@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}
html { scroll-padding-top: 1em;}

a {
  color: #006898;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.mAuto { margin: 0 auto;}
.m00 { margin: 0!important;}
.m01px { margin: 1px!important;}
.m02px { margin: 2px!important;}
.m03px { margin: 3px!important;}
.m04px { margin: 4px!important;}
.m05px { margin: 5px!important;}
.m06px { margin: 6px!important;}
.m07px { margin: 7px!important;}
.m08px { margin: 8px!important;}
.m09px { margin: 9px!important;}
.m010px { margin: 10px!important;}

.ml01 { margin-left: .1em;}
.ml02 { margin-left: .2em;}
.ml03 { margin-left: .3em;}
.ml04 { margin-left: .4em;}
.ml05 { margin-left: .5em;}
.ml06 { margin-left: .6em;}
.ml07 { margin-left: .7em;}
.ml08 { margin-left: .8em;}
.ml09 { margin-left: .9em;}
.ml10 { margin-left: 1em;}
.mb01 { margin-bottom: .1em;}
.mb02 { margin-bottom: .2em;}
.mb03 { margin-bottom: .3em;}
.mb04 { margin-bottom: .4em;}
.mb05 { margin-bottom: .5em;}
.mb06 { margin-bottom: .6em;}
.mb07 { margin-bottom: .7em;}
.mb08 { margin-bottom: .8em;}
.mb09 { margin-bottom: .9em;}
.mb10 { margin-bottom: 1em;}
.mb10p { margin-bottom: 10px;}
.mb16p { margin-bottom: 16px;}
.mb18p { margin-bottom: 18px;}

.mt6px { margin-top: 6px!important;}
.mt13px { margin-top: 13px!important;}

.ml08px { margin-left: 8px;}
.ml10px { margin-left: 10px;}

.mr10px { margin-right: 10px!important;}
.mr18px { margin-right: 18px!important;}

.mb04px { margin-bottom: 4px!important;}
.mb05px { margin-bottom: 5px!important;}
.mb10px { margin-bottom: 10px!important;}
.mb12px { margin-bottom: 12px!important;}
.mb13px { margin-bottom: 13px!important;}
.mb15px { margin-bottom: 15px!important;}
.mb18px { margin-bottom: 18px!important;}
.mb20px { margin-bottom: 20px!important;}
.mb22px { margin-bottom: 22px!important;}
.mb25px { margin-bottom: 25px!important;}
.mb30px { margin-bottom: 30px!important;}
.mbM1em { margin-bottom: -1em!important;}

.p00 { padding: 0!important;}
.p04px { padding: 4px;}
.p05px { padding: 5px;}
.p06px { padding: 6px;}
.p07px { padding: 7px;}
.p08px { padding: 8px;}
.p09px { padding: 9px;}

.pl07px { padding-left: 7px;}
.pl08px { padding-left: 8px;}
.pl018em { padding-left: 1.8em;}

.pb05px { padding-bottom: 5px;}


.w10p { width: 10%;}
.w20p { width: 20%;}
.w30p { width: 30%;}
.w36p { width: 36%;}
.w40p { width: 40%;}
.w42p { width: 42%;}
.w47p { width: 47%;}
.w49p { width: 49%;}
.w50p { width: 50%;}
.w55p { width: 55%;}
.w58p { width: 58%;}
.w60p { width: 60%;}
.w62p { width: 62%;}
.w70p { width: 70%;}
.w80p { width: 80%;}
.w90p { width: 90%;}
.w100p { width: 100%;}

.fs6px { font-size: 6px;}
.fs7px { font-size: 7px;}
.fs8px { font-size: 8px;}
.fs9px { font-size: 9px;}
.fs10px { font-size: 10px;}
.fs11px { font-size: 11px;}
.fs12px { font-size: 12px;}
.fs13px { font-size: 13px;}
.fs14px { font-size: 14px;}
.fs15px { font-size: 15px;}
.fs16px { font-size: 16px;}
.fs17px { font-size: 17px;}
.fs18px { font-size: 18px;}
.fs19px { font-size: 19px;}
.fs20px { font-size: 20px;}
.fs21px { font-size: 21px;}
.fs22px { font-size: 22px;}
.fs23px { font-size: 23px;}
.fs24px { font-size: 24px;}
.fs25px { font-size: 25px;}
.fs26px { font-size: 26px;}
.fs27px { font-size: 27px;}
.fs28px { font-size: 28px;}
.fs29px { font-size: 29px;}
.fs30px { font-size: 30px;}

.coB { color:#004098;}
.co226abc {color: #226abc;}

.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fw400 { font-weight: 400;}
.fw500 { font-weight: 500;}
.fw600 { font-weight: 600;}
.fw700 { font-weight: 700;}
.fw800 { font-weight: 800;}
.fw900 { font-weight: 900;}

.lsm05 { letter-spacing: -0.5px;}
.lsm1 { letter-spacing: -1px;}
.palt { font-feature-settings: "palt";}

.nunitSans { font-family: 'Nunito Sans', sans-serif;}

.talignL { text-align: left;}
.talignC { text-align: center;}
.talignR { text-align: right;}

.whSpNo {white-space: nowrap;}

.no_border { border: none!important;}
.borderB { border: 1px solid #003e8d;}
.borderG { border: 1px solid #717071;}
.borderBK { border: 1px solid #231815;}

.tfScale_40L,
.tfScale_40C,
.tfScale_40R { font-size: 4px;}
.tfScale_50L,
.tfScale_50C,
.tfScale_50R { font-size: 5px;margin-bottom: -3px;}
.tfScale_60L,
.tfScale_60C,
.tfScale_60R { font-size: 6px;margin-bottom: -3px;}
.tfScale_70L,
.tfScale_70C,
.tfScale_70R { font-size: 7px;margin-bottom: -3px;}
.tfScale_80L,
.tfScale_80C,
.tfScale_80R { font-size: 8px;}
.tfScale_90L,
.tfScale_90C,
.tfScale_90R { font-size: 9px;}

.text-indent { text-indent: -1em; padding-left: 1em;}

  body #content .wid80p { width: 80%; height: auto;}

.imgUnder5px img { padding-bottom: 5px;}
.imgUnder5px img:last-of-type { padding-bottom: 0;}
.imgUnderM3px img { margin-bottom: 3px!important;}

.onlyPC { display: inline-block;}
.onlyTab { display: none;}
.onlySmp { display: none;}

.posiR { position: relative;}

.disIB { display: inline-block;}


/*============flex box============*/
.flexBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
  .w1on1 { width: 100%;}/* ↓カラムwidth */
  .w1on2 { width: calc(100% / 2);}
  .w1on3 { width: calc(100% / 3);}
  .w2on3 { width: 66%;}
  .w1on4 { width: 25%;}
  .w3on4 { width: 75%;}
  .w1on5 { width: 20%;}
  .w2on5 { width: 40%;}
  .w3on5 { width: 60%;}
  .w4on5 { width: 80%;}
  .w1on10 { width: 10%;}
  .w9on10 { width: 90%;}

  .fb_spa3 .w1on3 { width: calc(100% / 3 - 3px);} /* ブロック間横スキマ */
  .fb_spa4 .w1on3 { width: calc(100% / 3 - 4px);}
  .fb_spa4 .w1on2 { width: calc(50% - 4px);}
  .fb_spa4 .w1on3 { width: calc(100% / 3 - 4px);}
  .fb_spa4 .w1on5 { width: calc(20% - 4px);}
  .fb_spa5 .w1on2 { width: calc(50% - 5px);}
  .fb_spa5 .w1on3 { width: calc(100% / 3 - 5px);}
  .fb_spa6 .w1on2 { width: calc(50% - 6px);}
  .fb_spa6 .w1on3 { width: calc(100% / 3 - 6px);}
  .fb_spa6 .w1on4 { width: calc(25% - 6px);}
  .fb_spa7 .w1on2 { width: calc(50% - 7px);}
  .fb_spa7 .w1on3 { width: calc(100% / 3 - 7px);}
  .fb_spa7 .w1on4 { width: calc(25% - 7px);}
  .fb_spa9 .w1on3 { width: calc(100% / 3 - 9px);}
  .fb_spa9 .w1on4 { width: calc(25% - 9px);}
  .fb_spa12 .w1on4 { width: calc(25% - 12px);}
  .fb_spa15 .w1on2 { width: calc(50% - 7px);}

  .mb7px > .border { margin-bottom: 7px;} /* ブロック間縦スキマ */
  .mb12px > .border { margin-bottom: 12px;}
  .mb13px > .border { margin-bottom: 13px;}

  .p04pxWrap .w1on1, /* ブロック内スキマ一括 */
  .p04pxWrap .w1on3,
  .p04pxWrap .w1on4,
  .p04pxWrap .w1on5 { padding: 4px 4px 0 4px;}
  .p06pxWrap > .w1on1,
  .p06pxWrap > .w1on2,
  .p06pxWrap > .w1on3,
  .p06pxWrap > .w1on4 { padding: 6px;}
  .p07pxWrap > .w1on1,
  .p07pxWrap > .w1on3,
  .p07pxWrap > .w1on4,
  .p07pxWrap > .w2on3 { padding: 7px;}
  .p09pxWrap > .w1on1,
  .p09pxWrap > .w1on3,
  .p09pxWrap > .w1on4,
  .p09pxWrap > .w2on3 { padding: 9px;}

/*++++++++++++++++++++++++++++++++++++*/
/*                BASE                */
/*++++++++++++++++++++++++++++++++++++*/
/*html, body { height: 100%;}*/

body {
  /*min-height: 100vh;*/
  font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans", "Helvetica Neue", Arial, Meiryo, sans-serif;
  font-family: "Noto Sans JP", serif;
  font-weight: normal;
  font-style: normal;
}

header {
  padding: 0;
}
header.fixed{ /* ヘッダー追尾時の設定 */
  position: fixed;
  top: 0;
  z-index: 10000;
  width: 100%;
}

nav {
}

main {
  display: block;
  height: 100%;
  margin: 0 auto;
}
section {
  margin-bottom: 2em;
}
  .main_inner {
    background: #fff;
  }

footer#footer {
  background: #009e96;
  width: 100%;
}

#header_inner,
.nav_inner,
ol.breadcrumb,
.main_inner,
#footer_inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.ttl_material {
  margin-bottom: 1em;
  background: #cd5c5c;
  color: #fff;
  text-align: center;
  line-height: 2;
}

/*++++++++++++++++++++++++++++++++++++*/
/*              HEADDING              */
/*++++++++++++++++++++++++++++++++++++*/
h1 {
  font-size: min(3.23vw,42px);
  font-weight: 800;
  text-align: center;
}
.head_pr { margin: min(4.3vw,56px) auto min(3.84vw,50px);}

/*++++++++++++++++++++++++++++++++++++*/
/*               HEADER               */
/*++++++++++++++++++++++++++++++++++++*/
header {
  border-top: min(2.57vw,33.5px) #009e96 solid;
}
#header_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header_logo {
  width: 200px;
}

/*++++++++++++++++++++++++++++++++++++*/
/*             MAIN IMAGE             */
/*++++++++++++++++++++++++++++++++++++*/
#mainImg {
  width: 100%;
  margin: 0 auto;
}
  #mainImg img {
    width: 100%;
    height: auto;
  }
#precautions {
  width: 95%;
  max-width: 931px;
  margin: 0 auto min(2.53vw,33px);
  font-size: min(1.53vw,20px);
  line-height: 1.4;
}

/*++++++++++++++++++++++++++++++++++++*/
/*             NAVIGATION             */
/*++++++++++++++++++++++++++++++++++++*/
#navArea {
  display: flex;
  width: calc(100% - 200px);
  /*position: absolute;*/
  justify-content: space-between;
}
nav {
  width: 100%;
  z-index: 3;
}
  nav ul.nav_inner {
    display: flex;
    width: 100%;
    margin: 0 auto;
    list-style: none;
  }
    nav ul.nav_inner li {
      position: relative;
      width: calc(100% / 5);
      margin: 0;
      text-align: center;
    }
      nav ul.nav_inner li a {
        display: block;
        color: #333;
        font-size: 14px;
        padding: 1em;
        text-decoration: none;
        transition-duration: 0.2s;
      }
      nav ul.nav_inner li a:hover {
        background: #e4e4e4;
      }

/*++++++++++++++++++++++++++++++++++++*/
/*                MAIN                */
/*++++++++++++++++++++++++++++++++++++*/
body {
  background-image: url(../img/bg_main.png);
  background-repeat: repeat;
  background-position: center top;
  background-size: 2680px auto;
}
@media screen and (max-width: 1360px) {
  body {
    background-size: 199.3% auto;
  }
}
#main_wrap {
  position: relative;
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.73);
}
.tel_link { pointer-events: none; color: #000;}

.guidance {
  margin: min(2.3vw,30px) 0 min(7.3vw,95px) ;
  font-size: min(3.3vw,43.3px);
  color:#009e96;
  font-weight: 600;
  text-align: center;
  line-height: 1.6;
}
.guidance.strong {
  margin-bottom: min(3.846vw, 50px);
  font-size: min(3.88vw,46px);
  font-weight: bold;
}
.attention {
  width: 100%;
  margin: 0 auto min(5vw, 65px);
  padding-top: min(3.46vw, 45px);
  font-size: min(1.61vw,21px);
  font-weight: 600;
  text-align: center;
  font-feature-settings: "palt";
}
.sponsored {
  margin-bottom: .8em;
  color: red;
  font-size: 175%;
}
.fs24 { font-size: 117%; display: inline-block; margin-bottom: .7em;}
.fs21 { font-size: 100%;}
.fs30 { font-size: 142%;}
.fs29 { font-size: 141%;}
.fs32 { font-size: 160%; line-height: 1.1;}

.contact { letter-spacing: 1px;}

.blk_stamp {
  position: relative;
  width: 90%;
  max-width: 1040px;
  margin: 0 auto;
  padding: min(.15vw,2px) min(2.69vw,35px) 0;
  background-image: url(../img/frame_mid.png);
  background-repeat: repeat-y;
  background-position: center top;
  background-size: 100% auto;
}
.blk_stamp::before,
.blk_stamp::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: min(2.2vw,29px);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
.blk_stamp::before {
  bottom: 100%;
  background-image: url(../img/frame_top.png);
}
.blk_stamp::after {
  top: 100%;
  background-image: url(../img/frame_bot.png);
}

.blk_stamp + .blk_stamp {
  margin-top: min(9.23vw,120px);
}
.point_stamp {
  position: absolute;
  top: -77px;
  left: -37px;
  width: min(13.84vw,180px);
}
.s_big {
  top: -30px;
  left: -38px;
  width: min(15.84vw,206px);
}

@media screen and (max-width: 1280px) {
  .point_stamp { top: -5.92vw; left: -2.84vw;}
  .s_big { top: -2.3vw; left: -2.92vw;}
}

.blk_stamp h2 {
  margin-bottom: min(0.3076vw,4px);
  padding-bottom: .38em;
  border-bottom: 3.5px solid #009e96;
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-size: min(3.07vw,40px);
  color: #009e96;
  font-weight: 800;
  text-align: center;
  line-height: 1.2;
}
.btn_attention {
  display: block;
  margin: min(3.69vw,48px) auto min(6.3vw,82px);
  text-align: center;
}
  .btn_attention img {
    margin: 0 auto;
    max-width: min(61.53vw,800px);
  }
  main .btn_attention:last-of-type { margin-bottom: min(5.23vw,68px)}

ul.overview_list {
  margin: .8em 0 0;
  font-size: min(2vw,26px);
}
  ul.overview_list li {
    margin-bottom: .6em;
    line-height: 1.4;
    font-feature-settings: "palt";
  }
  ul.overview_list li.ttl {
    margin-bottom: 0;
    font-weight: 600;
    text-indent: -.1em;
  }

ul.num_list {
  width: 100%;
  margin-top: min(1.53vw,20px);
  font-size: min(3.3vw,43px);
  font-feature-settings: "palt";
  line-height: 1.4;
  border-bottom: solid min(.2vw,2.6px) #000;
}
  ul.num_list li { margin-bottom: .55em; font-weight: 600;}
  ul.num_list li::first-letter { font-weight: 800;}

  ul.num_list p {
    padding-left: 1.4em;
    font-size: min(2.538vw,33px);
    font-weight: normal;
  }
  ul.num_list p span {
    display: block;
    padding-left: 1.1em;
    font-size: 90%;
  }
  ul.num_list a { color: #000; text-decoration: underline;}
  ul.num_list a:hover { color: red;}

.annotation_wrap {
  padding: min(2.07vw,27px) 0 min(.76vw,10px) min(1.38vw,18px);
}
  .annotation {
    padding-left: 1em;
    font-size: min(1.946vw,25.3px);
    text-indent: -1em;
    font-feature-settings: "palt";
  }

.official_wrap {
  width: 86.67%;
  max-width: 1040px;
  margin: 0 auto;
  padding: min(4.1vw,53.3px) 0;
  border-top: min(.423vw,5.5px) solid #000;
  border-bottom: min(.423vw,5.5px) solid #000;
}
.official_wrap a {
  width: 97.4%;
  max-width: 1013px;
  margin: 0 auto;
}
/*.under_b {
  width: 90%;
  max-width: 1013px;
  margin: 0 auto;
  padding-bottom: min(4.61vw,60px);
  border-bottom: 5.3px solid #000;
}
.under_b + .under_b { padding-top: min(4.61vw,60px);}
.under_b + .attention { border: none;}*/

.bg_black {
  margin-bottom: min(1.23vw, 16px);
  padding: min(0.38vw,5px) 0 min(0.76vw,10px);
  background: #000;
  font-size: min(2.3vw,30px);
  color: #fff;
  text-align: center;
  line-height: 1.4;
}
.head_h3 {
  margin-bottom: .4em;
  font-size: min(1.61vw, 21px);
  text-indent: -.6em;
  letter-spacing: -0.03em;
}

ul.atte_list + .bg_black { margin-top: min(5.076vw,66.5px);}
ul.atte_list + .head_h3 { margin-top: 1.5em;}

ul.atte_list {}
ul.atte_list > li {
  position: relative;
  margin-bottom: .5em;
  padding-left: 1.1em;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
  ul.atte_list > li::before {
    position: absolute;
    content: "";
    top: .35em;
    left: 0;
    width: .9em;
    height: .9em;
    background: #000;
    border-radius: 50%;
  }
ul.atte_list li.atte_qr {
  padding-left: 0;
  font-size: 90%;
}
  ul.atte_list li.atte_qr::before {
    display: none;
  }
ul.enviro_list {
  display: flex;
  margin-top: .5em;
}
  ul.enviro_list > li { width: calc(100% - 5em); padding-left: 0;}
  ul.enviro_list > li:first-of-type { width: 5em;}

ul.li_disc {
  list-style: disc;
  margin-left: 1.2em;
  margin-bottom: .5em;
}




.wrap_root {
  display: flex;
  flex-wrap: wrap;
}
.wrap_root label {
  width: 100%;
}
.wrap_root label:nth-of-type(2) {
  width: 53.9%;
}
.wrap_root label:nth-of-type(3) {
  width: calc(100% - 53.9%);
}

.popup_bg {
  position: fixed;
  z-index : 100;
  top : 0;
  left : 0;
  height : 100vh;
  width : 100vw;
  background: #000000;
  opacity : .7
}
.popup {
  --width : 95%;
  --height : 96vw;
  position: fixed;
  top : calc(50vh - calc(var(--height) / 2));
  left : calc(50vw - calc(var(--width) / 2));
  width : var(--width);
  height : var(--height);
  overflow : hidden;
  background-color: #fff;
  border-radius: .5em;
  box-shadow: 0px 0px 3px 1px gray;
  z-index : 101;
}
.popup > .close_btn {
  --size : 5vw;
  position:absolute;
  top : calc(var(--size)/4);
  left: calc(var(--width) - var(--size)* 5 / 15);
  height : var(--size);
  width : var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  color : gray;
  font-size: var(--size);
  border-radius: calc(var(--size)/5);
}
.popup > .close_btn:hover {
  background: red;
  color : #fff;
}
.popup > .content {
  padding: 2.5vw;
  text-align: center;
}
/* hide popup */
.popup-flag { display: none;}
.popup-flag:not(:checked) + .popup_bg { display:none;}
.popup-flag:not(:checked) + * + .popup { display:none;}

/* custom design */
#popupFlag2 + * +.popup { --height : 132vw;}
#popupFlag3 + * +.popup { --height : 135vw;}
  #popupFlag3 + * +.popup img { width: 90%;}





html,body { height: 100vh; height: 100%; margin: 0;}/**/
#main_wrap.wallpaper_pre { /*min-height: 100%;*/ padding-bottom: min(8.46vw,110px); padding-bottom: 0!important;}

.wallpaper_pre img {
  margin: 0 auto;
}
.wallpaper_pre header {
  padding: min(1.53vw,20px) 0 min(.769vw,10px);
  border: none;
  background: #009e96;
  font-size: min(1.53vw,20px);
  color: #fff;
}
.wallpaper_pre .guidance {
  margin: min(2.3vw, 30px) 0;
  font-size: min(2vw,26px);
  line-height: 1.3;
}
.wp_top {
  width: min(36.92vw,480px);
}
.btn_wppre {
  display: block;
  width: min(40.38vw,525px);
  margin: 0 auto min(1.153vw,15px);
}
img + .btn_wppre { margin-top: min(3.07vw,40px);}

.wp_size1320 { width: min(40vw,520px);}
.wp_size1440 { width: min(47.69vw,620px);}

.wp_size {
  margin: min(.769vw, 10px) 0;
  font-size: min(1.769vw,23px);
  color: #009e96;
  text-align: center;
}


/*++++++++++++++++++++++++++++++++++++*/
/*               BUTTON               */
/*++++++++++++++++++++++++++++++++++++*/
.btn_official {
  display: block;
  margin: 0 auto;
}
.btn_official + .under_b { padding-bottom: min(6.3846vw,83px);}

.btn_tracking {
  position: fixed;
  top: min(0.76vw,10px);
  right: min(0.76vw,10px);
  width: min(6.15vw,80px);
  border: min(.076vw,1px) solid #fff;
  z-index: 10;
}

/*++++++++++++++++++++++++++++++++++++*/
/*            TO PAGE TOP             */
/*++++++++++++++++++++++++++++++++++++*/
#page_top {
  width: 100px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #ef3f98;
  opacity: 0.6;
  border-radius: 15px;
}
  #page_top a {
    position: relative;
    display: block;
    width: 100px;
    height: 60px;
    text-decoration: none;
  }
  #page_top a::before {
    position: absolute;
    width: 25px;
    height: 25px;
    top: -25px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f102';
    font-size: 25px;
    color: #fff;
    text-align: center;
  }
  #page_top a::after {
    content: 'PAGE TOP';
    font-size: 13px;
    color: #fff;
    position: absolute;
    top: 30px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
  }

/*++++++++++++++++++++++++++++++++++++*/
/*               FOOTER               */
/*++++++++++++++++++++++++++++++++++++*/
#footer_inner {
  padding: 10px 0;
}
.footer_nav a {
  display: inline-block;
  font-size: 14px;
  color: #000;
}
.footer_nav a:hover { color: blue;}

.footer_nav.wide { /*横幅100%ナビ*/
  display: flex;
  justify-content: center;
  margin: 1rem 0 2rem;
}
  .footer_nav.wide a {
    padding: 0 1rem;
  }
.footer_infoBox { /*左右カラムナビ*/
  margin: 1rem 0 2rem;
}
  .footer_info {
    width: 50%;
    font-size: 12px;
  }
  .footer_infoBox .footer_nav {
    display: flex;
    justify-content: center;
    margin: 1rem 0 2rem;
  }
    .footer_infoBox .footer_nav a {
      padding-left: 1rem;
      font-size: 12px;
    }

.copywrite {
  padding: min(1.15vw,15px) 0 min(0.769vw,10px);
  font-size: min(1.153vw,15px);
  color: #fff;
  text-align: center;
}

/*.wallpaper_pre footer#footer {
  position: absolute;
  bottom: 0;
}*/


@media screen and (max-width: 1000px) { 
/*++++++++++++++++++++++++++++++++++++*/
/*                BASE                */
/*++++++++++++++++++++++++++++++++++++*/
#header_inner,
ul.nav_inner,
.main_inner,
#footer_inner,
#menu_PC {
  width: 100%;
  margin: 0 auto;
}
ol.breadcrumb,
.column-1,
.column-2 {
  width: 95%;
  margin: 0 auto;
}

}






@media screen and (max-width: 680px) {
.onlyPC { display: none;}
.onlyTab { display: none;}
.onlySmp { display: inline-block;}

.tel_link { pointer-events: auto; color: #006898;}

h1 { font-size: 4.5vw;}
header { border-top: 9vw #009e96 solid;}
.head_pr { margin: 4vw auto 2.5vw;}

main { padding-top: .5em;}
#main_wrap { width: 100%;}
#precautions { width: 88%; margin: 0 auto 1.2em; font-size: 3vw;}

.guidance { 
  margin: 3vw auto 7vw;
  font-size: 3.2vw;
  line-height: 1.8;
}
.guidance.strong { font-size: 6.0vw;}

.btn_tracking { width: 15vw;}

.blk_stamp {
  width: 90%;
  padding: 1.53vw 4vw 1.1vw;
}
.blk_stamp + .blk_stamp { margin-top: 11.5vw;}

.point_stamp { width: 14.5vw; top: -6.2vw; left: -5.3vw;}
.s_big { width: 17.5vw; top: -5.7vw; left: -3.3vw;}

.blk_stamp h2 {
  margin-bottom: 0;
  padding-bottom: .4em;
  border-bottom: .65vw solid #009e96;
  font-size: 3.9vw;
  font-weight: 800;
  line-height: 1.3;
}
main .blk_stamp:nth-of-type(1) h2 { padding-left: 1em; white-space: nowrap;}
main .blk_stamp:nth-of-type(2) h2 { letter-spacing: -0.05em;}

h2.pl018em { padding-left: 0;}

ul.overview_list { margin: .6em 0 0; font-size: 3.2vw;}


ul.num_list { font-size: 3.6vw;}
ul.num_list li { margin-bottom: .4em;}
ul.num_list p { padding-left: 1.2em; font-size: 3.1vw;}
ul.num_list p span { font-size: 90%;}
ul.atte_list + .bg_black { margin-top: 7vw;}

.btn_attention { margin: 5.4vw auto 9vw;}
.btn_attention img { max-width: 78vw;}

.under_b { border-bottom: 1.2vw solid #000; text-align: center;}
.under_b img { width: 97%; margin: 0 auto;}

.attention { font-size: 2vw;}
.fs24 { font-size: 112%;}
.contact { font-size: 100%;}

.bg_black {
  margin-bottom: 1.6vw;
  padding: .3vw 0 .6vw;
  font-size: 3.3vw;
}
.head_h3 { font-size: 3.1vw;}

.official_wrap {
  width: 90%;
}




#main_wrap.wallpaper_pre { padding-bottom: 15vw;}
.wallpaper_pre header { padding: 1.6vw 0 1.2vw;}
#main_wrap.wallpaper_pre h1 { font-size: 6vw;}
.wallpaper_pre .guidance { margin: 2vw 0 5vw; font-size: 3.5vw;}
.wp_top { width: 66vw; width: 52vw;}
.btn_wppre { width: 70vw; width: 54vw; margin: 0 auto 2.5vw;}
img + .btn_wppre { margin-top: 5vw;}
main .btn_wppre:last-of-type { margin-bottom: 8vw;}
.wp_size1320 { width: 69vw; width: 52vw;}
.wp_size1440 { width: 72vw; width: 62vw;}
.wp_size { margin: 2vw 0; margin: 2vw 0 6vw; font-size: 3vw;}






footer#footer {
}
.footer_nav.wide {
  flex-direction: column;
}
  .footer_nav.wide a {
    display: block;
    padding: .5rem 1rem;
  }
.footer_infoBox { width: 90%;}
  .footer_info {
    width: 100%;
    font-size: .5rem;
  }
  .footer_infoBox .footer_nav {
    margin: 1rem 0 2rem;
  }
    .footer_infoBox .footer_nav a {
      padding-left: 0;
      padding-right: 1rem;
    }
.copywrite {
  font-size: 2.2vw;
}



}

/*
https://webdesignday.jp/inspiration/technique/css/4166/
https://cotodama.co/pagetop/
https://cotodama.co/search-box/
https://web.monogusa-note.com/flexible-tabs-only-css
*/