@charset "UTF-8";
/** 新規登録 */
/** styles */
* { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media screen and (max-width: 640px) { * { flex-wrap: wrap; } }

@media screen and (max-width: 640px) { .only_pc { display: none; } }

.only_sp { display: none; }
@media screen and (max-width: 640px) { .only_sp { display: initial; } }

a.btnBlue { background-color: #1c74b4; color: #fff; display: block; height: 57px; width: 360px; display: flex; align-items: center; justify-content: center; filter: drop-shadow(2px 6px 3px rgba(95, 137, 177, 0.16)); will-change: filter; border-radius: 2px; margin: 0 auto; font-size: 16px; font-weight: bold; }
@media screen and (max-width: 640px) { a.btnBlue { width: 100%; } }
a.btnBlue:hover { animation: button-hover 800ms ease-in-out; text-decoration: none; }
a.textLink { font-size: 14px; font-weight: bold; text-decoration: none; display: flex; align-items: center; margin: 30px 0 0; }
@media screen and (max-width: 640px) { a.textLink { margin: 0; } }
a.textLink.blank:after { content: ""; background: url("../support/images/blankIcon.png"); width: 18px; height: 18px; background-size: 100% 100%; display: block; margin-left: 12px; }
a img:hover { animation: button-hover 800ms ease-in-out; }

body { padding-top: 102px; font-family: "Noto Sans JP", sans-serif; padding-bottom: 72px; }
@media screen and (max-width: 640px) { body { padding-top: 95px; padding-bottom: 130px; } }
body strong { font-weight: bold; }
body p { font-size: 14px; line-height: 24px; }

.l-header { position: fixed; top: 0; left: 0; right: 0; background: #fff; border-bottom: 1px solid #ebebeb; z-index: 1000; transition: transform 300ms ease; transform: translateY(0); }
html.is-scrolled .l-header { transform: translateY(-102px); }
html.is-scroll-back .l-header { position: fixed; transform: translateY(-36px); }
@media screen and (max-width: 640px) { html.is-scrolled .l-header { transform: translateY(-90px); }
  html.is-scroll-back .l-header { position: fixed; transform: translateY(-36px); } }
.l-header__group { color: #fff; background: #036; line-height: 1; }
.l-header__group a { display: block; }
.l-header__group img { vertical-align: bottom; height: auto; max-width: 100%; }
.l-header__group__inner { display: flex; align-items: center; justify-content: flex-end; margin: 0 auto; padding: 0 15px; height: 36px; }
@media screen and (max-width: 640px) { .l-header__group__inner { padding: 0 12px; height: 36px; }
  .l-header__group__inner img { width: 60px; } }
@media screen and (max-width: 640px) { .l-header__group__logo a { display: inline-block; line-height: 12px; }
  .l-header__group__logo img { width: auto; height: 12px; } }
.l-header__inner { display: flex; height: 66px; padding-right: 66px; }
@media screen and (max-width: 640px) { .l-header__inner { height: 54px; padding-right: 54px; } }
.l-header__logo { flex: 0 0 auto; margin-right: auto; display: flex; align-items: center; padding: 0 30px; }
@media screen and (max-width: 640px) { .l-header__logo { padding: 0 17px; } }
.l-header__logo img { width: 140px; height: 38px; vertical-align: bottom; }
@media screen and (max-width: 640px) { .l-header__logo img { width: 110px; height: auto; } }

#contents { width: auto; padding: 0; }
@media screen and (max-width: 640px) { #contents { width: 100%; box-sizing: border-box; } }
#contents .inner { width: 960px; margin: 0 auto; box-sizing: border-box; }
@media screen and (max-width: 640px) { #contents .inner { width: 100%; padding: 0 18px 0; } }

#askdoctors .scene .tit, #askdoctors .feature .tit, #askdoctors .usage .tit, #askdoctors .attention .tit { text-align: center; font-size: 30px; line-height: 42px; letter-spacing: 2px; }
@media screen and (max-width: 640px) { #askdoctors .scene .tit, #askdoctors .feature .tit, #askdoctors .usage .tit, #askdoctors .attention .tit { font-size: 24px; line-height: 32px; letter-spacing: 1px; } }
#askdoctors .mv { padding-top: 36px; border-bottom: 1px solid #ebebeb; }
@media screen and (max-width: 640px) { #askdoctors .mv { padding-top: 21px; } }
#askdoctors .mv .inner { display: flex; justify-content: flex-end; padding-left: 16px; }
@media screen and (max-width: 640px) { #askdoctors .mv .inner { display: block; padding-left: 18px; } }
#askdoctors .mv .left, #askdoctors .mv .right { width: 50%; flex-shrink: 0; text-align: center; }
@media screen and (max-width: 640px) { #askdoctors .mv .left, #askdoctors .mv .right { width: 100%; } }
#askdoctors .mv .left { padding-top: 57px; }
@media screen and (max-width: 640px) { #askdoctors .mv .left { padding-top: 0; } }
#askdoctors .mv .left .tit p { border: 1px solid #1c74b4; height: 60px; width: 250px; color: #1c74b4; font-weight: bold; font-size: 15px; display: flex; align-items: center; justify-content: center; margin: 0 auto; }/* 202108変更 */
#askdoctors .mv .left .tit h2 { margin-top: 6px; }
#askdoctors .mv .left .tit h2 span { color: #1c74b4; display: block; font-size: 30px; line-height: 45px; font-weight: bold; }
#askdoctors .mv .left .tit h2 img { margin-top: 30px; }
@media screen and (max-width: 640px) { #askdoctors .mv .left .tit p { padding-top: 0; font-size: 13px; height: 56px; width: 256px; }/* 202108変更 */
  #askdoctors .mv .left .tit h2 { margin-top: 8px; }
  #askdoctors .mv .left .tit h2 span { font-size: 24px; line-height: 36px; letter-spacing: 0.2px; }
  #askdoctors .mv .left .tit h2 img { margin-top: 12px; width: 193px; } }
@media screen and (max-width: 350px) { #askdoctors .mv .left .tit h2 span { font-size: 21px; line-height: 34px; } }
#askdoctors .mv .left .txt { margin-top: 28px; font-size: 16px; line-height: 28px; letter-spacing: 0px; padding-left: 8px; }
#askdoctors .mv .left .txt span { display: block; margin-top: 18px; font-size: 13px; line-height: 28px; letter-spacing: 1px; color: #555555; }
@media screen and (max-width: 640px) { #askdoctors .mv .left .txt { margin-top: 17.5px; font-size: 14px; line-height: 24px; letter-spacing: 0px; padding-left: 0; }
  #askdoctors .mv .left .txt span { margin-top: 14px; font-size: 12px; line-height: 20px; } }
@media screen and (max-width: 350px) { #askdoctors .mv .left .txt { font-size: 12px; line-height: 22px; } }
#askdoctors .mv .right img { width: 360px; }
@media screen and (max-width: 640px) { #askdoctors .mv .right { margin-top: 21px; }
  #askdoctors .mv .right img { width: 249px; } }
#askdoctors .scene { padding: 48px 0; }
@media screen and (max-width: 640px) { #askdoctors .scene { padding-top: 39px; } }
#askdoctors .scene .txt { margin-top: 24px; font-size: 15px; line-height: 26px; text-align: center; letter-spacing: 0px; }
@media screen and (max-width: 640px) { #askdoctors .scene .txt { font-size: 14px; line-height: 24px; text-align: left; padding-left: 6px; } }
#askdoctors .scene .sceneList { display: flex; justify-content: center; align-items: flex-start; margin-top: 34px; }
#askdoctors .scene .sceneList li { text-align: center; }
#askdoctors .scene .sceneList li + li { margin-left: 43px; }
#askdoctors .scene .sceneList li .sceneListTit { color: #1c74b4; font-weight: bold; font-size: 18px; line-height: 27px; letter-spacing: 1.5px; }
#askdoctors .scene .sceneList li .sceneListTxt { text-align: left; font-size: 15px; line-height: 24px; margin-top: 25px; display: flex; align-items: center; justify-content: center; }
#askdoctors .scene .sceneList li .sceneListTxt img { width: 93px; flex-shrink: 0; }
#askdoctors .scene .sceneList li .sceneListTxt span { display: block; width: 200px; min-height: 94px; padding: 10px 14px 12px 32px; box-sizing: border-box; position: relative; }
#askdoctors .scene .sceneList li .sceneListTxt span:before { content: ""; display: block; width: calc(100% + 10px); height: calc(100% + 18px); background: url(../support/images/scene_txtbg_pc.png) no-repeat left top; background-size: 100% 100%; position: absolute; left: -1.5px; top: -9px; z-index: -1; }
#askdoctors .scene .sceneList li:nth-of-type(3) .sceneListTxt { margin-top: 10px; }
#askdoctors .scene .sceneList li:nth-of-type(3) .sceneListTxt span { padding: 13px 12px 12px 32px; }
#askdoctors .scene .sceneList li:nth-of-type(3) .sceneListTxt span:before { background: url(../support/images/scene_txtbg2_pc.png) no-repeat left top; background-size: 100% 100%; }
@media screen and (max-width: 640px) { #askdoctors .scene .sceneList { margin-top: 30px; }
  #askdoctors .scene .sceneList li { width: 100%; text-align: left; display: flex; flex-direction: column; max-width: 340px; }
  #askdoctors .scene .sceneList li + li { margin-left: 0; margin-top: 33px; }
  #askdoctors .scene .sceneList li .sceneListTxt { font-size: 13px; line-height: 22px; margin-top: 12px; }
  #askdoctors .scene .sceneList li .sceneListTxt img { width: 63px; }
  #askdoctors .scene .sceneList li .sceneListTxt span { width: calc(100% - 70px); max-width: 269px; min-height: 64px; padding: 8px 8px 13px 26px; letter-spacing: 0px; }
  #askdoctors .scene .sceneList li .sceneListTxt span:before { content: ""; display: block; width: calc(100% + 16px); height: calc(100% + 18px); background: url(../support/images/scene_txtbg_sp.png) no-repeat left top; background-size: 100% 100%; position: absolute; left: -5px; top: -9px; z-index: -1; }
  #askdoctors .scene .sceneList li:nth-of-type(3) .sceneListTxt span:before { background: url(../support/images/scene_txtbg_sp.png) no-repeat left top; background-size: 100% 100%; } }
#askdoctors .feature { background-color: #F0F1F2; padding: 48px 0; }
@media screen and (max-width: 640px) { #askdoctors .feature { padding-top: 35px; } }
#askdoctors .feature .featureList { margin-top: 54px; display: flex; justify-content: center; flex-wrap: wrap; }
@media screen and (max-width: 640px) { #askdoctors .feature .featureList { margin-top: 0; display: block; } }
#askdoctors .feature .featureList li { background-color: #fff; width: 304px; margin-left: 24px; border-radius: 4px; padding: 16px 20px 24px; position: relative; }
#askdoctors .feature .featureList li:nth-of-type(3n+1) { margin-left: 0; }
#askdoctors .feature .featureList li:nth-child(n+4) { margin-top: 40px; }
#askdoctors .feature .featureList li:last-of-type .featureListImg { margin-bottom: 16px; padding-bottom: 7px; }
@media screen and (max-width: 640px) { #askdoctors .feature .featureList li { width: 100%; margin-left: 0; padding: 28px 20px 24px; margin-top: 43px; } }
#askdoctors .feature .featureList li p { letter-spacing: 0; }
#askdoctors .feature .featureList li p + p { margin-top: 9px; }
#askdoctors .feature .featureList li p span { font-weight: bold; }
#askdoctors .feature .featureList li .featureListNum { font-size: 16px; line-height: normal; top: -11px; position: absolute; left: 0; right: 0; margin: 0 auto; color: #1c74b4; font-weight: bold; display: flex; align-items: center; justify-content: center; }
#askdoctors .feature .featureList li .featureListNum svg { margin-left: 9px; }
@media screen and (max-width: 640px) { #askdoctors .feature .featureList li .featureListNum svg { width: 20px; } }
#askdoctors .feature .featureList li .featureListTit { height: 54px; display: flex; justify-content: center; align-items: center; font-size: 18px; line-height: 27px; font-weight: bold; color: #1c74b4; text-align: center; letter-spacing: 1.5px; }
@media screen and (max-width: 640px) { #askdoctors .feature .featureList li .featureListTit { height: auto; } }
@media screen and (max-width: 350px) { #askdoctors .feature .featureList li .featureListTit { font-size: 14px; line-height: 24px; } }
#askdoctors .feature .featureList li .featureListImg { height: 111px; margin-top: 10px; display: flex; align-items: flex-end; justify-content: center; margin-bottom: 21px; }
@media screen and (max-width: 640px) { #askdoctors .feature .featureList li .featureListImg { margin-bottom: 16px; margin-top: 10px; } }
#askdoctors .feature .featureList li .featureListNote { font-size: 13px; line-height: 19px; color: #555555; margin-top: 10px; margin-left: 1em; text-indent: -1em; letter-spacing: 0; }
@media screen and (max-width: 640px) { #askdoctors .feature .featureList li .featureListNote { font-size: 12px; line-height: 18px; margin-top: 14px; } }
#askdoctors .usage { padding: 54px 0 48px; }
@media screen and (max-width: 640px) { #askdoctors .usage { padding-top: 35px; } }
#askdoctors .usage .txt { margin-top: 24px; text-align: center; letter-spacing: 1px; line-height: 25px; }
@media screen and (max-width: 640px) { #askdoctors .usage .txt { text-align: left; letter-spacing: 0.4px; } }
#askdoctors .usage .step { width: 800px; margin: 36px auto 0; }
@media screen and (max-width: 640px) { #askdoctors .usage .step { width: 100%; margin: 18px auto 0; } }
#askdoctors .usage .step .stepTit { background-color: #375796; font-weight: bold; color: #fff; font-size: 18px; line-height: 35px; padding: 5px 0 7px; text-align: center; letter-spacing: 0; border-radius: 4px 4px 0 0; }
@media screen and (max-width: 640px) { #askdoctors .usage .step .stepTit { font-size: 16px; padding: 11px 0 13px; line-height: normal; } }
#askdoctors .usage .step .stepList { background-color: #F0F1F2; padding: 10px 24px 0; }
@media screen and (max-width: 640px) { #askdoctors .usage .step .stepList { padding-top: 0px; padding: 0 20px; } }
#askdoctors .usage .step .stepList li { padding: 17px 0 24px; }
@media screen and (max-width: 640px) { #askdoctors .usage .step .stepList li { padding-top: 18px; } }
#askdoctors .usage .step .stepList li .stepListTit { text-align: center; }
#askdoctors .usage .step .stepList li .stepListTit p { font-weight: bold; font-size: 16px; line-height: 24px; letter-spacing: 1.1px; }
#askdoctors .usage .step .stepList li .stepListTit p span { font-size: 14px; line-height: inherit; font-weight: inherit; }
#askdoctors .usage .step .stepList li .stepListTit .stepListNum { font-family: 'Kulim Park', sans-serif; color: #00969D; font-size: 20px; line-height: 23px; margin-bottom: 5px; font-weight: normal; }
@media screen and (max-width: 640px) { #askdoctors .usage .step .stepList li .stepListTit { text-align: left; }
  #askdoctors .usage .step .stepList li .stepListTit .stepListNum { font-size: 17px; line-height: 19px; margin-bottom: 3px; } }
#askdoctors .usage .step .stepList li .stepListCtt { margin-top: 24px; }
#askdoctors .usage .step .stepList li .stepListCtt .stepListImg { text-align: center; }
#askdoctors .usage .step .stepList li.step1 .stepListTit img { margin-top: 12px; width: 90px; }
@media screen and (max-width: 640px) { #askdoctors .usage .step .stepList li.step1 .stepListTit { position: relative; }
  #askdoctors .usage .step .stepList li.step1 .stepListTit img { margin-top: 0; position: absolute; width: 88px; height: 88px; top: 12px; right: -4px; } }
@media screen and (max-width: 350px) { #askdoctors .usage .step .stepList li.step1 .stepListTit img { width: 68px; height: 68px; } }
#askdoctors .usage .step .stepList li.step1 .stepListCtt { margin-top: 10px; }
#askdoctors .usage .step .stepList li.step1 .stepListCtt .downloadQr { display: flex; justify-content: center; }
#askdoctors .usage .step .stepList li.step1 .stepListCtt .downloadQr .wrap { background-color: #fff; padding: 18px; width: 192px; box-sizing: border-box; text-align: center; }
#askdoctors .usage .step .stepList li.step1 .stepListCtt .downloadQr .wrap a { display: block; }
#askdoctors .usage .step .stepList li.step1 .stepListCtt .downloadQr .wrap a img { width: 100%; }
#askdoctors .usage .step .stepList li.step1 .stepListCtt .downloadQr .wrap a + img { margin-top: 30px; width: 120px; }
#askdoctors .usage .step .stepList li.step1 .stepListCtt .downloadQr .wrap + .wrap { margin-left: 4px; }
#askdoctors .usage .step .stepList li.step1 .stepListCtt .stepNote { font-size: 13px; line-height: 19px; color: #555555; padding-left: 1em; text-indent: -1em; width: 396px; margin: 18px auto 0; letter-spacing: 0px; }
@media screen and (max-width: 640px) { #askdoctors .usage .step .stepList li.step1 .stepListCtt { margin-top: 24px; }
  #askdoctors .usage .step .stepList li.step1 .stepListCtt .downloadQr { width: calc(100% - 10px); margin: 0 auto; }
  #askdoctors .usage .step .stepList li.step1 .stepListCtt .downloadQr .wrap { background-color: transparent; padding: 0; width: auto; flex: 1; max-width: 130px; }
  #askdoctors .usage .step .stepList li.step1 .stepListCtt .downloadQr .wrap a img { width: 100%; }
  #askdoctors .usage .step .stepList li.step1 .stepListCtt .downloadQr .wrap + .wrap { margin-left: 15px; }
  #askdoctors .usage .step .stepList li.step1 .stepListCtt .stepNote { width: 100%; font-size: 12px; line-height: 18px; padding-right: 10px; } }
#askdoctors .usage .step .stepList li.step2 p { text-align: center; letter-spacing: 0px; }
@media screen and (max-width: 640px) { #askdoctors .usage .step .stepList li.step2 p { text-align: left; } }
#askdoctors .usage .step .stepList li.step2 .stepListTit .stepListNum { letter-spacing: 1.1px; }
#askdoctors .usage .step .stepList li.step2 .stepListImg { margin-bottom: 23px; margin-left: 30px; }
#askdoctors .usage .step .stepList li.step2 .stepListImg img { width: 423px; }
@media screen and (max-width: 640px) { #askdoctors .usage .step .stepList li.step2 .stepListImg { width: 100%; margin-bottom: 24px; margin-left: 0; }
  #askdoctors .usage .step .stepList li.step2 .stepListImg img { width: 100%; } }
#askdoctors .usage .step .stepList li.step2 .btnBlue { width: 151px; margin-top: 17px; padding-bottom: 4px; }
@media screen and (max-width: 640px) { #askdoctors .usage .step .stepList li.step2 .btnBlue { font-size: 15px; } }
#askdoctors .usage .step .stepList li.step3 { padding-bottom: 10px; }
#askdoctors .usage .step .stepList li.step3 .stepListCtt { margin-top: 18px; }
#askdoctors .usage .step .stepList li.step3 .stepListImg { margin-left: 16px; }
#askdoctors .usage .step .stepList li.step3 .stepListImg img { width: 234px; }
@media screen and (max-width: 640px) { #askdoctors .usage .step .stepList li.step3 .stepListImg { margin-left: 0px; }
  #askdoctors .usage .step .stepList li.step3 .stepListImg img { width: 63.6%; } }
#askdoctors .usage .step .stepList li + li { border-top: 1px solid #D5D5D5; }
#askdoctors .attention { background-color: #F0F1F2; padding: 43px 0 48px; margin-bottom: 46px; }
@media screen and (max-width: 640px) { #askdoctors .attention { padding: 40px 0 36px; margin-bottom: 36px; } }
#askdoctors .attention .tit { font-size: 24px; line-height: 24px; }
@media screen and (max-width: 640px) { #askdoctors .attention .tit { font-size: 20px; } }
#askdoctors .attention ul { width: 616px; margin: 21px auto 0; }
#askdoctors .attention ul li { margin-left: 1em; text-indent: -1em; letter-spacing: 0; font-size: 14px; line-height: 24px; }
@media screen and (max-width: 640px) { #askdoctors .attention ul { width: 100%; font-size: 13px; line-height: 22px; margin-top: 18px; }
  #askdoctors .attention ul li { line-height: 22px; font-size: 13px; } }
@keyframes button-hover { 20% { opacity: 0.5; }
  100% { opacity: 1; } }
#askdoctors .button-layout { text-align: center; }
@media screen and (max-width: 640px) { #askdoctors .button-layout { width: 70%; margin: 0 auto; } }
#askdoctors .button-layout a:hover { text-decoration: none; }
#askdoctors .button-layout a span:hover { text-decoration: none; }
#askdoctors #footer { overflow: hidden; width: 100%; }
#askdoctors #footer .footer-body { width: 960px; position: relative; padding: 50px 20px 0; background: #fff; }
@media screen and (max-width: 640px) { #askdoctors #footer .footer-body { width: 100%; padding: 45px 20px 0; } }
#askdoctors #footer .footer-body .footer-logo { position: absolute; left: 0; top: -35px; }
@media screen and (max-width: 640px) { #askdoctors #footer .footer-body .footer-logo { text-align: left; }
  #askdoctors #footer .footer-body .footer-logo img { width: 60px !important; height: auto !important; } }
#askdoctors #footer .footer-contents { background-color: #505050; background-image: none; padding: 20px 0; position: relative; height: 55px; box-sizing: border-box; }
@media screen and (max-width: 640px) { #askdoctors #footer .footer-contents { padding: 13px 10px; height: 60px; } }
#askdoctors #footer .footer-contents:before { content: ""; width: 100%; height: 100%; background: #505050; display: inline-block; top: 0; left: -100%; position: absolute; }
#askdoctors #footer .footer-contents:after { content: ""; width: 100%; height: 100%; background: #505050; display: inline-block; top: 0; right: -100%; position: absolute; }
#askdoctors #footer .footer-contents a { color: #fff; }
#askdoctors #footer .footer-contents .footer-links { width: 100%; }
@media screen and (max-width: 640px) { #askdoctors #footer .footer-contents .footer-links { display: flex; float: none; flex-wrap: wrap; justify-content: center; } }
#askdoctors #footer .footer-contents .footer-links li { display: block; color: #fff; border: none; font-size: 11px; }
@media screen and (max-width: 640px) { #askdoctors #footer .footer-contents .footer-links li { font-size: 11px; } }
#askdoctors #footer .footer-contents .footer-links li a { color: #fff; text-decoration: none; }
@media screen and (max-width: 640px) { #askdoctors #footer .footer-contents .footer-links li a { font-size: 11px; } }
#askdoctors #footer .footer-contents .footer-links li + li { border-left: 1px solid #fff; }
#askdoctors #footer address { border-top: none; }
#askdoctors #footer address p { width: 960px; font-size: 75%; }
@media screen and (max-width: 640px) { #askdoctors #footer address p { width: 100%; } }
#askdoctors .ap-num { display: none; }

.mod-pagetop { width: 960px; margin: 0 auto 0; padding: 0; text-align: right; }
@media screen and (max-width: 640px) { .mod-pagetop { padding-top: 0; width: 100%; padding-right: 18px; } }
.mod-pagetop a { color: #333333; display: inline-flex; line-height: 20px; font-size: inherit; background: none; }
.mod-pagetop a:after { display: block; content: ""; background: url("../images/common/mark_pagetop.png") no-repeat right center; background-size: contain; width: 20px; height: 20px; margin-left: 5px; }

.pageBottomFixed { background: #edf5ff; height: 72px; display: flex; align-items: center; justify-content: center; position: fixed; bottom: -100%; left: 0; width: 100%; z-index: 999; box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.1); transition: bottom 1s; }
.pageBottomFixed.is-fixed { bottom: 0; transition: bottom 1s; }
@media screen and (max-width: 640px) { .pageBottomFixed { height: 130px; } }
.pageBottomFixed ul { display: flex; align-items: center; }
@media screen and (max-width: 640px) { .pageBottomFixed ul { width: 335px; margin: 0 auto; } }
.pageBottomFixed ul li { display: flex; }
@media screen and (max-width: 640px) { .pageBottomFixed ul li { width: 100%; } }
.pageBottomFixed ul li .wrap { display: flex; align-items: center; }
@media screen and (max-width: 640px) { .pageBottomFixed ul li .wrap { width: 100%; } }
.pageBottomFixed ul li .wrap img { width: 56px; flex-shrink: 0; margin-left: -5px; margin-top: -5px; }
.pageBottomFixed ul li .wrap p.tit span { font-size: 15px; font-weight: bold; margin-left: 8px; display: block; }
.pageBottomFixed ul li .wrap p.tit span.tag { border: solid 1px #00969d; color: #00969d; width: 66px; display: flex; align-items: center; justify-content: center; display: inline-flex; font-size: 13px; font-weight: normal; }
.pageBottomFixed ul li .wrap p.tit span + span { margin-top: 3px; }
@media screen and (max-width: 640px) { .pageBottomFixed ul li .wrap p.tit { width: calc(100% - 56px); padding-left: 8px; }
  .pageBottomFixed ul li .wrap p.tit span { margin: 0; }
  .pageBottomFixed ul li .wrap p.tit span.tag { line-height: 20px; }
  .pageBottomFixed ul li .wrap p.tit span + span { margin-top: 1px; } }
.pageBottomFixed ul li a { display: block; width: 156px; }
@media screen and (max-width: 350px) { .pageBottomFixed ul li a { width: 150px; } }
.pageBottomFixed ul li a img { width: 100%; }
.pageBottomFixed ul li + li { margin-left: 30px; justify-content: space-between; }
.pageBottomFixed ul li + li a:nth-of-type(2) { margin-left: 20px; }
@media screen and (max-width: 640px) { .pageBottomFixed ul li + li { margin-left: 0; margin-top: 10px; } }

/* 2108追加 */
@media only screen and (min-width: 769px) {
.bgHS{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #eaf4ff;
    border-radius: 8px;
    padding: 10px 0px 20px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 768px) {
.bgHS{
    background-color: #eaf4ff;
    border-radius: 8px;
    padding: 10px 3.402% 15px;
    margin-top: 15px;
    margin: 0 auto;
  }

}
/* 2108追加 end */