@charset "UTF-8";
/*******************************************/
/* Main Page                               */
/*******************************************/
main p { font-size: 1.6rem; line-height: 2.8rem; }
@media print, screen and (min-width: 768px) { main p { line-height: 3.2rem; } }

.pageHero { position: relative; text-align: center; margin: 0 auto; height: 100px; display: flex; justify-content: center; align-items: center; }
@media print, screen and (min-width: 768px) { .pageHero { width: 960px; height: 160px; } }
@media print, screen and (min-width: 1441px) { .pageHero { width: 1200px; } }
.pageHero h1 { color: #fff; font-size: 2.4rem; font-weight: normal; letter-spacing: 0.2em; margin-left: 0.2em; }
@media print, screen and (min-width: 768px) { .pageHero h1 { font-size: 4.0rem; } }
.pageHero h1 span { display: block; font-size: 1.2rem; margin-bottom: 10px; }
@media print, screen and (min-width: 768px) { .pageHero h1 span { display: inline-block; font-size: 2.0rem; position: relative; top: -0.3em; } }

.pageBlock-inr { margin: 0 auto; padding: 32px 0; position: relative; width: calc(100% - 32px); }
@media print, screen and (min-width: 768px) { .pageBlock-inr { padding: 64px 0 72px; width: 960px; } }
@media print, screen and (min-width: 1441px) { .pageBlock-inr { width: 1200px; } }

.pageBlock-narrow { margin: 0 auto; padding: 48px 0; position: relative; width: calc(100% - 32px); }
@media print, screen and (min-width: 768px) { .pageBlock-narrow { padding: 64px 0 72px; width: 960px; } }

.pageHeading-h2 { color: #001985; font-size: 2.0rem; line-height: 2.8rem; margin-bottom: 32px; }
@media print, screen and (min-width: 768px) { .pageHeading-h2 { font-size: 3.6rem; font-weight: normal; line-height: 5.2rem; margin-bottom: 56px; text-align: center; } }
.pageHeading-h2 br { display: none; }
@media print, screen and (min-width: 768px) { .pageHeading-h2 br { display: block; } }

.pageHeading-h2-line { background: #f4f7f9; color: #001985; font-size: 2.0rem; line-height: 2.8rem; margin-bottom: 32px; padding: 8px; }
@media print, screen and (min-width: 768px) { .pageHeading-h2-line { font-size: 2.8rem; font-weight: normal; line-height: 1em; margin-bottom: 56px; padding: 20px 0; text-align: center; } }

.pageHeading-h2-white { color: #fff; font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 12px; text-align: center; }
@media print, screen and (min-width: 768px) { .pageHeading-h2-white { font-size: 3.6rem; font-weight: normal; line-height: 5.2rem; } }
.pageHeading-h2-white br { display: none; }
@media print, screen and (min-width: 768px) { .pageHeading-h2-white br { display: block; } }

.pageHeading-h3 { font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 16px; }
@media print, screen and (min-width: 768px) { .pageHeading-h3 { font-size: 2.0rem; line-height: 3.4rem; } }

.pageHeading-h3-line { background: #f4f7f9; color: #001985; font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 32px; padding: 8px; }
@media print, screen and (min-width: 768px) { .pageHeading-h3-line { font-size: 2.0rem; line-height: 1em; margin-bottom: 32px; padding: 16px 0; text-align: center; } }

/* Breadcrumb */
.pageCrm { display: none; }
@media print, screen and (min-width: 768px) { .pageCrm { display: block; position: absolute; top: 16px; left: 0; text-align: left; width: 100%; } }
.pageCrm nav { height: auto; }
.pageCrm nav ol { font-size: 0; }
.pageCrm nav ol li { display: inline-block; font-size: 1.4rem; }
.pageCrm nav ol li::after { display: inline-block; content: "/"; color: rgba(255, 255, 255, 0.5); margin: 0 8px 0 6px; position: relative; top: -1px; }
.pageCrm nav ol li:last-child::after { display: none; }
.pageCrm nav ol li a { color: #fff; transition: all 0.3s ease; }
.pageCrm nav ol li a:hover { opacity: 0.5; text-decoration: none; }

/* Box */
.pageBox-red { background: #fff; border: 2px solid red; padding: 16px; }
@media print, screen and (min-width: 768px) { .pageBox-red { padding: 24px; width: 100%; } }

/* Video */
.pgeVideo { margin: 0 auto 32px; }
@media print, screen and (min-width: 768px) { .pgeVideo { margin: 0 auto 64px; width: 854px; } }

.pgeVideo_inr { position: relative; padding-bottom: 56.25%; width: 100%; }

.pgeVideo_inr iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* CTA */
.pageBox-cta1 dl { margin: 0 auto; width: 100%; }
@media print, screen and (min-width: 768px) { .pageBox-cta1 dl { margin: 0 auto; width: 880px; } }
.pageBox-cta1 dl dt { background: #001d42; color: #fff; font-size: 2.0rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; letter-spacing: -1px; padding: 8px 16px; }
@media print, screen and (min-width: 768px) { .pageBox-cta1 dl dt { font-size: 2.4rem; padding: 8px 24px; } }
.pageBox-cta1 dl dd { background: linear-gradient(225deg, #adc1cc 0%, #e7ecef 50%); background-size: cover; padding: 16px; position: relative; }
@media print, screen and (min-width: 768px) { .pageBox-cta1 dl dd { padding: 16px 24px; } }
.pageBox-cta1 dl dd p { font-size: 1.6rem; line-height: 2.8rem; width: 100%; }
@media print, screen and (min-width: 768px) { .pageBox-cta1 dl dd p { width: 420px; } }

.pageBox-cta1-inr { background: #fff; margin: 0 auto; padding-top: 30px; width: 100%; height: 128px; }
@media print, screen and (min-width: 768px) { .pageBox-cta1-inr { position: absolute; top: -26px; right: 16px; width: 274px; } }

.pageBox-cta1 dl dd p.ctaItem-1 { margin: 16px auto; width: auto; }
@media print, screen and (min-width: 768px) { .pageBox-cta1 dl dd p.ctaItem-1 { margin: 0; position: absolute; bottom: 20px; left: 448px; } }
.pageBox-cta1 dl dd p.ctaItem-1 img { margin: 0 auto; width: 81px; height: 55px; }

.pageBox-cta1 dl dd p.ctaItem-2 { margin: 0 auto 16px; width: 124px; }
.pageBox-cta1 dl dd p.ctaItem-2 img { margin: 0; width: 124px; height: auto; }

.pageBox-cta1 dl dd p.ctaItem-3 { color: #001985; font-size: 1.4rem; text-align: center; width: auto; }
.pageBox-cta1 dl dd p.ctaItem-3 a { color: #001985; font-size: 2.4rem; font-weight: bold; }

/* About */
.aboutItem-1 { font-size: 1.8rem; font-weight: bold; }
.aboutItem-1 span { font-size: 1.4rem; }

.aboutItem-2 { font-size: 1.8rem; font-weight: bold; margin-bottom: 0.8rem; }
.aboutItem-2::before { background: #aab53f; content: ""; color: #fff; display: inline-block; font-size: 1.4rem; line-height: 24px; text-align: center; margin-right: 8px; position: relative; top: -1px; width: 24px; height: 24px; }
.aboutItem-2.howtouse1::before { content: "1"; }
.aboutItem-2.howtouse2::before { content: "2"; }
.aboutItem-2.howtouse3::before { content: "3"; }

.aboutItem-3 { background: #aab53f; color: #fff; display: block; line-height: 2.4rem; margin: 0 auto 0; padding: 8px; width: 100%; }
@media print, screen and (min-width: 768px) { .aboutItem-3 { text-align: center; padding: 16px 8px; width: 854px; } }

.aboutItem-4 { margin-bottom: 16px; }
.aboutItem-4 img { width: auto; height: 56px; }

.aboutItem-5 { margin-bottom: 16px; padding: 6px 0; }
.aboutItem-5 img { width: auto; height: 44px; }

.aboutItem-6 { margin-bottom: 16px; padding: 4px 0; }
.aboutItem-6 img { width: auto; height: 48px; }

@media print, screen and (min-width: 768px) { .aboutItem-7 { position: absolute; bottom: 0; left: 50%; margin-left: -120px; } }

.tbl-about-pam th, .tbl-kensa-pam th { font-size: 1.0rem; color: #888; line-height: 1.6rem; text-align: left; width: 64px; }
.tbl-about-pam td, .tbl-kensa-pam td { font-size: 1.0rem; color: #888; line-height: 1.6rem; text-align: left; width: calc(100% - 64px); }

.tbl-about-pam { margin: 8px 0 16px; }
@media print, screen and (min-width: 768px) { .tbl-about-pam { margin: 8px 0 56px; } }

.tbl-kensa-pam { margin: 8px 0 24px; }

/* configuration */
.ul-config1 { margin-bottom: 40px; }
@media print, screen and (min-width: 768px) { .ul-config1 { display: flex; flex-wrap: wrap; margin-left: -24px; } }
.ul-config1 li { border: 3px solid #68a9a8; border-radius: 8px; width: 100%; margin-bottom: 24px; min-height: 0%; }
@media print, screen and (min-width: 768px) { .ul-config1 li { width: calc((100% - 72px) / 3); margin-left: 24px; margin-bottom: 0; padding: 0; } }
.ul-config1 li dl dt { background: #68a9a8; color: #fff; font-size: 1.8rem; text-align: center; padding: 8px; }
@media print, screen and (min-width: 768px) { .ul-config1 li dl dt { font-size: 2.4rem; padding: 16px; } }
.ul-config1 li dl dd { position: relative; padding: 16px 0; }
@media print, screen and (min-width: 768px) { .ul-config1 li dl dd { padding: 32px 0 16px; } }
.ul-config1 li dl dd p.txt-plan-1 { font-size: 2.4rem; font-weight: bold; text-align: center; margin-bottom: 8px; }
@media print, screen and (min-width: 768px) { .ul-config1 li dl dd p.txt-plan-1 { font-size: 3.0rem; margin-bottom: 20px; } }
.ul-config1 li dl dd p.txt-plan-1 span { font-size: 1.2rem; font-weight: normal; margin-right: 8px; }
.ul-config1 li dl dd p.txt-plan-2 { background: #aab53f; color: #fff; font-size: 1.6rem; line-height: 1em; margin: 0 auto; padding: 8px 8px 5px; text-align: center; width: calc(100% - 32px); }
.ul-config1 li dl dd p.txt-plan-2 span { background: rgba(0, 0, 0, 0.2); border-radius: 4px; color: #fff; display: inline-block; font-size: 1.4rem; font-weight: bold; margin-left: 16px; padding: 2px 6px; position: relative; top: -2px; }
.ul-config1 li.configItem-1 { border: 3px solid #9495a3; }
.ul-config1 li.configItem-1 dl dt { background: #9495a3; }
.ul-config1 li.configItem-1 dl dd p.txt-plan-2 { background: #9495a3; }

.ul-config2 { font-size: 0; margin-bottom: 16px; width: 100%; }
.ul-config2 li { font-size: 1.6rem; font-weight: bold; margin-bottom: 30px; }
@media print, screen and (min-width: 768px) { .ul-config2 li { font-size: 1.8rem; } }
.ul-config2 li:last-of-type { margin-bottom: 0; }
.ul-config2 li::before { background: #9495a3; content: ""; display: inline-block; margin-right: 6px; position: relative; top: -2px; width: 10px; height: 10px; }

.dl-config1 { width: 100%; }
.dl-config1 dt { color: #a272a3; font-size: 1.6rem; line-height: 2.4rem; font-weight: bold; margin-bottom: 10px; }
@media print, screen and (min-width: 768px) { .dl-config1 dt { font-size: 1.8rem; line-height: 2.8rem; } }
.dl-config1 dt br { display: none; }
@media print, screen and (min-width: 1441px) { .dl-config1 dt br { display: block; } }
.dl-config1 dd { color: #666; font-size: 1.4rem; line-height: 2.4rem; }

.configItem-2 { font-size: 1.8rem; font-weight: bold; }
.configItem-2 span { background: #68a9a8; border-radius: 16px; color: #fff; font-size: 1.2rem; font-weight: normal; line-height: 1em; margin-right: 8px; padding: 1px 16px; position: relative; top: -2px; }

.table-config { margin-bottom: 24px; width: 100%; }
@media print, screen and (min-width: 768px) { .table-config { margin-bottom: 0; } }
.table-config tr { border-bottom: 1px solid #ccc; }
.table-config tr:first-child { border-top: 1px solid #ccc; }
.table-config tr th, .table-config tr td { line-height: 2.4rem; padding: 8px 0; text-align: left; vertical-align: middle; width: 50%; }
@media print, screen and (min-width: 768px) { .table-config tr th { width: 45%; } }
@media print, screen and (min-width: 768px) { .table-config tr td { width: 55%; } }

/* Uservoice */
@media print, screen and (min-width: 768px) { .flex-uservoice1, .flex-uservoice2 { display: flex; flex-wrap: wrap; margin-left: -40px; } }
.flex-uservoice1 .box-uservoice, .flex-uservoice2 .box-uservoice { margin-bottom: 16px; position: relative; width: 100%; }
@media print, screen and (min-width: 768px) { .flex-uservoice1 .box-uservoice, .flex-uservoice2 .box-uservoice { width: calc((100% - 120px) / 3); margin-left: 40px; margin-bottom: 0; min-height: 0%; } }
.flex-uservoice1 .box-uservoice a, .flex-uservoice2 .box-uservoice a { background: #004077; border-radius: 8px; display: block; padding: 8px; width: 100%; height: 100%; transition: all 0.3s ease; }
.flex-uservoice1 .box-uservoice a:hover, .flex-uservoice2 .box-uservoice a:hover { opacity: 0.5; text-decoration: none; }
.flex-uservoice1 .box-uservoice a p, .flex-uservoice2 .box-uservoice a p { border-radius: 7px 7px 0 0; overflow: hidden; }
.flex-uservoice1 .box-uservoice a dl, .flex-uservoice2 .box-uservoice a dl { width: 100%; }
.flex-uservoice1 .box-uservoice a dl dt, .flex-uservoice2 .box-uservoice a dl dt { color: #fff; font-size: 1.6rem; line-height: 2.6rem; padding: 16px 0; }
@media print, screen and (min-width: 1441px) { .flex-uservoice1 .box-uservoice a dl dt, .flex-uservoice2 .box-uservoice a dl dt { font-size: 1.8rem; line-height: 3.2rem; padding: 24px 0; text-align: center; } }
.flex-uservoice1 .box-uservoice a dl dt br, .flex-uservoice2 .box-uservoice a dl dt br { display: none; }
@media print, screen and (min-width: 1441px) { .flex-uservoice1 .box-uservoice a dl dt br, .flex-uservoice2 .box-uservoice a dl dt br { display: block; } }
.flex-uservoice1 .box-uservoice a dl dd, .flex-uservoice2 .box-uservoice a dl dd { background: url("../img/cmn/icon_item1.svg") no-repeat right 8px center; border-top: 4px solid rgba(0, 0, 0, 0.2); border-radius: 2px; color: #fff; font-size: 1.4rem; padding: 20px 0 12px 8px; text-align: left; }

@media print, screen and (min-width: 768px) { .flex-uservoice2 { margin-left: -16px; } }
@media print, screen and (min-width: 768px) { .flex-uservoice2 .box-uservoice { margin-left: 16px; width: calc((100% - 48px) / 3); } }
.flex-uservoice2 .box-uservoice a dl dt { font-size: 1.4rem; line-height: 2.4rem; padding: 16px 0; }
.flex-uservoice2 .box-uservoice a dl dd { font-size: 1.2rem; }

.pageBox-uservoice1 { background: #f5f5f5; border-radius: 8px; overflow: hidden; margin-bottom: 32px; position: relative; }
@media print, screen and (min-width: 768px) { .pageBox-uservoice1 { display: flex; flex-wrap: nowrap; margin-bottom: 48px; } }
.pageBox-uservoice1 div { padding: 24px; }
@media print, screen and (min-width: 768px) { .pageBox-uservoice1 div { padding: 28px 32px 16px; width: calc(100% - 200px); } }
.pageBox-uservoice1 div h3 { font-size: 1.8rem; margin-bottom: 12px; }
@media print, screen and (min-width: 768px) { .pageBox-uservoice1 div h3 { font-size: 2.0rem; margin-bottom: 20px; } }
.pageBox-uservoice1 div dl { width: 100%; }
@media print, screen and (min-width: 768px) { .pageBox-uservoice1 div dl { display: table; margin-bottom: 8px; } }
.pageBox-uservoice1 div dl dt { font-size: 1.6rem; line-height: 2.2rem; }
@media print, screen and (min-width: 768px) { .pageBox-uservoice1 div dl dt { display: table-cell; width: 170px; } }
.pageBox-uservoice1 div dl dt::after { content: "："; display: inline-block; }
.pageBox-uservoice1 div dl dd { font-size: 1.6rem; line-height: 2.4rem; }
@media print, screen and (min-width: 768px) { .pageBox-uservoice1 div dl dd { display: table-cell; width: calc(100% - 170px); } }

@media print, screen and (min-width: 768px) { .uservoiceItem-1 { width: 200px; overflow: hidden; position: relative; } }
@media print, screen and (min-width: 768px) { .uservoiceItem-1 img { position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%); max-width: inherit; } }

.pageBlock-list { border-top: 4px solid #ccc; margin: 0 auto; padding: 24px 0; position: relative; width: calc(100% - 32px); }
@media print, screen and (min-width: 768px) { .pageBlock-list { padding: 24px 0 56px; width: 960px; } }
.pageBlock-list h3 { font-size: 1.8rem; margin-bottom: 16px; }

/* Q&A */
.ul-qa li { margin-bottom: 32px; }
@media print, screen and (min-width: 768px) { .ul-qa li { margin-bottom: 56px; } }
.ul-qa li:last-of-type { margin-bottom: 0; }
.ul-qa li dl dt { line-height: 2.8rem; font-size: 1.6rem; font-weight: bold; margin-bottom: 4px; padding-left: 46px; position: relative; }
@media print, screen and (min-width: 768px) { .ul-qa li dl dt { line-height: 3.6rem; font-size: 2.0rem; margin-bottom: 16px; } }
.ul-qa li dl dt::before { background: #004077; border: 1px solid #004077; border-radius: 4px; content: "Q"; color: #fff; display: inline-block; font-size: 2.0rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; line-height: 32px; text-align: center; margin-right: 8px; position: absolute; top: -2px; left: 0; width: 32px; height: 32px; }
.ul-qa li dl dd { line-height: 2.8rem; font-size: 1.6rem; padding-left: 46px; position: relative; }
@media print, screen and (min-width: 768px) { .ul-qa li dl dd { line-height: 3.6rem; font-size: 1.8rem; } }
.ul-qa li dl dd::before { border: 1px solid #004077; border-radius: 4px; content: "A"; color: #004077; display: inline-block; font-weight: bold; font-size: 2.0rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; line-height: 32px; text-align: center; margin-right: 8px; position: absolute; top: -2px; left: 0; width: 32px; height: 32px; }

/* Download */
@media print, screen and (min-width: 768px) { .ul-download { display: flex; flex-wrap: wrap; margin-left: -40px; } }
.ul-download li { width: 100%; margin-bottom: 24px; padding: 16px; position: relative; min-height: 196px; }
@media print, screen and (min-width: 768px) { .ul-download li { width: calc((100% - 80px) / 2); margin-left: 40px; padding: 16px 16px 16px 172px; } }
.ul-download li h4 { font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 4px; }
.ul-download li p.ePdf, .ul-download li p.eLink { font-size: 1.4rem; line-height: 2.8rem; }
.ul-download li p.ePdf::before, .ul-download li p.eLink::before { background: #fff; content: ""; color: #fff; display: inline-block; font-size: 1.2rem; line-height: 1em; margin-right: 6px; padding: 2px 6px 1px; position: relative; top: -2px; }
.ul-download li p.ePdf::before { background: red; content: "PDF"; }
.ul-download li p.eLink::before { background: blue; content: "LINK"; }

.downloadItem-1 { margin: 0 auto 16px; width: 140px; }
@media print, screen and (min-width: 768px) { .downloadItem-1 { position: absolute; top: 0; left: 0; margin: 0; } }
.downloadItem-1 img { width: 140px; height: 196px; }

.downloadItem-2 { background: #fff; border: 1px solid #ccc; width: 140px; height: 196px; margin: 0 auto 16px; display: flex; justify-content: center; align-items: center; }
@media print, screen and (min-width: 768px) { .downloadItem-2 { position: absolute; top: 0; left: 0; margin: 0; } }
.downloadItem-2 img { width: 116px; height: auto; }

/* Function */
.pageBox-function { width: 100%; /*.function-movie{ iframe{ width: 100%; height: auto; @include max-screen($breakpoint-pc1) { width: 560px; height: 315px; } }
}*/ }
.pageBox-function .function-ttl dl { width: 100%; }
@media print, screen and (min-width: 768px) { .pageBox-function .function-ttl dl { min-height: 92px; } }
.pageBox-function .function-ttl dl dt { color: #fff; display: flex; align-items: center; font-size: 2.0rem; font-weight: bold; padding-left: 60px; position: relative; height: 54px; }
@media print, screen and (min-width: 768px) { .pageBox-function .function-ttl dl dt { padding-left: 80px; width: 394px; vertical-align: middle; } }
.pageBox-function .function-ttl dl dt::before { background-repeat: no-repeat; background-position: center center; background-size: 24px auto; content: ""; display: inline-block; margin-right: 8px; position: absolute; top: 50%; left: 16px; margin-top: -18px; width: 34px; height: 34px; }
@media print, screen and (min-width: 768px) { .pageBox-function .function-ttl dl dt::before { background-size: 36px auto; margin-top: -27px; margin-right: 0; width: 54px; height: 54px; } }
.pageBox-function .function-ttl dl dd { background: rgba(255, 255, 255, 0.8); line-height: 2.8rem; padding: 8px; }
@media print, screen and (min-width: 768px) { .pageBox-function .function-ttl dl dd { height: 100%; padding: 16px 24px; vertical-align: middle; } }
.pageBox-function .function-ttl dl dd br { display: none; }
@media print, screen and (min-width: 768px) { .pageBox-function .function-ttl dl dd br { display: block; } }
.pageBox-function .function-ttl-2col dl { width: 100%; }
.pageBox-function .function-ttl-2col dl dt { color: #fff; display: flex; align-items: center; font-size: 2.0rem; font-weight: bold; padding-left: 60px; position: relative; height: 54px; }
.pageBox-function .function-ttl-2col dl dt::before { background-repeat: no-repeat; background-position: center center; background-size: 24px auto; content: ""; display: inline-block; position: absolute; top: 50%; left: 16px; margin-top: -18px; width: 34px; height: 34px; }
.pageBox-function .function-ttl-2col dl dd { background: rgba(255, 255, 255, 0.8); line-height: 2.8rem; padding: 8px; }
@media print, screen and (min-width: 768px) { .pageBox-function .function-ttl-2col dl dd { display: flex; align-items: center; padding: 16px 24px; min-height: 88px; } }
.pageBox-function .function-content { background: #f9f9f9; padding: 16px; }
@media print, screen and (min-width: 768px) { .pageBox-function .function-content { padding: 48px; } }
.pageBox-function .function-movie { background: #f9f9f9; padding: 16px 0; }
@media print, screen and (min-width: 768px) { .pageBox-function .function-movie { padding: 0; } }
.pageBox-function .function-movie dl { width: 100%; }
@media print, screen and (min-width: 768px) { .pageBox-function .function-movie dl { min-height: 92px; } }
.pageBox-function .function-movie dl dt { background: rgba(88, 182, 133, 0.3); color: #000000; display: flex; align-items: center; font-size: 2.0rem; padding-left: 60px; position: relative; height: 52px; }
@media print, screen and (min-width: 768px) { .pageBox-function .function-movie dl dt { padding-left: 80px; vertical-align: middle; } }
.pageBox-function .function-movie dl dt::before { background: url("../img/cmn/icon_f30.svg"); background-repeat: no-repeat; background-position: center center; background-size: 34px 30px; content: ""; display: inline-block; margin-right: 8px; position: absolute; top: 50%; left: 16px; margin-top: -15px; width: 34px; height: 30px; }
@media print, screen and (min-width: 768px) { .pageBox-function .function-movie dl dt::before { background-size: 34px 30px; left: 25px; margin-right: 0; width: 34px; height: 30px; } }
.pageBox-function .function-movie dl dt.blue { background: rgba(115, 175, 219, 0.3); }
.pageBox-function .function-movie dl dd { background: #F9F9F9; padding: 12px 12px 0; }
@media print, screen and (min-width: 768px) { .pageBox-function .function-movie dl dd { height: 100%; padding: 48px; /*					vertical-align:middle; */ } }
.pageBox-function .function-movie dl dd .kensaBox { width: 100%; height: 100%; }
@media print, screen and (min-width: 768px) { .pageBox-function .function-movie dl dd .kensaBox { width: 560px; margin: 0 auto; } }
.pageBox-function .function-movie dl dd .kensaBox .movieBox { position: relative; padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/ height: 0; overflow: hidden; }
.pageBox-function .function-movie dl dd .kensaBox .movieBox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.pageBox-function .function-movie dl dd .movie-ttl { font-size: 1.8rem; font-weight: 600; margin-bottom: 1.2rem; }
@media print, screen and (min-width: 768px) { .pageBox-function .function-movie dl dd .movie-ttl { margin-bottom: 2.0rem; } }

.function-box1 { background: white; padding: 16px; }
@media print, screen and (min-width: 768px) { .function-box1 { padding: 24px; } }
.function-box1 a { display: block; transition: all 0.3s ease; }
.function-box1 a:hover { opacity: 0.5; text-decoration: none; }

.function-box2 { border: 1px solid #ff99cb; background: #fff5fb; padding: 16px; }
@media print, screen and (min-width: 768px) { .function-box2 { padding: 32px; } }
.function-box2 h3 { color: #ff669a; text-align: left; font-size: 2.0rem; line-height: 3.0rem; margin-bottom: 24px; }
@media print, screen and (min-width: 768px) { .function-box2 h3 { text-align: center; margin-bottom: 32px; } }
.function-box2 h4 { font-size: 1.8rem; margin-bottom: 1em; }
.function-box2 .box-3-2 { margin-bottom: 16px; }

.ttl-poket { background: #58b685; }
.ttl-poket dl dt { background: #58b685; }
.ttl-poket dl dt::before { background: #58b685 url("../img/cmn/icon_f06.svg"); }

.ttl-pla { background: #1773b7; }
.ttl-pla dl dt { background: #1773b7; }
.ttl-pla dl dt::before { background: #1773b7 url("../img/cmn/icon_f01.svg"); }

.ttl-oral { background: #e47091; }
.ttl-oral dl dt { background: #e47091; }
.ttl-oral dl dt::before { background: #e47091 url("../img/cmn/icon_f11.svg"); }

.ttl-risk { background: #626bb1; }
.ttl-risk dl dt { background: #626bb1; }
.ttl-risk dl dt::before { background: #626bb1 url("../img/cmn/icon_f11.svg"); }

.ttl-dia { background: #a7a77a; }
.ttl-dia dl dt { background: #a7a77a; }
.ttl-dia dl dt::before { background: #a7a77a url("../img/cmn/icon_f19.svg"); }

.ttl-euro { background: #60b748; }
.ttl-euro dl dt { background: #60b748; }
.ttl-euro dl dt::before { background: #60b748 url("../img/cmn/icon_f14.svg"); }

.ttl-rec { background: #45b89d; }
.ttl-rec dl dt { background: #45b89d; }
.ttl-rec dl dt::before { background: #45b89d url("../img/cmn/icon_f26.svg"); }

.ttl-imgexp { background: #d8846a; }
.ttl-imgexp dl dt { background: #d8846a; }
.ttl-imgexp dl dt::before { background: #d8846a url("../img/cmn/icon_f13.svg"); }

.ttl-expand { background: #317c55; }
.ttl-expand dl dt { background: #317c55; }
.ttl-expand dl dt::before { background: #317c55 url("../img/cmn/icon_f03.svg"); }

.ttl-layout { background: #9696a4; }
.ttl-layout dl dt { background: #9696a4; }
.ttl-layout dl dt::before { background: #9696a4 url("../img/cmn/icon_f12.svg"); }

.ttl-print { background: #a15b94; }
.ttl-print dl dt { background: #a15b94; }
.ttl-print dl dt::before { background: #a15b94 url("../img/cmn/icon_f18.svg"); }

.ttl-compare { background: #aabd36; }
.ttl-compare dl dt { background: #aabd36; }
.ttl-compare dl dt::before { background: #aabd36 url("../img/cmn/icon_f08.svg"); }

.ttl-estimate { background: #ef8d4b; }
.ttl-estimate dl dt { background: #ef8d4b; }
.ttl-estimate dl dt::before { background: #ef8d4b url("../img/cmn/icon_f16.svg"); }

.ttl-implant { background: #8874b3; }
.ttl-implant dl dt { background: #8874b3; }
.ttl-implant dl dt::before { background: #8874b3 url("../img/cmn/icon_f09.svg"); }

.ttl-kubun { background: #363947; }
.ttl-kubun dl dt { background: #363947; }
.ttl-kubun dl dt::before { background: #363947 url("../img/cmn/icon_f28.svg"); }

.ttl-hpan { background: #bd71ab; }
.ttl-hpan dl dt { background: #bd71ab; }
.ttl-hpan dl dt::before { background: #bd71ab url("../img/cmn/icon_f24.svg"); }

.ttl-memo { background: #f0a9a3; }
.ttl-memo dl dt { background: #f0a9a3; }
.ttl-memo dl dt::before { background: #f0a9a3 url("../img/cmn/icon_f04.svg"); }

.ttl-all { background: #2ab3af; }
.ttl-all dl dt { background: #2ab3af; }
.ttl-all dl dt::before { background: #2ab3af url("../img/cmn/icon_f02.svg"); }

.ttl-mediCont { background: #e6b339; }
.ttl-mediCont dl dt { background: #e6b339; }
.ttl-mediCont dl dt::before { background: #e6b339 url("../img/cmn/icon_f20.svg"); }

.ttl-okuchi { background: #d58899; }
.ttl-okuchi dl dt { background: #d58899; }
.ttl-okuchi dl dt::before { background: #d58899 url("../img/cmn/icon_f29.svg"); }

.function-sideNav { display: block; margin: 16px auto 0; position: relative; width: calc(100% - 32px); z-index: 1; }
@media print, screen and (min-width: 768px) { .function-sideNav { background: #f4f7f9; margin: 0; padding: 24px 0; width: 100%; } }

@media print, screen and (min-width: 768px) { .ul-function.functionItem-2 li:nth-of-type(-n+5) { margin-bottom: 4px; } }
@media print, screen and (min-width: 1441px) { .ul-function.functionItem-2 li:nth-of-type(-n+5) { margin-bottom: 8px; } }

.ul-function { display: flex; flex-wrap: wrap; }
@media print, screen and (min-width: 768px) { .ul-function { display: block; margin: 0 auto; font-size: 0; width: 1024px; } }
@media print, screen and (min-width: 1441px) { .ul-function { width: 1200px; } }
.ul-function::after { content: ""; display: block; clear: both; }
.ul-function li { border-bottom: 1px solid #fff; min-height: 0%; position: relative; width: 100%; }
@media print, screen and (min-width: 768px) { .ul-function li { border-bottom: none; float: left; margin-right: 4px; width: 167.333px; height: 40px; } }
@media print, screen and (min-width: 1441px) { .ul-function li { margin-right: 8px; width: 193.333px; } }
.ul-function li:nth-of-type(6) { margin-right: 0; }
@media print, screen and (min-width: 768px) { .ul-function li.functionItem-1 { width: 210px; } }
@media print, screen and (min-width: 1441px) { .ul-function li.functionItem-1 { width: 240px; } }
.ul-function li a { cursor: pointer; color: #fff; font-size: 1.4rem; padding: 11px 8px 11px 40px; display: flex; align-items: center; width: 100%; height: 100%; transition: all 0.3s ease; }
@media print, screen and (min-width: 1441px) { .ul-function li a { border-radius: 4px; } }
@media print, screen and (min-width: 1441px) { .ul-function li a { font-size: 1.6rem; } }
.ul-function li a:hover { opacity: 0.5; text-decoration: none; }
.ul-function li a::before { content: ""; display: inline-block; background-size: 18px auto; background-repeat: no-repeat; background-position: center center; position: absolute; top: 50%; left: 0; margin-top: -18px; width: 36px; height: 36px; }
@media print, screen and (min-width: 768px) { .ul-function li a::before { background-size: 20px auto; border-radius: 4px 0 0 4px; margin-top: -20px; width: 40px; height: 40px; } }

.function-01 { background: #58b685; }
.function-01::before { background: #58b685 url("../img/cmn/icon_f06.svg") no-repeat center center; }

.function-02 { background: #1773b7; }
.function-02::before { background: #1773b7 url("../img/cmn/icon_f01.svg") no-repeat center center; }

.function-03 { background: #e47091; }
.function-03::before { background: #e47091 url("../img/cmn/icon_f11.svg") no-repeat center center; }

.function-04 { background: #626bb1; }
.function-04::before { background: #626bb1 url("../img/cmn/icon_f22.svg") no-repeat center center; }

.function-05 { background: #a7a77a; }
.function-05::before { background: #a7a77a url("../img/cmn/icon_f19.svg") no-repeat center center; }

.function-06 { background: #60b748; }
.function-06::before { background: #60b748 url("../img/cmn/icon_f14.svg") no-repeat center center; }

.function-07 { background: #53c0d3; }
.function-07::before { background: #53c0d3 url("../img/cmn/icon_f07.svg") no-repeat center center; }

.function-08 { background: #e7c02a; }
.function-08::before { background: #e7c02a url("../img/cmn/icon_f17.svg") no-repeat center center; }

.function-09 { background: #c68c59; }
.function-09::before { background: #c68c59 url("../img/cmn/icon_f21.svg") no-repeat center center; }

.function-10 { background: #224f83; }
.function-10::before { background: #224f83 url("../img/cmn/icon_f25.svg") no-repeat center center; }

.function-11 { background: #45b89d; }
.function-11::before { background: #45b89d url("../img/cmn/icon_f26.svg") no-repeat center center; }

.function-12 { background: #aabd36; }
.function-12::before { background: #aabd36 url("../img/cmn/icon_f08.svg") no-repeat center center; }

.function-13 { background: #317c55; }
.function-13::before { background: #317c55 url("../img/cmn/icon_f03.svg") no-repeat center center; }

.function-14 { background: #9696a4; }
.function-14::before { background: #9696a4 url("../img/cmn/icon_f12.svg") no-repeat center center; }

.function-15 { background: #a15b94; }
.function-15::before { background: #a15b94 url("../img/cmn/icon_f18.svg") no-repeat center center; }

.function-16 { background: #d8846a; }
.function-16::before { background: #d8846a url("../img/cmn/icon_f13.svg") no-repeat center center; }

.function-17 { background: #ef8d4b; }
.function-17::before { background: #ef8d4b url("../img/cmn/icon_f16.svg") no-repeat center center; }

.function-18 { background: #8874b3; }
.function-18::before { background: #8874b3 url("../img/cmn/icon_f09.svg") no-repeat center center; }

.function-19 { background: #363947; }
.function-19::before { background: #363947 url("../img/cmn/icon_f28.svg") no-repeat center center; }

.function-20 { background: #bd71ab; }
.function-20::before { background: #bd71ab url("../img/cmn/icon_f24.svg") no-repeat center center; }

.function-21 { background: #f0a9a3; }
.function-21::before { background: #f0a9a3 url("../img/cmn/icon_f04.svg") no-repeat center center; }

.function-22 { background: #2ab3af; }
.function-22::before { background: #2ab3af url("../img/cmn/icon_f02.svg") no-repeat center center; }

.function-23 { background: #e6b339; }
.function-23::before { background: #e6b339 url("../img/cmn/icon_f20.svg") no-repeat center center; }

.function-24 { background: #d58899; }
.function-24::before { background: #d58899 url("../img/cmn/icon_f29.svg") no-repeat center center; }

@media print, screen and (min-width: 768px) { .mWrap.fixed .function-sideNav { background: rgba(0, 29, 66, 0.8); border: none; padding: 8px 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 1; } }

#SN1 { display: none; }
@media print, screen and (min-width: 768px) { #SN1 { display: block; } }

#SN2 { display: none; }
@media print, screen and (min-width: 768px) { #SN2 { display: block; } }

@media print, screen and (min-width: 768px) { .function-select { display: none; } }
.function-select a { background: url("../img/cmn/dropdown.svg"); background-repeat: no-repeat; background-position: right 8px center; background-size: 24px auto; border: 1px solid #ccc; display: block; margin: 4px 0 0; padding: 4px 8px; position: relative; width: 100%; z-index: 2; }
.function-select a.active { background: url("../img/cmn/dropdown-close.svg"); background-repeat: no-repeat; background-position: right 8px center; background-size: 24px auto; }

.imageItem-1 { position: relative; }
.imageItem-1 p { color: #fff; display: flex; align-items: center; font-size: 1.8rem; font-weight: bold; margin-bottom: 8px; padding: 8px; height: 54px; }
@media print, screen and (min-width: 768px) { .imageItem-1 p { padding-left: 60px; } }
@media print, screen and (min-width: 1441px) { .imageItem-1 p { font-size: 2.0rem; } }
.imageItem-1 p::before { background-repeat: no-repeat; background-position: center center; background-size: 24px auto; content: ""; display: inline-block; margin-right: 8px; width: 36px; height: 36px; }
@media print, screen and (min-width: 768px) { .imageItem-1 p::before { position: absolute; top: 8px; left: 16px; margin-right: 0; } }

.imageItem-2 { color: #1e95d4; font-size: 1.2rem; text-align: center; }

.imageItem-3 { margin-bottom: 0.6rem; }
.imageItem-3 img { width: 400px; height: auto; }

.imageItem-4.box-4-1 { margin-bottom: 0; }

.kensaItem-1 { margin-bottom: 8px; }

/* Infotmaiton */
.tabnav { margin: 0; padding: 0; font-size: 0; }
.tabnav li { display: inline-block; margin-right: 8px; width: calc((100% - 8px) / 2); }
@media print, screen and (min-width: 768px) { .tabnav li { margin-right: 16px; width: calc((100% - 16px) / 2); } }
.tabnav li:last-of-type { margin-right: 0; }
.tabnav li a { background: #11b6ab; cursor: pointer; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 1.5rem; transition: all 0.1s ease; text-align: center; width: 100%; height: 48px; }
@media print, screen and (min-width: 768px) { .tabnav li a { font-size: 2.0rem; height: 64px; } }
.tabnav li a:hover { opacity: 0.5; text-decoration: none; }
.tabnav li a.active { background: #eee; color: #333; margin-bottom: 0; }

.pageBox-info ul { border-top: 1px solid #ccc; }
.pageBox-info ul li { border-bottom: 1px solid #ccc; padding: 12px 0; }
@media print, screen and (min-width: 768px) { .pageBox-info ul li { padding: 0; } }
.pageBox-info ul li dl { position: relative; width: 100%; }
@media print, screen and (min-width: 768px) { .pageBox-info ul li dl { display: table; } }
.pageBox-info ul li dl dt { line-height: 2.8rem; margin-bottom: 4px; }
@media print, screen and (min-width: 768px) { .pageBox-info ul li dl dt { display: table-cell; margin-bottom: 0; width: 100px; vertical-align: middle; } }
.pageBox-info ul li dl dd { line-height: 2.8rem; }
@media print, screen and (min-width: 768px) { .pageBox-info ul li dl dd { display: table-cell; padding: 24px 24px; width: calc(100% - 120px); transition: all 0.3s ease; } }
.pageBox-info ul li dl dd a { color: #001985; }
.pageBox-info ul li dl dd a:hover { text-decoration: none; opacity: 0.5; text-decoration: none; }
.pageBox-info ul li dl dd span { display: block; background: #d4b758; color: #fff; font-size: 1.2rem; line-height: 2rem; width: 80px; text-align: center; position: absolute; top: 3px; left: 108px; }
@media print, screen and (min-width: 768px) { .pageBox-info ul li dl dd span { display: inline-block; line-height: 2.4rem; position: relative; top: -2px; left: 0; margin-right: 12px; } }

.pageBox-fc1 { border: 2px solid #1673b8; border-radius: 8px; margin-top: 24px; padding: 16px; }
@media print, screen and (min-width: 768px) { .pageBox-fc1 { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 48px; padding: 32px 48px; } }
.pageBox-fc1 dl { margin-bottom: 16px; }
@media print, screen and (min-width: 768px) { .pageBox-fc1 dl { width: 427px; } }
.pageBox-fc1 dl dt { background: url("../img/page/fc_pla_img03.svg") no-repeat left center/64px 64px; color: #1773b7; font-size: 2.0rem; font-weight: bold; line-height: 64px; margin-bottom: 12px; padding-left: 76px; height: 64px; }
.pageBox-fc1 dl dd { line-height: 3.2rem; }
@media print, screen and (min-width: 768px) { .pageBox-fc1 p { width: 533px; } }

/* touch */
#touch .pageCrm nav ol li::after { color: rgba(0, 0, 0, 0.5); }
#touch .pageCrm nav ol li a { color: #333; }

.pageHero-touch { position: relative; text-align: center; margin: 0 auto; position: relative; width: 100%; height: 446px; }
@media print, screen and (min-width: 768px) { .pageHero-touch { margin-top: 0; padding-bottom: 4px; width: 960px; height: 640px; } }
@media print, screen and (min-width: 1441px) { .pageHero-touch { width: 1200px; height: 680px; } }
.pageHero-touch h1 { padding-left: 20px; position: absolute; top: 28px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; }
@media print, screen and (min-width: 768px) { .pageHero-touch h1 { padding-left: 32px; top: 40px; } }
.pageHero-touch h1 img { width: 180px; height: auto; }
@media print, screen and (min-width: 768px) { .pageHero-touch h1 img { width: 270px; } }
@media print, screen and (min-width: 1441px) { .pageHero-touch h1 img { width: 300px; } }

.dl-tchStep { width: 100%; }
.dl-tchStep dt { border-top: 1px solid #001985; border-right: 1px solid #001985; color: #001985; display: flex; align-items: center; font-size: 1.7rem; font-weight: bold; line-height: 2.4rem; padding-left: 68px; position: relative; width: 100%; height: 56px; }
.dl-tchStep dt::before { color: #fff; background: #001985; content: ""; display: inline-block; font-size: 4.0rem; line-height: 56px; text-align: center; position: absolute; top: 0; left: 0; width: 56px; height: 56px; }
.dl-tchStep dt.tchStep1::before { content: "1"; }
.dl-tchStep dt.tchStep2::before { content: "2"; }
.dl-tchStep dt.tchStep3::before { content: "3"; }
.dl-tchStep dd.tchStep-img1 { background: #edf2f6; border: 1px solid #001985; margin-bottom: 8px; padding: 0px 24px; position: relative; width: 100%; height: 180px; display: flex; justify-content: center; align-items: center; }
@media print, screen and (min-width: 1441px) { .dl-tchStep dd.tchStep-img1 { height: 220px; } }
.dl-tchStep dd.tchStep-img1 p img { max-width: 220px; max-height: 120px; }
@media print, screen and (min-width: 1441px) { .dl-tchStep dd.tchStep-img1 p img { max-width: 320px; max-height: 160px; } }
.dl-tchStep dd p { font-size: 1.6rem; font-weight: bold; line-height: 2.4rem; text-align: center; }

.tchScreen { margin: 0 auto; padding: 24px 0; position: relative; width: calc(100% - 32px); }
@media print, screen and (min-width: 768px) { .tchScreen { padding: 64px 0; width: 960px; } }
@media print, screen and (min-width: 1441px) { .tchScreen { width: 1200px; } }
.tchScreen h2 { color: #fff; font-size: 1.6rem; font-weight: normal; line-height: 1.8em; margin-bottom: 24px; text-align: center; }
@media print, screen and (min-width: 768px) { .tchScreen h2 { font-size: 1.8rem; line-height: 2em; margin-bottom: 56px; } }
.tchScreen h2 span { display: block; font-size: 2.0rem; font-weight: bold; padding: 0 0.5em; }
@media print, screen and (min-width: 768px) { .tchScreen h2 span { display: inline; font-size: 2.4rem; } }

@media print, screen and (min-width: 768px) { .tchScreen-inr { display: flex; flex-wrap: nowrap; margin-left: -64px; position: relative; } }

.box-tchScreen { margin-bottom: 16px; }
@media print, screen and (min-width: 768px) { .box-tchScreen { flex: 1 0 0px; margin-left: 64px; margin-bottom: 0; min-height: 0%; } }
.box-tchScreen p { color: #fff; text-align: center; padding: 0; }
.box-tchScreen p img { width: 260px; height: auto; }
@media print, screen and (min-width: 768px) { .box-tchScreen p img { width: inherit; } }

.box-tchVideo { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 8px; }
.box-tchVideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.box-tchNote { background: #e5f4f4; border: 1px solid #68a9a8; padding: 16px 24px; }

.touchItem-1 { color: #004077; font-size: 1.6rem; font-weight: bold; line-height: 1.5em; padding: 0 2em; position: absolute; top: 98px; left: 0; text-align: center; width: 100%; }
@media print, screen and (min-width: 768px) { .touchItem-1 { padding: 0; font-size: 1.8rem; top: 160px; } }

.touchItem-2 { position: absolute; top: 160px; left: 50%; margin-left: -164px; }
@media print, screen and (min-width: 768px) { .touchItem-2 { top: 200px; margin-left: -440px; } }
@media print, screen and (min-width: 1441px) { .touchItem-2 { margin-left: -500px; } }
.touchItem-2 img { width: 160px; height: auto; }
@media print, screen and (min-width: 768px) { .touchItem-2 img { width: 420px; } }
@media print, screen and (min-width: 1441px) { .touchItem-2 img { width: 480px; } }

.touchItem-3 { position: absolute; top: 160px; right: 50%; margin-right: -164px; }
@media print, screen and (min-width: 768px) { .touchItem-3 { top: 200px; margin-right: -440px; } }
@media print, screen and (min-width: 1441px) { .touchItem-3 { margin-right: -500px; } }
.touchItem-3 img { width: 160px; height: auto; }
@media print, screen and (min-width: 768px) { .touchItem-3 img { width: 420px; } }
@media print, screen and (min-width: 1441px) { .touchItem-3 img { width: 480px; } }

.touchItem-4 { position: absolute; top: 8px; right: 8px; }
@media print, screen and (min-width: 768px) { .touchItem-4 { top: 16px; } }
.touchItem-4 img { width: 64px; height: auto; }
@media print, screen and (min-width: 768px) { .touchItem-4 img { width: 100px; } }

.touchBox-1 { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); width: calc(100% - 32px); }
@media print, screen and (min-width: 768px) { .touchBox-1 { padding-left: 56px; width: 720px; } }
.touchBox-1 .touchItem-5 { background: #edd900; color: #485156; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: bold; line-height: 1em; position: absolute; top: -16px; left: 0; width: 44px; height: 18px; z-index: 2; }
@media print, screen and (min-width: 768px) { .touchBox-1 .touchItem-5 { border-radius: 100%; font-size: 1.6rem; top: 50%; left: 0; transform: translateY(-50%); margin-left: 0; width: 56px; height: 56px; } }
@media print, screen and (min-width: 768px) { .touchBox-1 .touchDl-1 { display: table; } }
.touchBox-1 .touchDl-1 dt { font-weight: bold; margin-bottom: 12px; }
@media print, screen and (min-width: 768px) { .touchBox-1 .touchDl-1 dt { display: table-cell; margin-bottom: 0; width: 20px; vertical-align: middle; } }
.touchBox-1 .touchDl-1 dd { font-size: 1.4rem; line-height: 1.6em; text-align: left; }
@media print, screen and (min-width: 768px) { .touchBox-1 .touchDl-1 dd { display: table-cell; font-size: 1.6rem; width: calc(100% - 20px); vertical-align: middle; } }

.touchItem-6 { position: relative; }
.touchItem-6::after { background: url("../img/page/tch_img37.png") no-repeat center/160px 120px; border: 2px solid #fff; content: ""; position: absolute; top: 71px; right: 50%; margin-right: -160px; width: 160px; height: 120px; z-index: 2; }
@media print, screen and (min-width: 768px) { .touchItem-6::after { top: 20px; margin-right: -140px; } }
@media print, screen and (min-width: 1441px) { .touchItem-6::after { top: 65px; margin-right: -180px; } }

.touchItem-7 { background: url(../../img/page/tch_img19.png) no-repeat; background-size: 160px 153px; background-position: right top 48px; }
.touchItem-7 p { padding-right: 160px; }
.touchItem-7 p.configItem-2 { padding-right: 0; }

.touchItem-8 { background: url(../../img/page/tch_img20.png) no-repeat; background-size: 160px 153px; background-position: right top 48px; }
.touchItem-8 p { padding-right: 160px; }
.touchItem-8 p.configItem-2 { padding-right: 0; }

.touchItem-9 { color: #001985; font-size: 1.6rem; margin-bottom: 8px; }

.touchItem-10 { background: #aab53f; color: #fff; display: block; line-height: 2.4rem; margin: 0 auto 0; padding: 8px; width: 100%; }
@media print, screen and (min-width: 768px) { .touchItem-10 { text-align: center; padding: 16px 8px; } }

.touchItem-11 img { width: auto; height: 160px; }

.touchItem-12 { margin: 32px 0; padding-left: 16px; }
.touchItem-12 img { width: 200px; height: auto; }
@media print, screen and (min-width: 768px) { .touchItem-12 img { width: 280px; } }

.touchItem-13 { background: #edd900; border-radius: 16px; color: #485156; font-size: 1.6rem; font-weight: bold; margin: 0 auto; padding: 3px 0 0; text-align: center; width: 288px; }
@media print, screen and (min-width: 768px) { .touchItem-13 { font-size: 2.0rem; width: 360px; } }

.touchItem-14 { max-width: 276px; }
@media print, screen and (min-width: 1441px) { .touchItem-14 { max-width: 356px; } }

/* Sitemap */
.ul-sitemap li { border-bottom: 1px solid #ccc; }
.ul-sitemap li:nth-of-type(1) { border-top: 1px solid #ccc; }
.ul-sitemap li a { color: #001985; display: block; font-size: 1.8rem; line-height: 3.6rem; padding: 8px; transition: all 0.3s ease; }
.ul-sitemap li a:hover { opacity: 0.5; text-decoration: none; }
.ul-sitemap li a dl { width: 100%; }
@media print, screen and (min-width: 768px) { .ul-sitemap li a dl { display: table; } }
@media print, screen and (min-width: 768px) { .ul-sitemap li a dl dt { display: table-cell; width: 30%; } }
.ul-sitemap li a dl dd { color: #666; font-size: 1.6rem; }
@media print, screen and (min-width: 768px) { .ul-sitemap li a dl dd { display: table-cell; width: 70%; } }

@media print, screen and (min-width: 768px) { .fixed #poket, .fixed #pla, .fixed #oral, .fixed #risk, .fixed #dia, .fixed #euro, .fixed #rec, .fixed #imgexp, .fixed #expand, .fixed #compare, .fixed #compare, .fixed #layout, .fixed #print, .fixed #estimate, .fixed #implant, .fixed #kubun, .fixed #hpan, .fixed #mediCont, .fixed #memo, .fixed #all, .fixed #promotion, .fixed #loading, .fixed #okuchi { margin-top: -180px; padding-top: 180px; } }

#poket, #pla, #oral, #risk, #dia, #euro, #rec, #imgexp, #expand, #compare, #compare, #layout, #print, #estimate, #implant, #kubun, #hpan, #mediCont, #memo, #all, #promotion, #loading, #okuchi { margin-top: -110px; padding-top: 110px; }
@media print, screen and (min-width: 768px) { #poket, #pla, #oral, #risk, #dia, #euro, #rec, #imgexp, #expand, #compare, #compare, #layout, #print, #estimate, #implant, #kubun, #hpan, #mediCont, #memo, #all, #promotion, #loading, #okuchi { margin-top: -278px; padding-top: 278px; } }

#system { margin-top: -110px; padding-top: 110px; }

/* IE Hack */
_:-ms-lang(x), .pageBox-function .function-ttl dl dt::before { margin-top: -2px; }

.tchVisit { position: relative; margin: 0 auto 32px; width: 100%; }
@media print, screen and (min-width: 768px) { .tchVisit { margin: 0 auto; padding: 0 360px 0 0; min-height: 174px; width: 960px; } }
@media print, screen and (min-width: 768px) { .tchVisit ul { padding-left: 48px; } }
.tchVisit ul li { font-size: 1.6rem; line-height: 2.6rem; padding-left: 28px; position: relative; margin-bottom: 0.4em; }
@media print, screen and (min-width: 768px) { .tchVisit ul li { font-size: 2.0rem; line-height: 3.6rem; } }
.tchVisit ul li::before { background: #dfcb3d; border-radius: 4px; content: ""; display: inline-block; margin-right: 8px; position: absolute; top: 7px; left: 0; width: 20px; height: 10px; }
@media print, screen and (min-width: 768px) { .tchVisit ul li::before { top: 12px; } }
@media print, screen and (min-width: 768px) { .tchVisit p { position: absolute; top: 0; right: 0; } }
.tchVisit p img { border-radius: 16px; overflow: hidden; width: 320px; height: auto; }

/* デンタルパス用　アポデントサイトCSSからのコピー 2023.5.25 */
.pageH2 { font-size: 1.8rem; line-height: 3.2rem; text-align: center; margin-bottom: 16px; }
@media print, screen and (min-width: 768px) { .pageH2 { font-size: 3.2rem; line-height: 4.8rem; margin-bottom: 48px; } }

.movieBox { position: relative; padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/ height: 0; overflow: hidden; }
.movieBox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* デンタルパス用　追加2023.6.2 */
.configBox-1 { display: flex; flex-wrap: nowrap; }
.configBox-1 p { display: inline-block; }
.configBox-1 p:nth-of-type(1) { /*margin-right: 40px;*/ margin-right: 45px; }

/* touch追加コンテンツ 2023.8.2 */
.pageBlock-trial { border-radius: 16px; margin: 0 auto; padding: 24px 16px; width: calc(100% - 32px); }
@media print, screen and (min-width: 768px) { .pageBlock-trial { width: 960px; padding: 40px 80px; } }
@media print, screen and (min-width: 1441px) { .pageBlock-trial { width: 1200px; padding: 40px 104px; } }

.tchItem-1 { position: absolute; top: 20px; right: 0; width: 76px; height: 76px; }
@media print, screen and (min-width: 768px) { .tchItem-1 { top: 16px; right: 80px; width: 144px; height: 144px; } }

.pageHeading-h3-tch1 { background: #edd900; border-radius: 16px; color: #001985; font-size: 1.6rem; line-height: 1em; margin-bottom: 24px; padding: 9px 0 5px; text-align: center; }
@media print, screen and (min-width: 768px) { .pageHeading-h3-tch1 { font-size: 1.8rem; } }

.pageHeading-h3-tch2 { border: 1px solid #fff; border-radius: 16px; color: #fff; font-size: 1.6rem; font-weight: normal; line-height: 1em; margin-bottom: 24px; padding: 9px 0 5px; text-align: center; }
@media print, screen and (min-width: 768px) { .pageHeading-h3-tch2 { font-size: 1.8rem; } }

.tchItem-2 { color: #fff; font-size: 1.8rem; line-height: 1.4em; padding-left: 28px; position: relative; }
.tchItem-2::before { background: #dfcb3d; border-radius: 4px; content: ""; display: inline-block; margin-right: 8px; position: absolute; top: 7px; left: 0; width: 20px; height: 10px; }

.tchItem-3 { color: rgba(255, 255, 255, 0.5); font-size: 1.4rem; line-height: 1.6em; }

.ul-disc li.tchItem-4 { color: #fff; }

.trialBox1 img { max-height: 180px; }

.subnoteImg { position: relative; margin: 0 auto; width: 288px; }
.subnoteImg::after { background: url(../img/page/sn1_02.svg) no-repeat; content: ""; height: 120px; position: absolute; bottom: 15px; right: -50px; width: 150px; }
@media print, screen and (min-width: 768px) { .subnoteImg { width: 100%; }
  .subnoteImg::after { bottom: 30px; right: 20px; width: 150px; } }
@media print, screen and (min-width: 1441px) { .subnoteImg::after { bottom: 30px; right: 30px; width: 200px; } }

/*使い方動画ページ　movielist.html*/
.movieH2 { background: #58b685; color: #fff; display: flex; align-items: center; font-size: 2.0rem; padding-left: 60px; position: relative; height: 40px; }
@media print, screen and (min-width: 768px) { .movieH2 { padding-left: 80px; vertical-align: middle; height: 52px; } }
.movieH2::before { /*        background:url("../img/cmn/icon_f06.svg");*/ /*        background-repeat:no-repeat; background-position:center center; background-size:34px 30px;*/ content: ""; display: inline-block; margin-right: 8px; position: absolute; top: 50%; left: 16px; margin-top: -15px; width: 34px; height: 30px; }
@media print, screen and (min-width: 768px) { .movieH2::before { background-size: 34px 30px; left: 25px; margin-right: 0; width: 34px; height: 30px; } }

/*.h2-1, .h2-2, .h2-3, .h2-4, .h2-5, .h2-6, .h2-7{
	&::before{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:24px 20px;
		@include max-screen($breakpoint-pc1) {
			background-repeat:no-repeat;
			background-size:34px 30px;
		}
	}
}*/
.h2-1::before { background: url("../img/cmn/icon_f06.svg"); background-repeat: no-repeat; background-position: center center; background-size: 24px 20px; }
@media print, screen and (min-width: 768px) { .h2-1::before { background-size: 34px 30px; } }

.h2-2 { background: #1773b7; }
.h2-2::before { background: url("../img/cmn/icon_f01.svg"); background-repeat: no-repeat; background-position: center center; background-size: 24px 20px; }
@media print, screen and (min-width: 768px) { .h2-2::before { background-size: 34px 30px; } }

.h2-3 { background: #ca5677; }
.h2-3::before { background: url("../img/cmn/icon_f11.svg"); background-repeat: no-repeat; background-position: center center; background-size: 24px 20px; }
@media print, screen and (min-width: 768px) { .h2-3::before { background-size: 34px 30px; } }

.h2-4 { background: #538de5; }
.h2-4::before { background: url("../img/cmn/icon_f23.svg"); background-repeat: no-repeat; background-position: center center; background-size: 24px 20px; }
@media print, screen and (min-width: 768px) { .h2-4::before { background-size: 34px 30px; } }

.h2-5 { background: #e7782b; }
.h2-5::before { background: url("../img/cmn/icon_f16.svg"); background-repeat: no-repeat; background-position: center center; background-size: 24px 20px; }
@media print, screen and (min-width: 768px) { .h2-5::before { background-size: 34px 30px; } }

.h2-6 { background: #3f99df; }
.h2-6::before { background: url("../img/cmn/icon_movielist_1.png"); background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; }
@media print, screen and (min-width: 768px) { .h2-6::before { background-size: 30px 30px; } }

.h2-7 { background: #53c0d3; }
.h2-7::before { background: url("../img/cmn/icon_f07.svg"); background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; }
@media print, screen and (min-width: 768px) { .h2-7::before { background-size: 30px 30px; } }

.h2-8 { background: #3c6bac; padding-left: 26px; }
@media print, screen and (min-width: 768px) { .h2-8 { padding-left: 26px; } }

.h2-9 { background: #307f54; }
.h2-9::before { background: url("../img/cmn/icon_movielist_2.png"); background-repeat: no-repeat; background-position: center center; background-size: 24px 20px; }
@media print, screen and (min-width: 768px) { .h2-9::before { background-size: 34px 30px; } }

.h2-10 { background: #626bb1; }
.h2-10::before { background: url("../img/cmn/icon_f22.svg"); background-repeat: no-repeat; background-position: center center; background-size: 18px 20px; }
@media print, screen and (min-width: 768px) { .h2-10::before { background-size: 28px 30px; } }

.pageBox .pageFlex-guide { display: block; flex-wrap: nowrap; }
@media print, screen and (min-width: 768px) { .pageBox .pageFlex-guide { display: flex; flex-wrap: wrap; justify-content: space-between; } }
.pageBox .pageFlex-guide .pageBox-guide { background: #fff; margin: 0 0 42px 0; width: 100%; }
@media print, screen and (min-width: 768px) { .pageBox .pageFlex-guide .pageBox-guide { margin-bottom: 62px; width: calc(50% - 40px); } }
.pageBox .pageFlex-guide .pageBox-guide .movieBox { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.pageBox .pageFlex-guide .pageBox-guide .movieBox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media print, screen and (min-width: 768px) { .pageBox .pageFlex-guide .pageBox-guide .movieBox iframe { max-width: 100%; } }
.pageBox .pageFlex-guide .pageBox-guide .pageBox-cap { font-size: 1.8rem; font-weight: 600; padding: 0 0 10px 0; }
@media print, screen and (min-width: 768px) { .pageBox .pageFlex-guide .pageBox-guide .pageBox-cap { padding: 0 0 14px 0; } }
.pageBox .pageFlex-guide .pageBox-guide .pageBox-cap span { background: #71afe5; border-radius: 18px; color: #fff; display: block; font-size: 1.6rem; font-weight: normal; line-height: 1em; margin-bottom: 0; margin: 0 0.4em 0.8em 0; padding: 4px 16px 2px; position: relative; top: -2px; }
@media print, screen and (min-width: 768px) { .pageBox .pageFlex-guide .pageBox-guide .pageBox-cap span { display: inline-block; margin-bottom: 8px; } }
.pageBox .pageFlex-guide .pageBox-guide .pageBox-cap span.c1 { background: #3671bb; }
.pageBox .pageFlex-guide .pageBox-guide .pageBox-cap span.c2 { background: #083f69; }

/*# sourceMappingURL=page.css.map */