@charset "UTF-8";
/*
デスクトップ用CSS
*/
/* reset CSS
******************/
@font-face { font-family: "telfont"; src: url("../fonts/telfont.eot?") format("eot"), url("../fonts/telfont.woff2") format("woff2"), url("../fonts/telfont.woff") format("woff"), url("../fonts/telfont.ttf") format("truetype"); }
.m-telfont { font-family: "telfont",sans-serif; white-space: nowrap; }

* { margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; font-size: inherit; }

*::after, *::before { box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

li, ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; }

a { margin: 0; padding: 0; background: transparent; text-decoration: none; color: inherit; cursor: pointer; -webkit-font-smoothing: antialiased; }

address, i { font-style: normal; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 0; border: 0; border-top: 1px solid #cccccc; margin: 1rem 0; padding: 0; }

input, select { vertical-align: middle; }

img, svg { max-width: 100%; height: auto; /***/ width: auto; vertical-align: top; line-height: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; }

ins[style] { background-color: transparent; }

span { vertical-align: baseline; }

em { font-weight: bold; font-style: normal; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

body { font-family: 'メイリオ' , Meiryo , "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #333; line-height: 1; -webkit-font-smoothing: antialiased; -webkit-font-size-adjust: 100%; font-size-adjust: 100%; font-weight: normal; letter-spacing: 0.08em; }

a { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
a:hover { opacity: 0.9; }

.bold { font-weight: bold; }

.red { color: #F03535; font-weight: bold; }

.blue { color: #0789D2; font-weight: bold; }

strong { color: #f47923; font-weight: bold; }

.line { background: -webkit-linear-gradient(transparent 60%, #fdf296 60%, #fdf296 90%, transparent 90%); background: linear-gradient(transparent 60%, #fdf296 60%, #fdf296 90%, transparent 90%); font-weight: bold; }

.m-gmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.m-gmap embed, .m-gmap iframe, .m-gmap object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.click { cursor: pointer; }
.click:hover { opacity: .8; }

.m-table-set { width: 100%; display: table; border-collapse: collapse; }
.m-table-set > * { display: table-cell; }

.m-flex-between-set { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.m-flex-between-set > * { -webkit-flex-grow: 1; flex-grow: 1; }

.m-flex-around-set { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; }
.m-flex-around-set > * { -webkit-flex-grow: 1; flex-grow: 1; }

.m-flex { display: -webkit-flex; display: flex; }

.m-flex-between { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }

.m-flex-around { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; }

.m-flex-grow-1 { -webkit-flex-grow: 1; flex-grow: 1; }

.m-flex-align { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }

.m-flex-center { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }

.m-flex-wrap { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.m-flex-grid { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.m-clearfix::after { content: ''; display: block; clear: both; }

.m-font-weight { font-weight: bold; }

.m-font-normal { font-weight: normal; }

.m-text-center { text-align: center; }

.m-text-left { text-align: left; }

.m-text-right { text-align: right; }

.m-table { display: table; width: 100%; }

.m-table-cell { display: table-cell; vertical-align: top; }

.m-vertical-middle { vertical-align: middle; }

.m-vertical-bottom { vertical-align: bottom; }

.m-block { display: block; }

.m-inline-block { display: inline-block; }

.m-center { text-align: center; }

.m-relative { position: relative; }

.m-absolute { position: absolute; }

.m-fixed { position: fixed; }

.m-no-repeat { background-repeat: no-repeat; }

.m-bg-cover { background-size: cover; }

.m-bg-contain { background-size: contain; }

.m-hidden { overflow: hidden; }

.m-scroll { overflow: scroll; }

.m-float-left { float: left; }

.m-float-right { float: right; }

.m-clear { clear: both; }

.m-telfont { font-family: "telfont"; }

.m-mincho { font-family: "ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E",serif; }

.m-text { line-height: 1.8; }
.m-text p { margin-bottom: 1.5em; }
.m-text p:last-child { margin-bottom: 0; }

.m-img-cover { position: relative; overflow: hidden; }
.m-img-cover img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; }

.m-border-box { box-sizing: border-box; }

.m-content-box { box-sizing: content-box; }

.m-font-bold { font-weight: bold; }

.m-font-normal { font-weight: normal; }

body { font-family: 'メイリオ' , Meiryo , "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #333; line-height: 1; -webkit-font-smoothing: antialiased; -webkit-font-size-adjust: 100%; font-size-adjust: 100%; font-weight: normal; letter-spacing: 0.08em; }

html { font-size: 62.5%; }

body { font-size: 1.6rem; }

a { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
a:hover { opacity: 0.9; }

.bold { font-weight: bold; }

.red { color: #F03535; font-weight: bold; }

.blue { color: #0789D2; font-weight: bold; }

strong { color: #f47923; font-weight: bold; }

.line { background: -webkit-linear-gradient(transparent 60%, #fdf296 60%, #fdf296 90%, transparent 90%); background: linear-gradient(transparent 60%, #fdf296 60%, #fdf296 90%, transparent 90%); font-weight: bold; }

.m-gmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.m-gmap embed, .m-gmap iframe, .m-gmap object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.click { cursor: pointer; }
.click:hover { opacity: .8; }

.sp { display: none; }

.m-table-set-pc { width: 100%; display: table; border-collapse: collapse; }
.m-table-set-pc > * { display: table-cell; }

.m-flex-between-set-pc { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.m-flex-between-set-pc > * { -webkit-flex-grow: 1; flex-grow: 1; }

.m-flex-around-set-pc { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; }
.m-flex-around-set-pc > * { -webkit-flex-grow: 1; flex-grow: 1; }

.m-flex-pc { display: -webkit-flex; display: flex; }

.m-flex-between-pc { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }

.m-flex-around-pc { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; }

.m-flex-grow-1-pc { -webkit-flex-grow: 1; flex-grow: 1; }

.m-flex-align-pc { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }

.m-flex-center-pc { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }

.m-flex-wrap-pc { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.m-flex-grid-pc { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.m-clearfix-pc::after { content: ''; display: block; clear: both; }

.m-font-weight-pc { font-weight: bold; }

.m-font-normal-pc { font-weight: normal; }

.m-text-center-pc { text-align: center; }

.m-text-left-pc { text-align: left; }

.m-text-right-pc { text-align: right; }

.m-table-pc { display: table; width: 100%; }

.m-table-cell-pc { display: table-cell; vertical-align: top; }

.m-vertical-middle-pc { vertical-align: middle; }

.m-vertical-bottom-pc { vertical-align: bottom; }

.m-block-pc { display: block; }

.m-inline-block-pc { display: inline-block; }

.m-center-pc { text-align: center; }

.m-relative-pc { position: relative; }

.m-absolute-pc { position: absolute; }

.m-fixed-pc { position: fixed; }

.m-no-repeat-pc { background-repeat: no-repeat; }

.m-bg-cover-pc { background-size: cover; }

.m-bg-contain-pc { background-size: contain; }

.m-hidden-pc { overflow: hidden; }

.m-scroll-pc { overflow: scroll; }

.m-float-left-pc { float: left; }

.m-float-right-pc { float: right; }

.m-clear-pc { clear: both; }

.m-telfont-pc { font-family: "telfont"; }

.m-mincho-pc { font-family: "ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E",serif; }

.m-text-pc { line-height: 1.8; }
.m-text-pc p { margin-bottom: 1.5em; }
.m-text-pc p:last-child { margin-bottom: 0; }

.m-img-cover-pc { position: relative; overflow: hidden; }
.m-img-cover-pc img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; }

.m-border-box-pc { box-sizing: border-box; }

.m-content-box-pc { box-sizing: content-box; }

.m-font-bold-pc { font-weight: bold; }

.m-font-normal-pc { font-weight: normal; }

/* common CSS
******************/
/* Post
******************/
.post-content { line-height: 1.8; letter-spacing: 0.06em; margin: 0 0 4rem; }
.post-content::after { content: ''; display: block; clear: both; }
.post-content > a { color: #117ee4; }
.post-content p { margin-bottom: 1.25em; }
.post-content blockquote { background-color: #f1f1f1; position: relative; margin: 3em 0; color: #6d6d6d; background-color: #f3f3f3; color: #696969; border-radius: 1rem; padding: 5.5rem 5rem 3rem; font-size: 1.3rem; }
.post-content blockquote::after, .post-content blockquote::before { content: url("../imgco/quote.svg"); position: absolute; width: 2.6rem; height: 2.6rem; opacity: 0.2; }
.post-content blockquote::before { top: 0.4rem; left: 0.8rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.post-content blockquote::after { bottom: 0.4rem; right: 0.8rem; }
.post-content blockquote cite { font-size: 0.8em; color: #b3b3b3; display: block; text-align: right; position: relative; bottom: -1rem; }
.post-content blockquote a { color: #9dc6da; }

.post-thumbnail { text-align: center; margin: 0 0 1em; overflow: hidden; position: relative; height: 38rem; }
.post-thumbnail img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

/* post headline */
.post-banner { background-image: url("../img/kt__post-banner__bg_pc.jpg"); background-repeat: no-repeat; }
.post-banner__block { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; min-height: 30rem; padding: 3rem 0; }
.post-banner__box { line-height: 1.4; width: 65%; }
.post-banner__headline { font-size: 2.4rem; }
.post-banner__desc { margin-top: 2rem; font-size: 1.4rem; }

.post-header { background-image: url("../img/kt__post-header__bg_pc.jpg"); background-repeat: no-repeat; background-position: center; margin-bottom: 2rem; }
.post-header h1 { line-height: 1.4; font-size: 2.4rem; }

.post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { font-weight: bold; line-height: 1.4; clear: both; }
.post-content h2 { font-size: 2.2rem; margin: 3rem 0 2rem; }
.post-content h3 { font-size: 2rem; margin: 3rem 0 2rem; }
.post-content h4 { font-size: 1.8rem; margin: 2em 0 1.2em; }

/*
* Custom post header / headline
* 変更はここより下に書いてください。
*/
.post-header h1 { line-height: 1.4; background: url("../img/kt__kaso__h1_pc.jpg"); background-size: cover; width: 76rem; min-height: 7.5rem; padding: 2rem 0 2rem 7rem; position: relative; color: #FFFFFF; position: relative; }
.post-header h1::before { width: 4rem; height: 3.4rem; content: ''; display: block; position: absolute; left: 1.5rem; background: url("../img/kt__h1__ico_pc.png") no-repeat; }

.post-content h2 { color: inherit; background-color: #effbff; position: relative; border-bottom: 0.1rem solid #62c4e6; border-top: 0.5rem solid #62c4e6; padding: 1.3rem 1rem 1rem 3rem; }
.post-content h2::before { width: 4rem; height: 3.4rem; content: ""; display: block; position: absolute; top: 2rem; left: 1.5rem; background: url("../img/kt__h1__ico_pc.png") no-repeat; }
.post-content h3 { border-bottom: 0.3rem solid #62c4e6; border-top: 0.3rem solid #62c4e6; padding: 1.4rem 1rem 1.4rem 1.5rem; }
.post-content h4 { position: relative; width: 76rem; background: url("../img/kt__kaso__h4_pc.jpg") 0 0/cover; padding: 1.3rem 3.6rem 1.2rem; }
.post-content h4::before { content: ""; position: absolute; top: 1.9rem; left: 1.3rem; height: 1rem; width: 1rem; background: #81d0eb; border-radius: 50%; }

/* post Table */
.post-content table { width: 100%; margin: 3rem 0; font-size: 0.92em; }
.post-content table td, .post-content table th { border: 1px solid #ccc; padding: 1.5rem; }
.post-content table thead th { background-color: #62c4e6; color: #fff; padding: 1.5rem 0.5rem; }
.post-content table tbody th { background-color: #e6f2f7; color: #333333; }
.post-content table tbody td { background-color: transparent; color: inherit; }
.post-content table tfoot th { background-color: transparent; color: inherit; font-size: 0.6em; border: none; }
.post-content table tfoot td { background-color: transparent; color: inherit; font-size: 0.6em; border: none; text-align: right; }
.post-content table tfoot th, .post-content table tfoot td { padding: 1rem 0; }
.post-content table caption { font-size: 0.8em; color: #848484; margin: 0 0 0.8em; }

.post-content > ul, .post-content ol { margin: 3em 0; position: relative; color: #333; position: relative; z-index: 1; background-image: url("../img/kt__omakase__line_pc.png"); box-shadow: 0 0.2rem 0 #c5b39f; border-radius: 0.7rem; padding: 3rem 5rem; }
.post-content > ul::after, .post-content ol::after { content: ''; display: block; background-color: #fff; background-image: url(../img/kt__post-list-icn.png), url(../img/kt__post-lint-memo.png); background-repeat: no-repeat, repeat; background-position: bottom 1rem right 1rem, top left; position: absolute; width: 96%; height: 96%; width: calc(100% - 2rem); height: calc(100% - 2rem); top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: -1; box-shadow: 0 0.2rem 0.1rem 0 rgba(0, 0, 0, 0.1); background-size: auto,auto; }
.post-content > ul > li, .post-content ol > li { position: relative; padding: 2rem 1rem 1.5rem 4.5rem; }
.post-content > ul > li:not(:last-child), .post-content ol > li:not(:last-child) { border-bottom: 1px solid #e0e0e0; }
.post-content > ul li::before { content: ''; position: absolute; display: block; left: 0; top: 2rem; background-image: url("../img/kt__post-ul-li__icn.png"); background-repeat: no-repeat; background-size: contain; width: 1.6rem; height: 1.6rem; }
.post-content > ol > li { counter-increment: li; }
.post-content > ol > li::before { content: counter(li); position: absolute; display: inline-block; left: 0; top: 2rem; text-align: center; font-size: 0.8em; width: 1.6em; line-height: 0; padding: 0.8em 0; color: #fff; background-color: #62c4e6; }

/*
* 変更はここより下に書いてください。
*/
.post-content > ul, .post-content ol { background-color: #fff; margin: 3rem 0; padding: 1rem 3rem; }
.post-content > ul > li, .post-content ol > li { padding: 1.6rem 0 1.6rem 3rem; }
.post-content > ul > li::before { top: 1.9rem; left: 0.1rem; width: 2.1rem; height: 2.1rem; }

.post-content .box { margin: 3em 0; padding: 4rem 5rem 3rem; }
.post-content .box.is-yellow { background-color: #f7f3cf; border: 0.4rem dashed #f3e3b2; }
.post-content .box.is-red { background-color: #f7cfcf; border: 0.4rem dashed #f3b2b2; }
.post-content .box.is-gray { background-color: #f1f1f1; border: 0.4rem dashed #c3c3c3; }

.post__box__tyui { border: 0.1rem solid #f7cf6a; margin: 4rem 0; width: 90%; margin-left: auto; margin-right: auto; padding: 2.6rem 2.5rem 1.3rem; position: relative; }
.post__box__tyui::before { content: "注意点"; color: #f7cf6a; font-size: 2.2rem; top: -2.1rem; padding: 2rem 0.8rem 2rem 6rem; position: absolute; font-weight: bold; background: #fff; line-height: 0; }
.post__box__tyui::after { content: "\f071"; position: absolute; background: #f7cf69; color: #fff; font-family: "Font Awesome\ 5 Free"; font-weight: 900; font-size: 2.2rem; border: 0.5rem solid #fff; text-align: center; width: 5.4rem; height: 5.4rem; line-height: 4.5rem; left: 2.5rem; top: -3.1rem; border-radius: 50%; }
.post__box__point { border: 0.1rem solid #85db8f; margin: 4rem 0; width: 90%; margin-left: auto; margin-right: auto; padding: 2.6rem 2.5rem 1.3rem; position: relative; }
.post__box__point::before { content: "ポイント"; color: #85db8f; font-size: 2.2rem; top: -2.1rem; padding: 2rem 0.8rem 2rem 6rem; position: absolute; font-weight: bold; background: #fff; line-height: 0; }
.post__box__point::after { content: "\f00c"; position: absolute; background: #85db8f; color: #fff; font-family: "Font Awesome\ 5 Free"; font-weight: 900; font-size: 2.2rem; border: 0.5rem solid #fff; text-align: center; width: 5.4rem; height: 5.4rem; line-height: 4.5rem; left: 2.5rem; top: -2.9rem; border-radius: 50%; }
.post__box__midashi { border: 0.1rem solid #ea91a9; margin-bottom: 4rem; width: 90%; margin-left: auto; margin-right: auto; padding: 1.5rem 2.5rem 1.6rem; position: relative; }
.post__box__midashi-title { background-color: #ea91a9; position: absolute; line-height: 0; font-size: 1.8rem; left: -.1rem; top: -3.2rem; color: #fff; padding: 1.6rem 1.5rem; border-top-left-radius: 4px; border-top-right-radius: 4px; letter-spacing: 0; }

.alignright { display: block; margin: 0 0 1em; float: right; margin: 0 0 1em 1em; }

.alignleft { display: block; margin: 0 0 1em; float: left; margin: 0 1em 1em 0; }

.aligncenter { display: block; text-align: center; margin: 0 auto 1rem; }

.kanren { border: 0.1rem solid #62c4e6; border-radius: 0.5rem; position: relative; }
.kanren__label { background-color: #62c4e6; color: #fff; position: absolute; font-size: 0.6em; font-weight: bold; line-height: 0; border-radius: 0.5rem; top: -1.3rem; left: 2rem; border-radius: 0.5rem; padding: 1.2rem 2.8rem; }
.kanren__box { clear: both; display: block; color: inherit !important; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding: 2rem; }
.kanren__img { padding-top: 0.7rem; width: 10rem; }
.kanren__content { width: calc(100% - 12rem); }
.kanren__title { font-weight: bold; margin: 0 0 1rem; font-size: 2rem; }
.kanren__title a { color: #424242 !important; }
.kanren__text { font-size: 0.7em; color: #797979; }

.post-relation__item:not(:last-child) { border-bottom: 0.1rem dashed #d7d7d7; }
.post-relation a { color: inherit; position: relative; display: block; font-weight: normal; line-height: 1.5; padding: 1.9rem 0 1.6rem 3rem; transition: all 0.3s ease; }
.post-relation a::before { content: ""; position: absolute; width: 0; height: 0; left: 1.2rem; top: 2.5rem; border: 0.5rem solid transparent; border-left: 0.5rem solid #62c4e6; transition: all 0.3s ease; }
.post-relation a:hover { color: #1b3474; }
.post-relation a:hover::before { left: 1.6rem; }

.post-relation__title { font-size: 2.2rem; margin: 3rem 0 2rem; }

/* Layout
******************/
.m-sec { margin-bottom: 6rem; }

.m-sec-side { margin: 0 0 3rem; }

.container { position: relative; z-index: 1; overflow: hidden; min-width: 114rem; margin: auto; }
.container-center { width: 110rem; padding: 0 0 4rem; margin: auto; }
.container-center::after { content: ''; display: block; clear: both; }
.container-main { float: left; }
.container-side { float: right; }
.container-side__inner { width: inherit; }
.container-side__inner.on { bottom: 0; }
.container-pagetop { position: fixed; z-index: 9995; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; opacity: 0.8; bottom: 4rem; right: -8rem; width: 4.6rem; height: 4.6rem; }
.container-pagetop.in { right: 2rem; }

.ctaLaptop { position: fixed; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; right: 2rem; bottom: -24rem; z-index: 9999; }
.ctaLaptop.in { bottom: 0; }
@media only screen and (max-width: 1400px) { .ctaLaptop { display: none; } }

.reason__item { position: relative; }
.reason__item::after { content: ''; display: block; width: 0.2rem; height: 100%; position: absolute; background-color: #eee; top: 0; bottom: 0; margin: auto; right: -5rem; }
.reason__item:last-of-type::after { display: none; }

.jireiHome__block { background-color: #f9f9f9; padding: 2.5rem; }
.jireiHome__card { background-image: url("../img/kt__jirei__note.png"); box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.14); position: relative; padding: 3rem; margin: 0 0 3rem; }
.jireiHome__card:last-child { margin-bottom: 0; }
.jireiHome__card::after, .jireiHome__card::before { content: ''; display: block; background-image: url("../img/kt__jirei__pin.png"); background-repeat: no-repeat; background-size: contain; position: absolute; width: 1.7rem; height: 2rem; top: 0.7rem; left: 1rem; }
.jireiHome__card::after { left: auto; right: 1rem; }
.jireiHome__box { border-bottom: .1rem solid #e0e0e0; padding-bottom: 1rem; }
.jireiHome__label { display: inline-block; background-color: #eee; }
.jireiHome__status { display: inline-block; }
.jireiHome__btn { background-color: #fcf8e3; border-top: .1rem solid #e0e0e0; margin: 0 -3rem -3rem; padding: 3rem; }

.faq__head { background: url("../img/kt__flow__q_pc.png") no-repeat; width: 76rem; height: 5.8rem; padding: 2rem 1rem 1rem 7rem; }

.faq__body { padding: 2rem 3rem 2.5rem; line-height: 2.6rem; }

.tsuyomi { background-image: url("../img/kt__omakase__line_pc.png"); }
.tsuyomi__block { background-color: #fff; }

.sentence__sodan { border-radius: 0.5rem; padding: 3rem; border: 0.5rem solid #62c4e6; }

.area__body { background-color: #fff; border-radius: 0.5rem; line-height: 1.5; }

.information__table { line-height: 1.4; font-size: 0.86em; }
.information__tr:nth-of-type(2n) { background-color: #fdfaed; }

.field__block.saimu { border-top-color: #3d98c7; }
.field__block.rikon { border-top-color: #fcaec9; }
.field__block.souzoku { border-top-color: #fcb249; }
.field__list { line-height: 1.6; position: relative; padding: 0.4rem 0 0.4rem 3rem; }
.field__list:not(:last-child) { border-bottom: 1px dotted #ccc; }
.field__list::before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 1rem solid transparent; border-left: 0.8rem solid #eee; }
.field__list.saimu::before { border-left-color: #3d98c7; }
.field__list.rikon::before { border-left-color: #fcaec9; }
.field__list.souzoku::before { border-left-color: #fcb249; }

.jirei-board { background-image: url("../img/kt__jirei__note.png"); box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.14); position: relative; padding: 3rem; margin: 0 0 3rem; }
.jirei-board::after, .jirei-board::before { content: ''; display: block; background-image: url("../img/kt__jirei__pin.png"); background-repeat: no-repeat; background-size: contain; position: absolute; width: 1.7rem; height: 2rem; top: 0.7rem; left: 1rem; }
.jirei-board::after { left: auto; right: 1rem; }
.jirei-board__header { border-bottom: 0.1rem solid #e0e0e0; background-repeat: no-repeat; padding-bottom: 1rem; padding-left: 13rem; min-height: 11rem; margin: 0 0 2rem; }
.jirei-board__header.m1 { background-image: url("../img/kt__case-chara__m1_pc.png"); }
.jirei-board__header.m2 { background-image: url("../img/kt__case-chara__m2_pc.png"); }
.jirei-board__header.w1 { background-image: url("../img/kt__case-chara__w1_pc.png"); }
.jirei-board__header.w2 { background-image: url("../img/kt__case-chara__w2_pc.png"); }
.jirei-board__header.c1 { background-image: url("../img/kt__case-chara__c1_pc.png"); }
.jirei-board__header.c2 { background-image: url("../img/kt__case-chara__c2_pc.png"); }
.jirei-board__meta { display: table; font-size: 1.5rem; margin: 0 0 1rem; }
.jirei-board__meta-label { display: table-cell; color: #fff; font-weight: bold; padding: 0.5rem 1rem; font-size: .8em; }
.jirei-board__meta-label.saimu { background-color: #307fb0; }
.jirei-board__meta-label.rikon { background-color: #fa94b3; }
.jirei-board__meta-label.sozoku { background-color: #fa993a; }
.jirei-board__meta-status { display: table-cell; padding-left: 1rem; }
.jirei-board__title { line-height: 1.4; font-size: 2rem; }
.jirei-board__table { width: 100%; line-height: 1.26; }
.jirei-board__table.saimu thead th { color: #fff; font-weight: bold; text-align: center; width: 50%; font-size: 1.8rem; padding: 0.6rem 0 0.5rem; }
.jirei-board__table.saimu thead th.before { background-color: #307fb0; }
.jirei-board__table.saimu thead th.after { background-color: #d0ad40; }
.jirei-board__table.saimu tbody tr { overflow: hidden; position: relative; }
.jirei-board__table.saimu tbody tr:not(:last-child) { border-bottom: 0.2rem solid #fff; }
.jirei-board__table.saimu tbody tr::after { content: ''; display: block; position: absolute; z-index: 1; width: 0; height: 0; border: 3.5rem solid transparent; border-left: 1rem solid #dfe6e9; border-right: 0; right: 37rem; }
.jirei-board__table.saimu tbody td { text-align: center; font-weight: bold; height: 7rem; font-size: 3rem; }
.jirei-board__table.saimu tbody td.before { background-color: #dfe6e9; position: relative; }
.jirei-board__table.saimu tbody td.after { background-color: #fcf8e3; color: #dc3232; font-size: 5rem; }
.jirei-board__table.saimu tbody td.after::after { content: '万円'; color: #333; font-size: 2rem; }
.jirei-board__table.saimu tbody td.debt::before { content: '借金総額'; color: #62686a; display: block; font-size: 1.4rem; margin: 0 0 .6rem; }
.jirei-board__table.saimu tbody td.debt::after { content: '万円'; color: #333; font-size: 1.6rem; }
.jirei-board__table.saimu tbody td.repay::before { content: '毎月の返済額'; color: #62686a; display: block; font-size: 1.4rem; margin: 0 0 .6rem; }
.jirei-board__table.saimu tbody td.repay::after { content: '万円'; color: #333; font-size: 1.6rem; }
.jirei-board__table.saimu tbody td.overpaid { font-size: 2rem; }
.jirei-board__table.rikon th, .jirei-board__table.rikon td { padding: 1.5rem; }
.jirei-board__table.rikon th { background-color: #fa94b3; color: #fff; font-weight: bold; width: 20%; font-size: .9em; }
.jirei-board__table.rikon td { background-color: #f6f6f6; width: 30%; }
.jirei-board__table.rikon tr:not(:last-child) { border-bottom: .2rem solid #fff; }
.jirei-board__table.sozoku th, .jirei-board__table.sozoku td { padding: 1.5rem; }
.jirei-board__table.sozoku th { background-color: #fa993a; color: #fff; font-weight: bold; width: 30%; font-size: .9em; }
.jirei-board__table.sozoku td { background-color: #f6f6f6; }
.jirei-board__table.sozoku tr:not(:last-child) { border-bottom: .2rem solid #fff; }
.jirei-board__tyushaku { font-size: .6rem; display: block; }
.jirei-board__tyushaku:first-of-type { margin-top: 1rem; }

.jirei-more { background-image: url(../img/kt__kaso__bg_pc.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; height: 11rem; padding-top: 3rem; margin: 0 0 5rem; }
.jirei-more a { display: block; background-color: #62c4e6; color: #fff; font-weight: bold; border-radius: .5rem; text-align: center; margin: auto; box-shadow: 0 .4rem 0 #509db8; position: relative; padding: 1.5rem; width: 48rem; }
.jirei-more a::after { content: ''; display: block; border: .5rem solid transparent; border-left: .5rem solid #fff; transform: rotate(45deg); position: absolute; bottom: 0; right: 0; }

/* Layout/header */
.header { position: relative; }
.header__branding { position: relative; }
.header__title { font-weight: bold; }
.header__cta { text-align: center; }
.header__cta img { transition: all 0.3s ease; }

.sideBtns__nav-item { border-bottom: .1rem solid #ddd; }
.sideBtns__nav-item:last-child { border-bottom: none; }
.sideBtns__nav-item a { display: block; }

.sideMenu__title { background-color: #79d7ef; color: #fff; text-align: center; }
.sideMenu__li { position: relative; border-bottom: .1rem dotted #ccc; line-height: 1.4; padding: 1rem; margin: 0 0 1rem; font-size: 1.3rem; }
.sideMenu__li::after { content: ''; display: block; position: absolute; bottom: 0; right: 0; border: .5rem solid transparent; border-left: .5rem solid #62c4e6; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.sideMenu__li:last-of-type { border-bottom: none; }
.sideMenu__img { display: table-cell; width: 7rem; }
.sideMenu__text { display: table-cell; padding-left: 1rem; line-height: 1.2; font-size: 1.2rem; vertical-align: top; }
.sideMenu__time { font-size: .6em; font-weight: bold; margin: 0 0 .3rem; }
.sideMenu__ttl { text-decoration: underline; }

.sideOffice__title { margin-bottom: -5rem; }
.sideOffice__body { background-color: #4facfe; padding: 0 1rem 1rem; position: relative; z-index: 2; }
.sideOffice__body-inner { background-color: #fff; padding: 1rem 2rem; }
.sideOffice__item { border-top: .1rem solid #ddd; padding: 1rem 0; background-image: url(../img/al__sideOffice__arrow_pc.png); background-repeat: no-repeat; background-position: top 1rem left; font-size: 1.2rem; padding-left: 2rem; }
.sideOffice__item:last-of-type { border-bottom: .1rem solid #ddd; }

.sideBanner__simu { margin: 0 0 1.5rem; }

.sideCta__body { background: #dae8ef; text-align: center; padding: 1.5rem 0; }
.sideCta__phone { margin: 0 0 2rem; background-image: url(../img/kt__sideCta__phone_pc.png); background-repeat: no-repeat; height: 6rem; background-position: top center; color: #00479d; font-size: 3.1rem; padding: 3.4rem 0 0 2.9rem; }

.sideAccess { border: .2rem solid #ebebeb; line-height: 1.6; }
.sideAccess__address i { color: #62c4e6; font-weight: bold; font-size: 1.1em; white-space: nowrap; display: inline-block; padding-top: .6rem; }

.footer__banner { margin: 0 auto 2rem; }
.footer__logo { margin: 0 0 1.5rem; }
.footer__block { padding: 3rem 0; }
.footer__copyright { padding: 1rem 0; font-size: 0.6em; text-align: center; background-color: #79d7ef; color: #fff; }

.fvMain { background-image: url(../img/kt__fvMain__bg_pc.jpg); background-repeat: no-repeat; background-size: cover; }

/* Layout/nav */
.gnav__nav { background-color: #fff; border-top: 0.3rem solid #e0e0e0; border-bottom: .1rem solid #e0e0e0; }
.gnav__ul { font-weight: bold; text-align: center; }
.gnav__li { background-repeat: no-repeat; position: relative; background-position: center top 1.3rem; transition: all .3s ease; }
.gnav__li::before, .gnav__li::after { content: ''; display: block; position: absolute; top: 0; bottom: 0; margin: auto; height: 64%; background-color: #fff; width: .1rem; border-left: 0.2rem solid #e0e0e0; }
.gnav__li::before { left: 0; }
.gnav__li:last-of-type::after { right: 0; }
.gnav__li.n1 { background-image: url("../img/kt__gnav__icn1.png"); }
.gnav__li.n2 { background-image: url("../img/kt__gnav__icn2.png"); }
.gnav__li.n3 { background-image: url("../img/kt__gnav__icn3.png"); }
.gnav__li.n4 { background-image: url("../img/kt__gnav__icn4.png"); }
.gnav__li.n5 { background-image: url("../img/kt__gnav__icn5.png"); }
.gnav__li.n6 { background-image: url("../img/kt__gnav__icn6.png"); }
.gnav__li.is-footer { background-image: none !important; }
.gnav__li.is-footer a { padding: 3rem 0 2rem; }
.gnav__li a { display: block; padding: 5rem 0 1.5rem; font-size: 1.3rem; }
.gnav__li a::after { content: ''; display: block; width: 0; height: .3rem; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 1rem; background-color: #62c4e6; transition: all .3s ease; }
.gnav__li a:hover::after { width: 100%; }
.gnav__close { padding: 1.5rem 0; }
.gnav__close-btn { display: block; width: 20rem; font-weight: bold; margin: auto; padding: 1rem; border-radius: .3rem; background-color: #eee; }

.info__time small { font-size: 0.8em; }

.ctaHeader__cta { background-image: url("../img/kt__ctaHeader__bg_pc.png"); background-repeat: no-repeat; padding-top: 2.2rem; }
.ctaHeader__tel { margin-right: 2rem; }
.ctaHeader__phone, .ctaFooter__phone { background-repeat: no-repeat; background-image: url("../img/kt__ctaHeader__phone_bg_pc.png"); background-size: contain; padding-top: 0.5rem; }
.ctaHeader__time, .ctaFooter__time { padding-top: 0.8rem; font-size: 1.1rem; line-height: 2rem; white-space: nowrap; }
.ctaHeader__time i, .ctaFooter__time i { font-weight: bold; background-color: #ebebeb; padding: 0 0.5rem; margin-right: 0.5rem; }
.ctaHeader__time small, .ctaFooter__time small { color: #828282; margin-left: 0.5rem; }
.ctaHeader__access { margin-right: 1rem; }

.fvCta__phone { color: inherit; }
.fvCta__time { font-size: 1.4rem; text-align: center; }
.fvCta__time small { color: #828282; margin-left: 0.5rem; }

.ctaMain { background-repeat: no-repeat; margin: 0 0 6rem; }
.ctaMain__copy { padding: 1.5rem 0 2.2rem; }
.ctaMain__time { font-size: 1.3rem; text-align: center; padding-top: 1rem; font-weight: bold; }
.ctaMain__time small { color: #828282; margin-left: 0.5rem; }

.ctaSide__phone { background-image: url("../img/kt__ctaSide__phone_bg_pc.png"); background-repeat: no-repeat; }
.ctaSide__time { font-size: 1.2rem; line-height: 1.4; margin: 0 0 0.5rem; }
.ctaSide__time i { margin-right: 0.4rem; }
.ctaSide__time small { display: block; }

.ctaReason__phone { background-image: url("../img/kt__ctaReason__phone_bg_pc.png"); background-repeat: no-repeat; }

.ctaFlow { background-repeat: no-repeat; }
.ctaFlow__tel { position: relative; }
.ctaFlow__time { font-size: 1.4rem; text-align: center; }
.ctaFlow__time small { color: #828282; margin-left: 0.5rem; }

.archive__post { position: relative; transition: all 0.3s ease; }
.archive__post:hover { opacity: 0.8; }
.archive__post::after { content: ''; display: block; position: absolute; transform: rotate(45deg); right: 0; bottom: 0; border: 0.5rem solid transparent; border-left: 0.5rem solid #91d4ed; }

.archive__headline { color: #00384c; padding: 1.4rem 1rem 1.3rem 2.3rem; margin: 0 0 0.8rem; position: relative; background: url("../img/kt__archive__bg_pc.png"); line-height: 2rem; }
.archive__headline::before { content: ''; display: block; position: absolute; top: 0; bottom: 0; margin: auto -2rem; background: #effbff; background: -webkit-linear-gradient(top, #62c4e6 0%, #62c4e6 50%, #81d0eb 50%, #81d0eb 100%); background: linear-gradient(to bottom, #62c4e6 0%, #62c4e6 50%, #81d0eb 50%, #81d0eb 100%); width: 0.8rem; left: 2rem; height: calc(100% - 1.7rem); }

.archive__cat { background-color: #91d4ed; display: inline-block; color: #fff; padding: 0.5rem 1rem; font-size: 1.1rem; margin-bottom: 1rem; }

.archive__excerpt { color: #787878; padding: 1 em 0; line-height: 2rem; font-size: 1.3rem; }

.archive__post { border: 0.3rem solid #b6dfed; margin: 2rem 0; padding: 2rem; border-radius: 0.4rem; }

.m-body { line-height: 1.8; }
.m-body p { margin: 0 0 1.4em; }
.m-body p:last-child { margin-bottom: 0; }

.c-h2, .post-content h2, .post-relation__title { color: inherit; border-bottom: 0.1rem solid #62c4e6; border-top: 0.5rem solid #62c4e6; background-color: #effbff; position: relative; line-height: 1.3; padding: 2rem 1rem 1.7rem 3rem; }
.c-h2::before, .post-content h2::before, .post-relation__title::before { content: ''; display: block; position: absolute; top: 0; bottom: 0; margin: auto -2rem; background: #effbff; background: -webkit-linear-gradient(top, #62c4e6 0%, #62c4e6 50%, #81d0eb 50%, #81d0eb 100%); background: linear-gradient(to bottom, #62c4e6 0%, #62c4e6 50%, #81d0eb 50%, #81d0eb 100%); width: 0.8rem; height: calc(100% - 2rem); left: 2rem; }

.c-h3, .post-content h3, .m-body h3 { border-bottom: 0.3rem solid #62c4e6; border-top: 0.3rem solid #62c4e6; }

.c-h4, .post-content h4, .m-body h3 { background-size: cover; padding: 1.3rem 3.6rem 1.2rem; background: url("../img/kt__kaso__h4_pc.jpg"); }
.c-h4::after, .post-content h4::after, .m-body h3::after { margin: 0.5rem; background-color: #81d0eb; color: #fff; padding: 0; margin: 0; width: 100px; height: 100px; line-height: 100px; text-align: center; display: inline-block; border-radius: 50%; }

.c-title, .m-body h2 { line-height: 1.4; border-top: 0.1rem solid #62c4e6; border-bottom: 0.1rem solid #62c4e6; position: relative; padding: 1.5rem 2.5rem; font-size: 2.6rem; margin: 5rem 0 2.5rem; }
.c-title::before, .m-body h2::before { content: ""; left: 0; position: absolute; top: -0.7rem; width: 100%; height: 120%; height: calc(100% + 1.4rem); border-top: 0.3rem solid #62c4e6; border-bottom: 0.3rem solid #62c4e6; }
.c-title::after, .m-body h2::after { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; background: #effbff; background: -webkit-linear-gradient(top, #62c4e6 0%, #62c4e6 50%, #81d0eb 50%, #81d0eb 100%); background: linear-gradient(to bottom, #62c4e6 0%, #62c4e6 50%, #81d0eb 50%, #81d0eb 100%); width: 0.8rem; height: 60%; height: calc(100% - 3rem); }

/* Object
******************/
.breadcrumb { font-size: 0.8em; line-height: 1.3; margin: auto; height: 6rem; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin: 0 -100rem; padding: 0 100rem; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.breadcrumb-wrap { height: 6rem; }
.breadcrumb li { display: inline-block; }
.breadcrumb li:not(:last-child)::after { content: ''; margin: 0 1rem; display: inline-block; font-size: .8em; position: relative; width: 0; height: 0; border: .4rem solid transparent; border-left: .4rem solid #ccc; border-right: 0; }
.breadcrumb li:first-child::before { margin-right: 0.5em; content: ''; display: inline-block; display: none; background-repeat: no-repeat; background-size: contain; width: 2.2rem; height: 1.8rem; }
.breadcrumb a { text-decoration: underline; color: #00479d; }

.contact-form__wrap { border-top: 1px dotted #ccc; }
.contact-form__item { border-bottom: 1px dotted #ccc; display: table; width: 100%; }
.contact-form__item-head { display: table-cell; width: 35%; padding: 2rem 1rem; vertical-align: top; }
.contact-form__item-body { padding: 2rem 1rem; display: table-cell; }
.contact-form input[type="text"], .contact-form input[type='tel'], .contact-form input[type="email"], .contact-form textarea { border: 1px solid #ddd; width: 100%; box-sizing: border-box; padding: 1rem; box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1) inset; margin-right: .5em; }
.contact-form input[type="radio"] { display: none; }
.contact-form input[type="text"], .contact-form input[type='tel'], .contact-form input[type="email"] { width: 30rem; }
.contact-form .is_grade input[type="text"] { width: 10rem; }
.contact-form__asterisk { color: #F44336; }
.contact-form__example { font-size: .7em; color: #999; padding-top: .5em; }
.contact-form__btn { text-align: center; margin-top: 3rem; }
.contact-form input[type="submit"] { background-color: #198c91; color: #fff; padding: 1rem 6rem; border-radius: .5rem; font-weight: bold; }

.container-center.container-center--contact { width: 88rem; max-width: 100%; padding-bottom: 6.4rem; }
.container-center.container-center--contact > .container-main { float: none; width: 100%; margin: 0 auto; }

.contact-page .post-header { width: auto; margin: 0 0 28px; padding: 0; background: none; color: #244e60; text-align: center; }
.contact-page .post-header h1 { width: auto; min-height: 0; margin: 0; padding: 0; background: none; color: inherit; font-size: 30px; line-height: 1.5; }
.contact-page .post-header h1::before { display: none; }
.contact-page .post-header h1::after { content: ''; display: block; width: 40px; height: 3px; margin: 16px auto 0; background: #62c4e6; }
.contact-page .post-content { margin: 0; letter-spacing: 0.025em; }
.contact-page .wpcf7 { padding: 40px; border: 1px solid #dbe5ea; border-top: 3px solid #62c4e6; border-radius: 8px; background: #fff; box-shadow: 0 8px 28px rgba(35, 75, 96, 0.04); }
.contact-page .kato-contact { position: relative; padding: 0; }
.contact-page .kato-contact__desc { margin: 0 0 32px; padding-bottom: 24px; border-bottom: 1px solid #e4ebef; color: #465c68; font-size: 16px; line-height: 1.9; overflow-wrap: break-word; }
.contact-page .kato-contact__item { display: block; width: 100%; padding: 0; border: 0; }
.contact-page .kato-contact__item + .kato-contact__item { margin-top: 28px; }
.contact-page .kato-contact__item-head { display: block; width: auto; margin-bottom: 10px; color: #304a58; font-size: 16px; font-weight: bold; line-height: 1.6; }
.contact-page .kato-contact__item-body, .contact-page .kato-contact__item .wpcf7-form-control-wrap { display: block; min-width: 0; }
.contact-page .kato-contact__asterisk { display: inline-block; margin-left: 10px; padding: 2px 7px; border-radius: 3px; background: #f7eae7; color: #9c493e; font-size: 11px; font-weight: normal; line-height: 1.5; vertical-align: middle; }
.contact-page .kato-contact__input, .contact-page .kato-contact__textarea { display: block; width: 100%; max-width: 100%; min-height: 52px; padding: 13px 15px; border: 1px solid #c7d4da; border-radius: 6px; background: #fff; color: #263d49; box-shadow: none; font: inherit; font-size: 16px; line-height: 1.6; transition: border-color 0.15s ease, box-shadow 0.15s ease; }
.contact-page .kato-contact__input::placeholder, .contact-page .kato-contact__textarea::placeholder { color: #77868f; opacity: 1; font-size: 15px; }
.contact-page .kato-contact__input:hover, .contact-page .kato-contact__textarea:hover { border-color: #92acb9; }
.contact-page .kato-contact__input:focus, .contact-page .kato-contact__textarea:focus { border-color: #3184a0; outline: 2px solid #3184a0; outline-offset: 2px; box-shadow: 0 0 0 4px rgba(49, 132, 160, 0.1); }
.contact-page .kato-contact__input.wpcf7-not-valid, .contact-page .kato-contact__textarea.wpcf7-not-valid { border-color: #b34437; background: #fff8f6; }
.contact-page .kato-contact__input:disabled, .contact-page .kato-contact__textarea:disabled { background: #f1f4f5; color: #7d8b92; cursor: not-allowed; }
.contact-page .kato-contact__textarea { min-height: 208px; resize: vertical; }
.contact-page .kato-contact__remain { margin-top: 8px; color: #667982; font-size: 13px; line-height: 1.6; text-align: right; }
.contact-page .kato-contact__count.zero { color: #b34437; }
.contact-page .kato-contact__submit { position: relative; width: 320px; max-width: 100%; margin: 32px auto 0; text-align: center; }
.contact-page .kato-contact__submit-btn { display: block; width: 100%; min-height: 56px; padding: 15px 36px; border: 1px solid #bc3c22; border-radius: 6px; background: #c44427; color: #fff; font-size: 16px; font-weight: bold; line-height: 1.5; cursor: pointer; transition: background-color 0.15s ease, box-shadow 0.15s ease; }
.contact-page .kato-contact__submit-btn:hover:not(:disabled) { border-color: #a8341d; background: #a8341d; }
.contact-page .kato-contact__submit-btn:focus { outline: 2px solid #3184a0; outline-offset: 3px; }
.contact-page .kato-contact__submit-btn:disabled { opacity: 0.6; cursor: wait; }
.contact-page .kato-contact__submit .wpcf7-spinner { position: absolute; top: calc(50% - 12px); right: 14px; margin: 0; }
.contact-page .kato-contact .wpcf7-not-valid-tip { margin-top: 8px; color: #a63e32; font-size: 14px; line-height: 1.6; }
.contact-page .wpcf7 form .wpcf7-response-output { margin: 24px 0 0; padding: 14px 16px; border-width: 1px; border-radius: 6px; font-size: 15px; line-height: 1.8; }
.contact-page .wpcf7 form.invalid .wpcf7-response-output, .contact-page .wpcf7 form.unaccepted .wpcf7-response-output { border-color: #c28a3c; background: #fffaf0; color: #745320; }
.contact-page .wpcf7 form.failed .wpcf7-response-output, .contact-page .wpcf7 form.aborted .wpcf7-response-output, .contact-page .wpcf7 form.spam .wpcf7-response-output { border-color: #b34437; background: #fff8f6; color: #a63e32; }
.contact-page .wpcf7 form.submitting .kato-contact__submit-btn { opacity: 0.6; cursor: wait; }

.kato-contact__honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

.office-map { position: relative; margin-bottom: 1.5em; }
.office-map__card { background-color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); display: inline-block; z-index: 1; padding: 0.7em 1.4em; border-radius: 5px; font-size: 0.8em; line-height: 1.5; position: absolute; transition: all 0.25s ease; top: 70px; right: 146px; width: 450px; }
.office-map__card::before { content: ""; display: block; width: 1.8em; height: 1.8em; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); transform: rotate(45deg); position: absolute; background: #fff; bottom: -.8em; left: 0; right: 0; margin: auto; }
.office-map__card::after { content: ""; display: block; width: 4em; height: 2em; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; background: #fff; }
.office-map__card.on { top: 10px; right: 10px; }
.office-map__card.on::after, .office-map__card.on::before { display: none; }
.office-map__card__btn-toggle { display: flex; justify-content: center; align-items: center; position: absolute; top: 4px; right: 4px; width: 1em; height: 1em; font-size: 1.5em; }
.office-map__card__btn-toggle::before { content: "\f00d"; font-family: fontawesome; color: #555; }
.office-map__card__btn-toggle.on::before { content: "\f041"; }
.office-map__card__name { font-size: 1.4em; margin-bottom: 0.1em; }
.office-map__card__name.tokyo { font-size: 1.2em; }
.office-map__card__name.tokyo span { font-size: .8em; }
.office-map__card__name::before { content: ""; display: inline-block; width: 1em; height: 1em; background: url("images/icon-map-logo.png") no-repeat center bottom; background-size: contain; margin-right: 0.4em; }
.office-map__card__address { margin-bottom: 0.5em; }
.office-map__card__btn { color: #3b7c1c; font-weight: bold; }
.office-map__card__btn a::before { content: "\f08e"; font-family: fontawesome; margin-right: 0.5em; }

.info__pic { margin: 3.7rem auto 3.2rem; width: 75.2rem; }
.info__table { width: 100%; line-height: 1.4; margin: 0 0 3rem; }
.info__dl { display: table; width: 100%; }
.info__dl:nth-child(2n + 1) { background-color: #f2f4f6; }
.info__dt { display: table-cell; text-align: left; width: 16rem; padding: 1rem 2rem; }
.info__dd { display: table-cell; padding: 1rem 3rem; }
.info__dd p { margin-bottom: 0; }

.category__list { overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.category__item { width: 26rem; margin: 0 1.5rem 2rem 0; }
.category__item:nth-of-type(3n) { margin-right: 0; }
.category__thumbnail { margin: 0 0 1rem; position: relative; overflow: hidden; width: 26rem; height: 18rem; }
.category__thumbnail img { width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; min-height: 18rem; }
.category__time { color: #0f9c2d; font-weight: bold; display: block; margin: 0 0 0.5rem; }
.category__headline { line-height: 1.28; }

.mokuji { font-size: .9em; border: 1px solid #e6e6e6; }
.mokuji__title { background: #0f9c2d; color: #fff; padding: 1rem; position: relative; font-weight: bold; font-size: 1.8rem; }
.mokuji__body { padding: 1rem 3rem; }
.mokuji__button { position: absolute; width: 4rem; height: 100%; top: 0; bottom: 0; right: 0; margin: auto; background: #63cc34; }
.mokuji__button::before, .mokuji__button::after { content: ''; display: block; width: calc(100% - 1rem); height: .2rem; background: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.mokuji__button::before { transition: all .3s ease; transform: rotate(-90deg); }
.mokuji__button.on::before { transform: rotate(0); }
.mokuji__list { border-bottom: 1px solid #dcdcdc; }
.mokuji__list:last-child { border-bottom: 0; }
.mokuji__list.tagH2 { font-weight: bold; }
.mokuji__list.tagH3 { margin-left: 2rem; }
.mokuji a { background-image: url(../img/ec__sideAbout__arrow_pc.png); background-repeat: no-repeat; color: inherit !important; display: block; background-position: top 1.6rem left 0; transition: all .3s ease; padding: 1.4rem 1rem 1.2rem 3rem; }
.mokuji a:hover { color: #0f9c2d !important; }

.simulation__box { background: #f9f6f0; border-radius: 1rem 1rem 0 0; padding: 4rem 4rem 0; }
.simulation__main { margin: 0 0 2rem; position: relative; width: 100%; line-height: 1.4; height: 58rem; }
.simulation__load { position: absolute; width: 100%; height: 100%; text-align: center; background: #fff; z-index: 10; display: none; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.5; left: -4rem; top: -4rem; width: calc(100% + 8rem); height: calc(100% + 4rem); }
.simulation__load-box { width: 12.8rem; height: 12.8rem; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.simulation__before { top: 0; left: 0; position: absolute; height: 50rem; width: 100%; }
.simulation__line { border-top: 1px solid rgba(87, 58, 52, 0.1); margin: 2rem 0 3.3rem; }
.simulation__after { display: none; top: 0; left: 0; height: 50rem; width: 100%; position: absolute; }
.simulation__headline { color: #60483a; font-weight: bold; background-repeat: no-repeat; border-bottom: .2rem solid #d7d7d7; font-size: 2.8rem; padding: .7rem 0 .8rem 5.5rem; margin: 0 0 2rem; }
.simulation__headline.n1 { background-image: url("../img/kt__simulation__kazoku.png"); }
.simulation__headline.n2 { background-image: url("../img/kt__simulation__zaisan.png"); }
.simulation__input { padding: 1rem; overflow: hidden; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.simulation__input label { display: inline-block; padding-left: 2.5rem; margin-right: 2rem; position: relative; }
.simulation__input label::before { content: ''; display: block; background: #fff; border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; box-shadow: -0.1rem -0.1rem 0.3rem rgba(0, 0, 0, 0.2); width: 1.8rem; height: 1.8rem; }
.simulation__input label.on::after { content: ''; display: block; background: #60483a; border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0.3rem; margin: auto; width: 1.2rem; height: 1.2rem; }
.simulation__input select { background: #fff; border-radius: 0.4rem; border: 1px solid #e5e5e5; width: 8rem; height: 4rem; }
.simulation__input input[type="number"] { background: #fff; border-radius: 0.4rem; margin-right: 1rem; border: 1px solid #e5e5e5; padding: 0.5rem; width: 18rem; font-size: 2.2rem; }
.simulation__input dt { width: 8rem; font-weight: bold; }
.simulation__btnbox { background-color: #ffeed6; padding: 3rem 5rem; margin: 0 -4rem; }
.simulation__btnbox.start { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
.simulation__btn-s { background-image: url("../img/kt__simulation__btn-s.png"); background-size: contain; color: transparent; background-color: transparent; width: 40rem; height: 7.3rem; }
.simulation__btn-r { background-image: url("../img/kt__simulation__btn-r.png"); background-size: contain; color: transparent; background-color: transparent; display: block; width: 34.5rem; height: 7.3rem; }
.simulation__btn-c { background-image: url("../img/kt__simulation__btn-c.png"); background-size: contain; color: transparent; background-color: transparent; display: block; width: 31.2rem; height: 7.4rem; }
.simulation__radio { display: none; }
.simulation__result { position: relative; background: #fff; text-align: center; font-weight: bold; color: #4f4231; padding: 4.5rem 0 0; height: 32rem; border: 0.5rem solid #60483a; }
.simulation__result-gaku { position: relative; color: #60483a; font-size: 4.2rem; }
.simulation__result-en { font-size: 4.9rem; }
.simulation__result-color { color: #f58d4a; font-size: 7.2rem; }
.simulation__result-text { color: #4c4c4c; font-size: 2.3rem; }
.simulation__message { font-weight: bold; text-align: center; color: #4c4c4c; font-size: 2.3rem; height: 14rem; padding-top: 2rem; }
.simulation__cta { padding: 2rem 0; }
.simulation__menseki { font-size: 1rem; margin-top: 4rem; }
.simulation__menseki-title { color: #f47923; font-size: 1.2em; font-weight: bold; }
.simulation__error { color: #D22F2F; font-size: 0.8em; opacity: 0; transition: all 0.3s ease; }

.intro { background-image: url("../img/kt__fvMenu__bg_pc.jpg"); background-repeat: repeat; overflow: hidden; border-radius: 0.6rem; margin: 0 0 2rem; padding: 3rem; }
.intro__name { background-image: url("../img/kt__common__headline-bg_pc.jpg"); background-repeat: repeat; color: #fff; background-color: #4db1e0; border-bottom: 0.4rem solid #7cceeb; padding: 1rem 3.2rem 0.2rem; font-size: 2.4rem; margin-bottom: 2.5rem; }
.intro__name-label { display: block; font-size: 0.4rem; background-color: #fff; color: #4db1e0; text-align: center; font-weight: bold; padding: 0.2rem 0 0; width: 8rem; }
.intro__name-ruby { font-size: 0.6em; margin-left: 0.5em; }
.intro__main { overflow: hidden; margin: 0 0 1.5rem; }
.intro__pic { float: left; background-color: #fff; border-radius: 0.1rem; box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); padding: 0.6rem; }
.intro__pic-number { color: #8c8c8c; text-align: center; padding-top: 0.6rem; font-size: 1rem; }
.intro__carrar { float: right; width: 40rem; }
.intro__carrar-title { border-bottom: 0.3rem solid #6dcbea; color: #13a3dc; font-size: 1.8rem; padding: 0 0 0.4rem; }
.intro__carrar-item { position: relative; padding-left: 1.5rem; border-bottom: 0.1rem dotted #e8e8e8; background-color: #fff; font-size: 1.4rem; padding: 1rem 0 1rem 3rem; }
.intro__carrar-item::before { border: 0.4rem solid transparent; border-left: 0.5rem solid #91d4ed; content: ''; width: 0; height: 0; position: absolute; display: block; top: 1.7rem; left: 0; margin-left: 1.5rem; }
.intro__text { border: 0.2rem solid #d1d1d1; clear: both; background-color: #fff; color: #696969; padding: 2rem; }
.intro__text p:last-child { margin-bottom: 0; }

.intro__box { background-color: #f1f1f1; padding: 2.5rem; }

.pagenation { display: flex; justify-content: center; margin-top: 3rem; }

.page-numbers { width: 3rem; line-height: 3rem; background-color: #c3dae5; text-align: center; margin: 0 .6rem; position: relative; color: #fff; font-weight: bold; }
.page-numbers.prev { background-color: #e4e4e4; }
.page-numbers.prev::before { content: ''; display: block; border: 1rem solid transparent; border-right: 1rem solid #fff; border-left: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 0; height: 0; margin: auto; }
.page-numbers.prevall { background-color: #e4e4e4; }
.page-numbers.prevall::before { content: ''; display: block; border: 1rem solid transparent; border-right: .8rem solid #fff; border-left: 0; position: absolute; top: 0; bottom: 0; right: .5rem; width: 0; height: 0; margin: auto; }
.page-numbers.prevall::after { content: ''; display: block; border: 1rem solid transparent; border-right: .8rem solid #fff; border-left: 0; position: absolute; top: 0; bottom: 0; right: 1.8rem; width: 0; height: 0; margin: auto; }
.page-numbers.next { background-color: #a6a6a6; }
.page-numbers.next::before { content: ''; display: block; border: 1rem solid transparent; border-left: 1rem solid #fff; border-right: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 0; height: 0; margin: auto; }
.page-numbers.nextall { background-color: #a6a6a6; }
.page-numbers.nextall::before { content: ''; display: block; border: 1rem solid transparent; border-left: .8rem solid #fff; border-right: 0; position: absolute; top: 0; bottom: 0; left: .5rem; width: 0; height: 0; margin: auto; }
.page-numbers.nextall::after { content: ''; display: block; border: 1rem solid transparent; border-left: .8rem solid #fff; border-right: 0; position: absolute; top: 0; bottom: 0; left: 1.8rem; width: 0; height: 0; margin: auto; }
.page-numbers.current { background-color: #3883a9; }

.page-faq__dt { background-color: #f4f4f4; background-image: url(../img/kt__page-faq__q_icn_pc.png); background-repeat: no-repeat; font-weight: bold; line-height: 1.4; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; min-height: 5.8rem; padding: .5rem .5rem .4rem 7rem; font-size: 1.8rem; }
.page-faq__dd { line-height: 1.8; font-size: .86em; padding: 1.5rem 3rem 4rem; }
.page-faq__dd p { margin-bottom: 1.25em; }
.page-faq__dd p:last-child { margin-bottom: 0; }