@charset "UTF-8";

/* layout
**************************************************************************************************/
header.frame-header .name  { display:none; }
.frame-container { padding:20px 0 10px 0; }
.frame-wrapper-background_grey { background:none; border-top:1px solid #d8d8d8; }
#js-menu_body { height:0; }
.footer-logo { width:50%; }
.footer-logo img { vertical-align:bottom; margin-right:25px; }
.footer-logo a:last-of-type { position:relative; bottom:-2px; }
.frame-footer { background:#f7f7f7; }
.header-logo .img-table,
.header-logo .item-cell { width: 100px; text-align: left; }
.header-logo img { max-height: none; max-width: none; width: 170px; }
.header-body { width:741px; }

/* share */
#wrap { border-top: 1px solid #d8d8d8; }
.outer { border-top:1px solid #d8d8d8;  padding:20px 0;  }
.outer.outer-gray { background:#f5f5f5;  border-bottom:1px solid #d8d8d8; margin-bottom:20px;}
.outer.pd30 { padding:30px 0px; }
.jump { background:url(/img/kanpo/common/icn-newwin.png) 0 50% no-repeat; padding-left:22px; }
.wrapinner { padding: 0; }
.wrapinner .section { margin-bottom: 60px; }
.wrapinner .section .inner { width:1020px; margin: 0 auto; }
.wrapinner .section .more { text-align: right; }
.wrapinner .section .section-body { }
.wrapinner .section .section-body p { font-size: 14px; line-height: 1.7; margin-bottom: 2em; }
.wrapinner .section .section-body strong { font-weight: bold; }
.footer-navi .item-navi { line-height: 1!important;}

.sitewidth { margin-left:auto; margin-right:auto; width: 1020px; }
#topicpath { width:1020px; margin:0 auto 12px auto; padding: 15px 0 15px 0; color: #333; font-size: 12px; margin-bottom: 0; }
#topicpath p { }
#topicpath p a { text-decoration: underline; color: #0092d0;}

.pagetitle-category { border-top: 1px solid #1c3277; border-bottom: 1px solid #1c3277; padding: 50px 0;  }
.pagetitle-category h1 { font-size: 40px; max-width: 1020px; margin: 0 auto; font-weight: normal; color: #1c3277; }

.pagebody { }
.pagebody .set { margin-bottom: 2em; }
.pagebody.dflt { padding-top: 40px; }
.pagebody.dflt .article { margin-bottom: 4em; }
.pagebody.dflt .article-inner { padding: 0 30px; }
.pagebody.dflt .article-inner p { line-height:1.7; margin-bottom: 1em;  }
.pagebody .next { max-width: 460px; margin: 0 auto; }
.pagebody .next a { color: #fff; border-radius: 8px; font-size: 16px; padding: 15px 20px; background: #0092d0 url(../../img/kanpo/common/arw-r02.png) 20px 50% no-repeat; font-weight: bold; display: block; text-align: center; background-size: 6px 10px; }
.pagebody .next a small { font-size: 12px; display: block; }

.pagetop { text-align: right; padding-bottom: 15px;}
.pagetop::before { content: '▲'; }
.pagetop a { }

.sp { display:none; }

/* bg */

/* markdown */
.slogan-heading { color: #1c3277!important; background: #e8eaf1; margin-bottom: 40px; }
.slogan-heading .inner { max-width: 1020px; margin: 0 auto; padding: 55px 0 60px 0; }

/* headline */
.hl01 { font-size: 30px; color: #1c3277; margin-bottom: 28px; border-top: 2px solid #1c3277; border-bottom: 2px solid #1c3277; padding-top: 0.8em; padding-bottom: 0.6em; text-align: center; font-weight: normal;}
.hl02 { font-size: 24px; color: #1c3277; margin-bottom: 20px; font-weight: normal; border-bottom: 2px solid #ddd; padding:1px 0 10px 40px ;background: url(/img/kanpo/common/icn-clock.png) 0 0 no-repeat; }
.hl02 small { font-size: 12px; margin-left: 1em; }
.hl03 { font-size: 24px; color: #1c3277; text-align: center; font-weight: normal; margin-bottom: 35px; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; padding-top: 0.8em; padding-bottom: 0.6em; }
.hl04 { background: #1c3277; color: #fff; text-align: center; padding: 22px 22px 15px 22px; font-size: 36px; font-weight: normal; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-bottom: 25px; }
.hl04 small { display: block; font-size: 16px; margin-bottom: 8px;}
.hl05 { font-size: 24px; border-bottom: 2px solid #1c3277; border-left: 8px solid #1c3277; padding: 5px 0 5px 20px; margin-bottom: 1.2em; }
.hl06 { font-size: 20px; color: #ff0000; font-weight: normal; margin-bottom: 1em; }
.hl07 { font-size: 18px; border-bottom: 2px solid #1c3277; padding:0 0 10px 25px; background: url(/img/kanpo/common/blt01.png) 0 2px no-repeat; background-size: 14px 14px;	font-weight: 600; line-height: 1.2; margin-bottom: 1.5em; margin-top: 1.5em; }

/* link */

/* card WELBOX btn for 8889 */
#service-welfare .heading .btn {margin-bottom: 35px; text-align: center;}

/* card */
.cards { }
.card-a { display: flex; flex-wrap: wrap; }
.card-a .card { flex-basis: 31.2%; max-width: 31.2%; margin: 0 3.2% 3.2% 0; border-radius: 8px; border: 2px solid #ddd; padding: 12px; }
.card-a .card:nth-of-type(3n) { margin-right: 0; }
.card-a .card a { display: block; }
.card-a .card .imgtxt { }
.card-a .card .imgtxt .img { }
.card-a .card .imgtxt .img img { width: 100%; height: auto; }
.card-a .card .imgtxt .txt {}
.card-a .card .imgtxt .txt .ttl { display: table; width: 100%; }
.card-a .card .imgtxt .txt .ttl h3 { text-align: center; color: #0092d0; font-size: 18px; height: 70px; display: table-cell; vertical-align: middle; }
.card-a .card .imgtxt .txt .ttl h3 small { display: block; font-size: 12px; margin-top: 4px;}
.card-a .card .imgtxt .txt p { margin-top: -5px; }
.card-a .card.disabled { background: #f0f0f0; }
.card-a .card.disabled .txt * { color: #ccc!important; }
.card-b {  }
.card-b .card { margin: 0 0 1.6% 0; border-radius: 8px; border: 2px solid #ddd; padding: 12px; }
.card-b .card a { display: block; }
.card-b .card .imgtxt { display: flex; align-items: center;  }
.card-b .card .imgtxt .img { flex-basis: 40%; max-width: 40%x;  }
.card-b .card .imgtxt .img img { width: auto; height: auto; }
.card-b .card .imgtxt .txt { padding: 0 30px; flex-basis: 60%; max-width: 60%x;}
.card-b .card .imgtxt .txt .ttl { margin-bottom: 20px; }
.card-b .card .imgtxt .txt .ttl h3 { color: #0092d0; font-size: 20px; }
.card-b .card .imgtxt .txt .ttl h3 small { display: block; font-size: 14px; margin-top: 4px;}
.card-b .card .imgtxt .txt p {  }
.card-b .card.disabled { background: #f0f0f0; }
.card-b .card.disabled .txt * { color: #ccc!important; }
.card-c { display: flex; flex-wrap: wrap; }
.card-c .card { flex-basis: 48.4%; max-width: 48.4%; margin: 0 3.2% 3.2% 0; border-radius: 8px; border: 2px solid #ddd; padding: 15px 18px 12px 18px; }
.card-c .card:nth-of-type(2n) { margin-right: 0;}
.card-c .card a { display: block; }
.card-c .card h3 { margin-bottom: 12px; font-size: 16px; color: #0092d0; padding: 3px 0 2px 30px }
.card-c .card:nth-of-type(1) h3 {background: url(/img/kanpo/common/icn-flight.png) 0 50% no-repeat; }
.card-c .card:nth-of-type(2) h3 {background: url(/img/kanpo/common/icn-child.png) 0 50% no-repeat; }
.card-c .card:nth-of-type(3) h3 {background: url(/img/kanpo/common/icn-music.png) 0 50% no-repeat; }
.card-c .card:nth-of-type(4) h3 {background: url(/img/kanpo/common/icn-care.png) 0 50% no-repeat; }
.card-c .card:nth-of-type(5) h3 {background: url(/img/kanpo/common/icn-shopping.png) 0 50% no-repeat; }
.card-c .card:nth-of-type(6) h3 {background: url(/img/kanpo/common/icn-develop.png) 0 50% no-repeat; }
.card-c .card p { font-size: 14px; line-height: 1.6; }
.card-d { display: flex; flex-wrap: wrap; }
.card-d .card { flex-basis: 48.4%; max-width: 48.4%; margin: 0 3.2% 3.2% 0; border-radius: 8px; border: 1px solid #0092d0; padding: 0px; overflow: hidden; }
.card-d .card:nth-of-type(2n) { margin-right: 0;}
.card-d .card a { }
.card-d .card .imgtxt { display: table; width: 100%; }
.card-d .card .img,
.card-d .card .txt { display: table-cell; vertical-align: middle; }
.card-d .card .img { background: #0092d0; width: 90px; height: 90px; }
.card-d .card .txt { padding-left: 30px; text-align: left; }
.card-d .card .txt p { font-size: 24px; color:#0092d0; font-weight: bold;  }
.card-d .card:nth-of-type(2) p { font-size: 20px; }
.card-d .card .txt p small { display: block; font-size: 12px; font-weight: normal; color: #333333; }
.card-e { display: flex; flex-wrap: wrap; }
.card-e .card { flex-basis: 31.2%; max-width: 31.2%; margin: 0 3.2% 3.2% 0; border-radius: 8px; overflow: hidden; background: #ececec; }
.card-e .card:nth-of-type(3n) { margin-right: 0; }
.card-e .card a { display: block; }
.card-e .card .imgtxt { }
.card-e .card .imgtxt .img { }
.card-e .card .imgtxt .txt { padding: 15px; }
.card-e .card .imgtxt .txt { display: table; width: 100%; }
.card-e .card h3 { text-align: center; font-size: 20px; font-weight: normal; padding: 18px; background: #1c3277; color: #fff; }
.card-e .card .imgtxt .txt p { }
.card-e .card .imgtxt .txt .sub { font-size: 0.9em; }
.card-e .card .imgtxt .txt .sub h4 { color: #1c3277; margin-bottom: 0.3em; }
.card-e .card .imgtxt .txt .sub p {}
.card-e .card .imgtxt .txt img { width: 100%; height: auto; }

/* top_8888
**************************************************************************************************/
.shortcut { background: #0092d0; padding: 12px 0;box-shadow: 0px 3px 5.76px 0.24px rgba(0, 0, 0, 0.1); position: relative; z-index: 2; }
.shortcut ul { display: flex; max-width: 1020px; margin: 0 auto; justify-content: space-between; }
.shortcut ul li { flex-basis: 32.5%; max-width: 32.5%; text-align: center; font-size: 16px; font-weight: bold; }
.shortcut ul li a { background: #fff; display: block; border: 2px solid #fff; border-radius: 8px; color: #0092d0; opacity: 1; }
.shortcut ul li a span { display: inline-block; padding: 18px 0; }
.shortcut ul li:nth-of-type(1) a span { background: url(/img/kanpo/common/icn-nav01-off.png) 0 50% no-repeat; padding-left: 40px; }
.shortcut ul li:nth-of-type(2) a span { background: url(/img/kanpo/common/icn-nav02-off.png) 0 50% no-repeat; padding-left: 36px; }
.shortcut ul li:nth-of-type(3) a span { background: url(/img/kanpo/common/icn-nav03-off.png) 0 50% no-repeat; padding-left: 44px; }
.shortcut ul li a:hover { opacity: 1!important; color: #fff; background: #0092d0;  }
.shortcut ul li:nth-of-type(1) a:hover span { background: url(/img/kanpo/common/icn-nav01-on.png) 0 50% no-repeat; }
.shortcut ul li:nth-of-type(2) a:hover span { background: url(/img/kanpo/common/icn-nav02-on.png) 0 50% no-repeat; }
.shortcut ul li:nth-of-type(3) a:hover span { background: url(/img/kanpo/common/icn-nav03-on.png) 0 50% no-repeat; }
/* top_8889
**************************************************************************************************/
.shortcut_2 { background: #0092d0; padding: 12px 0;box-shadow: 0px 3px 5.76px 0.24px rgba(0, 0, 0, 0.1); position: relative; z-index: 2; }
.shortcut_2 ul { display: flex; max-width: 1020px; margin: 0 auto; justify-content: space-between; }
.shortcut_2 ul li { flex-basis: 32.5%; max-width: 32.5%; text-align: center; font-size: 16px; font-weight: bold; }
.shortcut_2 ul li a { background: #fff; display: block; border: 2px solid #fff; border-radius: 8px; color: #0092d0; opacity: 1; }
.shortcut_2 ul li a span { display: inline-block; padding: 18px 0; }
.shortcu_2t ul li a:hover { opacity: 1!important; color: #fff; background: #0092d0;  }
#kv { position: relative; z-index: 1; }
#kv .inner { }
#kv ul { margin: 0; padding: 0; }
#kv ul li { margin: 0; padding: 0; }
#kv ul li a { display: block; }
#kv ul li img { width: 100%; height: auto; }
#kv .slick-arrow { position:absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; width: 30px; height: 57px; border: 0; text-indent: -999px; text-align: left; overflow: hidden; outline: none; cursor: pointer; }
#kv .slick-prev { left: 100px; background: url(/img/kanpo/common/arw-prev.png) 50% 50% no-repeat; }
#kv .slick-next { right: 100px; background: url(/img/kanpo/common/arw-next.png) 50% 50% no-repeat; }
#kv .slick-dots { position:absolute; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 10px; }
#kv .slick-dots li { display: inline-block; width: 14px; height: 14px; background: #fff; border: 1px solid #0092d0; border-radius: 50%; text-indent: -9999px; margin: 0 8px; }
#kv .slick-dots li.slick-active { background: #0092d0; border: 1px solid #0092d0; }
#slogan { }
#slogan .inner { max-width: 1020px; margin: 40px auto; background: #e8eaf1; border-radius: 10px; }
#slogan .ttl { padding: 20px 30px; position: relative; border-bottom: 1px solid #fff; }
#slogan .ttl h2 { font-size: 20px; color: #1c3277; font-weight: normal;  }
#slogan .ttl .more { position:absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 15px; }
#slogan .ttl .more a { border: 1px solid #0092d0; color: #0092d0; border-radius: 8px; font-size: 12px; padding: 5px 10px 5px 30px; background: #fff url(/img/kanpo/common/arw-r01.jpg) 12px 8px no-repeat; }
#slogan .txt { padding: 20px 30px; font-weight: normal; color: #1c3277; }
#slogan .txt * { font-weight: normal; }
#slogan .markdown-body  { }
#slogan h1 { }
#service-health { margin-bottom: 30px; }
#service-health .inner { max-width: 1020px; margin: 0 auto; }
#service-health .heading { margin-bottom: 60px; }
#service-health .heading .lead { font-size: 16px; line-height: 1.6; text-align: center; }
#service-health .heading .beginner { margin: 0 70px; padding: 34px 30px; border-radius: 8px; background: #ececec; margin-top: 40px; position: relative; }
#service-health .heading .beginner p:nth-of-type(1) { margin-right: 295px; }
#service-health .heading .beginner .more { position: absolute; width: 290px; right: 20px; top:18px; }
#service-health .heading .beginner .more a { border: 1px solid #0092d0; color: #0092d0; border-radius: 8px; font-size: 14px; padding: 15px 10px 15px 30px; background: #fff url(/img/kanpo/common/arw-r01.jpg) 52px 50% no-repeat; font-weight: normal; display: block; text-align: center; }
#service-health .support { padding: 0 30px; margin-bottom: 40px; }
#service-health .support .lead { font-size: 16px; line-height: 1.6; text-align: center; margin-bottom: 30px; }
#service-health .checkup { padding: 0 30px; margin-bottom: 40px; }
#service-health .checkup .lead { margin-bottom: 15px; }
#service-health .checkup .ttl { margin-top: 15px;}
#service-welfare { margin-bottom: 0px; }
#service-welfare .inner { max-width: 1020px; margin: 0 auto; }
#service-welfare .heading .lead { font-size: 16px; line-height: 1.6; text-align: center; margin-bottom: 35px; }
#service-welfare .cards { padding: 0 30px; }
.list-news { margin-bottom: 80px; z-index: 2; position: relative;  }
.list-news .inner {  max-width: 1020px; margin: 0 auto; background: #fff; border: 2px solid #ddd; border-radius: 10px;  position: relative;}
.list-news .inner .title { padding: 15px 20px;  position: relative; border-bottom: 1px solid #ddd; position: relative;}
.list-news .inner .title .maintxt {font-size: 20px; color: #1c3277; font-weight: normal; }
.list-news .inner .title .maintxt img { }
.list-news .inner p { position:absolute; top: 15px; right: 15px; }
.list-news .inner p .more { }
.list-news .inner p .more a { border: 1px solid #0092d0; color: #0092d0; border-radius: 8px; font-size: 12px; padding: 5px 10px 5px 30px; background: #fff url(/img/kanpo/common/arw-r01.jpg) 12px 8px no-repeat; font-weight: normal; }
.list-news .inner .content { padding: 20px; }
.list-news .inner .content li { font-size: 14px; padding: 0px; margin-bottom: 10px; }
.list-news .inner .content li:last-of-type { border: 0; margin-bottom: 0; }
.list-news .inner .content li .date { float: left; margin-right: 20px; color: #0092d0; }
.list-news .inner .content li a { overflow: hidden; display: block; line-height: 1.4; }
.list-contact { padding: 40px 0 20px 0; }
.list-contact .inner { width: 960px; margin: 0 auto; text-align: center; }
.list-contact .inner p { display: inline-block; text-align: left; font-size: 16px;  }
.list-contact h3 { margin-bottom: 20px; }
.list-link { padding: 30px 0 40px 0; }
.list-link .inner { width: 960px; margin: 0 auto; }
.list-link .inner h3 { color: #0b419b; font-size: 16px; padding: 10px 18px; margin-bottom: 15px; background: #ebf6ff; }
.list-link .inner ul.link-bnr { text-align: center; font-size: 0; margin-bottom: 20px; }
.list-link .inner ul.link-bnr li { display: inline-block;  margin: 0 30px 10px 30px;}
.list-link .inner ul.link-list { padding:0; display: flex;  flex-wrap: wrap; }
.list-link .inner ul.link-list li { font-size: 13px; line-height: 1.4; flex-basis: 20%; max-width: 20%; padding-right: 15px; margin-bottom: 15px; }
.list-link .inner ul.link-list li:nth-of-type(4n) { margin-right: 0;}
.list-link .inner ul.link-list li a { background: url(/img/kanpo/common/arw-r01.jpg) 0 1px no-repeat;  display: inline-block; position: relative; padding:0 0 0 14px; }

/* category
**************************************************************************************************/
.kenpos { }
.kenpos #app .imgtxt { margin-bottom: 20px; }
.kenpos #app .imgtxt .img { float: right; width: 340px; margin-left: 30px; }
.kenpos #app .imgtxt .img img { width: 100%; height: auto; }
.supplement { padding: 15px; border: 2px dashed #dddddd; border-radius: 10px; padding: 20px; }
.supplement h4 { color: #1c3277; margin-bottom: 1em; }
.supplement *:last-child { margin-bottom: 0;}
.supplement li { margin: 0.5em 0; }

/* detail
**************************************************************************************************/



/* news
**************************************************************************************************/

/* faq
**************************************************************************************************/
.list-faq { }
.list-faq .set { }
.list-faq h2 { display: flex; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; }
.list-faq h2 span { }
.list-faq h2 span.number { border-radius: 4px; border: 1px solid #1c3277; color: #1c3277; width: 60px; flex-basis: 60px; text-align: center; font-size: 20px; font-weight: bold; padding: 5px 0; }
.list-faq h2 span.ttl { padding: 8px 20px; font-size: 20px; font-weight: bold; color: #1c3277;  }
.list-faq .txt { display: flex; }
.list-faq .txt .number {  width: 60px; flex-basis: 60px; }
.list-faq .txt .number p { border-radius: 4px; border: 1px solid #1c3277; color: #fff; background: #1c3277; text-align: center; font-size: 20px; font-weight: bold; padding: 5px 0; width: 60px; }
.list-faq .txt .answer { width: calc(100% - 60px);  flex-basis: calc(100% - 60px); padding-top: 8px; padding-left: 20px; color: #333; font-size: 16px;}
.list-faq .txt .answer .lv01 { padding-left: 30px; }
.list-faq .txt .answer .lv02 { padding-left: 30px; }
.list-faq .txt .answer h3 { margin-bottom: 1em; }
.list-faq .txt .answer p { margin-bottom: 1.3em; }
.list-faq .txt .answer p a { color: #0092d0; font-weight: bold; text-decoration: underline!important; }
.list-faq .txt .answer .link a { border: 1px solid #0092d0; color: #0092d0; border-radius: 8px; font-size: 14px; padding: 15px 70px 15px 80px; background: #fff url(../../img/kanpo/common/arw-r01.jpg) 52px 50% no-repeat; font-weight: normal; display: block; text-align: center; display: inline-block; text-decoration: none!important;}
.list-faq .txt .answer strong { font-weight: bold; }
.tocontact { text-align: center; padding-bottom: 30px;}
.tocontact h3 { text-align: center; margin-bottom: 10px; }
.tocontact p { text-align: center; margin-bottom: 1.5em; }
.tocontact p.tel { font-size: 30px; font-weight: bold; color: #0092d0; margin-bottom: 0.5em; }
.tocontact p.tel small { display: block; font-size: 16px; font-weight: normal; }
.tocontact ul { display:block; text-align: center; margin: 0 auto; margin-top: -18px; }