/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 1.00
*/
p + .jin-iconbox {
    margin-top: 1em;
}
.cps-post-main blockquote{
margin-top: 1.4em;
}

.cps-post-main .video{
margin-top:1em;
}

.cps-post-main table tr th{
background-color:#FFFAF0;
}

.balloon-box{
margin-top: 1em;
}

.balloon-image-left{
margin: -3em 0 0 0;
}

@media screen and (max-width: 767px) {
#page-top {
    bottom: 75px !important;
}
}

.cps-post-main p{
margin-bottom:0;
margin-top: 1em;
}

.concierge-link:hover{
opacity:0.5;
}

#toc_container p.toc_title{
margin-top:1em;
}

.blog-card-excerpt{
display:none !important;
}

.cps-post-main p a.blog-card{
    display: none;
}

.cps-post-main blockquote{
padding: 2.4em;
}

.cps-post-main table.cps-table03{
margin-top:1em;
}

caption {margin-top: 1.5em;}
pre {white-space: pre-wrap;}

.kaisetsu-box5-title{margin-top:0.5em;}

.simple-box1 P, .simple-box2 P, .simple-box3 P, .simple-box4 P, .simple-box5 P, .simple-box6 P, .simple-box7 P, .simple-box8 P, .simple-box9 P, .kaisetsu-box1 P, .kaisetsu-box2 P, .kaisetsu-box3 P, .kaisetsu-box4 P, .kaisetsu-box5 P, .kaisetsu-box6 P, .concept-box1 P, .concept-box2 P, .concept-box3 P, .concept-box4 P, .concept-box5 P, .concept-box6 P, .innerlink-box1 P{
margin-bottom:0;
}

.simple-box1, .simple-box2, .simple-box3, .simple-box4, .simple-box5, .simple-box6, .simple-box7, .simple-box8, .simple-box9, .kaisetsu-box1, .kaisetsu-box2, .kaisetsu-box3, .kaisetsu-box4, .kaisetsu-box5, .kaisetsu-box6, .concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6, .innerlink-box1{
margin-top:40px;
padding:1px 25px;
margin-bottom:3em;
}

.simple-box1 ol, .simple-box1 ul, .simple-box2 ol, .simple-box2 ul, .simple-box3 ol, .simple-box3 ul, .simple-box4 ol, .simple-box4 ul, .simple-box5 ol, .simple-box5 ul, .simple-box6 ol, .simple-box6 ul, .simple-box7 ol, .simple-box7 ul, .simple-box8 ol, .simple-box8 ul, .simple-box9 ol, .simple-box9 ul, .kaisetsu-box1 ol, .kaisetsu-box1 ul, .kaisetsu-box2 ol, .kaisetsu-box2 ul, .kaisetsu-box3 ol, .kaisetsu-box3 ul, .kaisetsu-box4 ol, .kaisetsu-box4 ul, .kaisetsu-box5 ol, .kaisetsu-box5 ul, .kaisetsu-box6 ol, .kaisetsu-box6 ul{
padding-bottom:10px;
}

.cps-post-main .ranking01 .ranking-title01, .cps-post-main .ranking01 .ranking-title02, .cps-post-main .ranking01 .ranking-title03, .cps-post-main .ranking02 .ranking-title01, .cps-post-main .ranking02 .ranking-title02, .cps-post-main .ranking02 .ranking-title03, .cps-post-main .ranking03 .ranking-title01, .cps-post-main .ranking03 .ranking-title02, .cps-post-main .ranking03 .ranking-title03{
margin:1.5em 0 0.5em;
}

.cps-post-main ul{
margin-top:1.5em;
}

.simple-cv-button-box{
margin:1em auto;
}

.h2-style05 h2{
margin-top:30px;
}

.h3-style01 h3, .h3-style04 h3, .h3-style05 h3, .h3-style06 h3, .h4-style01 h4, .h2-style02 h2, .h2-style08 h2, .h2-style08 h2:before, .h2-style09 h2, .h4-style03 h4{
margin-top:1.5em;
}

#toc_container{
margin-top:20px;
}

.cps-post-main ol{
margin-top:1.5em;
}

.confirmation{ 
padding: 0.5em;
    overflow: auto;
    font-size: 0.8em;
    width: auto;
    height: 8em;
    margin-bottom: 1.3em;
    background-color: #ffffff;
    border: 1px #c0c0c0 solid;
    color: #000000;
}

#sticky-footer {
    position: fixed;
    bottom: -20px;
	text-align:center;
	width:100%;
	height:90px;
	z-index: 9999999;
}
#sticky-footer a {
    background: #e41d32;
    text-decoration: none;
    color: #fff;
    padding: 0.4em;
    text-align: center;
    display: block;
    height: inherit;
}

.sticky-copy {
    font-size: 0.7em;
}

.sticky-number {
    font-weight: bold;
    font-size: 1.5em;
	line-height:1em;
}

.sticky-time {
    font-size: 0.6em;
	line-height: 0.8em;
}

@media screen and (max-width: 767px){
footer {padding-bottom: 70px;}
.popup-simulation,
.popup-simulation-flow,
.popup-concierge,
.popup-ranking {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup-simulation.is-show,
.popup-simulation-flow.is-show,
.popup-concierge.is-show,
.popup-ranking.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner-simulation,
.popup-inner-simulation-flow,
.popup-inner-concierge,
.popup-inner-ranking {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 600px;
    padding: 2rem 1rem;
    color: #FFFFFF;
    z-index: 2;
    height: 80%;
    overflow-y: scroll;
}
.popup-inner-simulation,
.popup-inner-simulation-flow {
    background-color: rgba(90, 151, 76, .8);
}
.popup-inner-concierge {
    background-color: rgba(248, 181, 0, .8);
}
.popup-inner-ranking {
    background-color: rgba(59, 70, 117, .8);
}
.sim_form,
.popup-inner-simulation .sim_form {
    width: 100% !important;
    padding-left: 0 !important;
    padding: 1rem !important;
    height: auto;
    color: #6877A4;
}
.sim_form_box,
.sim_form_box_ampere,
.popup-inner-simulation .sim_form_box,
.popup-inner-simulation .sim_form_box_ampere {
    margin-bottom: 1rem;
}
.sim_form_left,
.popup-inner-simulation .sim_form_left {
    width: 48% !important;
    font-size: 1rem;
    line-height: 2rem;
    text-align: left;
}
.sim_form_btn_box,
.popup-inner-simulation .sim_form_btn_box {
    margin-left: 0 !important;
    text-align: center !important;
}
.popup-inner-simulation-flow .balloon-box {
    color: #6877A4;
}
.popup-inner-simulation-flow .balloon-icon.maru {
    background: #fff;
}
.popup-inner-simulation-flow .icon-name {
    color: #fff;
}
.popup-inner-simulation-flow .balloon-content img {
    margin-bottom: 0;
    width: 100%;
}
.popup-inner-simulation-flow ol,
.popup-inner-simulation-flow ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin: 1rem auto;
    counter-reset: li;
}
.popup-inner-simulation-flow ol > li,
.popup-inner-simulation-flow ul > li {
    position: relative;
    display: block;
    padding: 0em 0px 0em 25px;
    margin-bottom: 0.7em;
}
.popup-inner-simulation-flow ol > li:before {
    position: absolute;
    content: "";
    left: 0px;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    top: 3px;
    background-color: #ffcd44!important;
}
.popup-inner-simulation-flow ol > li:after {
    counter-increment: li;
    content: counter(li);
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0px;
    padding: 0;
    line-height: 0;
    color: #fff;
    text-align: center;
    font-size: 0.65em;
    letter-spacing: 0;
    font-weight: 400;
    top: 13px;
}
.popup-inner-simulation-flow ul > li:before {
    display: block;
    content: '';
    position: absolute;
    top: 0.6em;
    left: 10px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #ffcd44!important;
}
/*.sticky-concierge-title {
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    padding: .5rem;
    margin-bottom: .5rem;
    background: #3b4675;
}*/
.sticky-concierge-title-sub {
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold;
    padding: .5rem 0;
    margin-bottom: .5rem;
}
.sticky-concierge-description {
    font-size: .9em;
}
.sticky-concierge-description a {
    display: inline-block;
    margin-top: .5em;
    color: #fff !important;
    text-decoration: underline;
}
.sticky-concierge-tel,
.sticky-concierge-web {
    margin: 1rem auto .5rem;
}
.sticky-concierge-tel .title,
.sticky-concierge-web .title {
    font-size: 1.2rem;
    border-left: 5px solid #3b4675;
    padding: .2rem .5rem;
    margin-bottom: .5rem;
}
.sticky-concierge-tel .link,
.sticky-concierge-web .link {
    text-align: center;
}
.sticky-concierge-tel .link.tel {
    font-size: 1.2rem;
    font-weight: bold;
    width: 80%;
    background: #ff9723;
    border-radius: 5px;
    margin: 0 auto .5em;
    border: #ff9723;
    box-shadow: 0 3px 0 #af6b20;
}
.sticky-concierge-tel .link.tel a {
    display: block;
    width: 100%;
    padding: 1rem;
    color: #FFFFFF;
    text-decoration: none;
}
.sticky-concierge-tel .text {
    text-align: center;
    font-size: .9rem;
}
.sticky-concierge-web .link.web a img {
    margin: 0 auto;
    width: 80%;
}
.sticky-ranking-title {
    text-align: center;
    font-size: 1.3rem;
    margin: 1rem auto;
}
li.sticky-ranking-area {
    display: inline-block;
    width: 48.9%;
    padding: 0 !important;
    border-top: 2px solid rgba(85, 101, 169, .5);
    margin-bottom: 0 !important;
}
li.sticky-ranking-area:nth-child(9),
li.sticky-ranking-area:nth-child(10) {
    border-bottom: 2px solid rgba(85, 101, 169, .5);
}
li.sticky-ranking-area:before {
    display: none !important;
}
li.sticky-ranking-area a {
    display: block;
    width: 100%;
    text-align: center;
    padding: .9rem;
    color: #FFFFFF;
    text-decoration: none;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.close-btn i {
  font-size: 20px;
  color: #FFF;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}
.sticky-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    text-align:center;
    width:100%;
    height:60px;
    line-height: 60px;
    z-index: 9999999;
    font-size: 0;
}
.sticky-simulation,
.sticky-concierge,
.sticky-ranking {
    display: inline-block;
    position: relative;
    width: 33.1%;
    /*width: -webkit-clac(49% - 2px);*/
    /*width: calc(49% - 2px);*/
    color: #FFFFFF;
    padding: .5em;
    font-size: 0;
    height: 60px;
}
.sticky-simulation {
    background: #5A974C;
}
.sticky-concierge {
    background: #f8b500;
}
.sticky-ranking {
    background: #3b4675;
}
.sticky-simulation .icon,
.sticky-concierge .icon,
.sticky-ranking .icon,
.sticky-simulation .text,
.sticky-concierge .text,
.sticky-ranking .text {
    pointer-events: none;
}
.sticky-simulation .icon,
.sticky-concierge .icon,
.sticky-ranking .icon {
    display: inline;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    /*width: -webkit-clac(14% - 2px);*/
    /*width: calc(14% - 2px);*/
    line-height: 1.7;
    text-align: center;
    vertical-align: middle;
    font-size: 1.2rem;
    height: 30px;
}
.sticky-simulation .text,
.sticky-concierge .text,
.sticky-ranking .text {
    display: inline;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    /*width: -webkit-clac(84% - 2px);*/
    /*width: calc(84% - 2px);*/
    line-height: 1.2;
    text-align: center;
    vertical-align: top;
    font-size: .6rem;
    font-weight: bold;
    height: 30px;
}
}
@media screen and (max-width: 340px) {
.sticky-simulation .text,
.sticky-concierge .text,
.sticky-ranking .text {
    font-size: .6rem;
}
}

/*==========sticky-footer-menu用css==========*/

.sticky-footer-menu {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999999;
    width: 100%;
    height: 70px;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0,0,0,.25);
}
.sticky-footer-menu .menu-item {
    width: 20%;
    height: inherit;
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.sticky-footer-menu .menu-item a {
    display: block;
    position: relative;
    height: inherit;
    font-size: .6rem;
    font-weight: 400;
    padding: 5px;
    text-align: center;
    background: #fff;
    color: #3b4675 !important;
    text-decoration: unset !important;
    letter-spacing: 0;
    -webkit-transition: color .3s ease,background .3s ease,transform .3s ease,opacity .3s ease,border .3s ease,padding .3s ease,left .3s ease,bottom .3s ease,box-shadow .3s ease;
    transition: color .3s ease,background .3s ease,transform .3s ease,opacity .3s ease,border .3s ease,padding .3s ease,left .3s ease,bottom .3s ease,box-shadow .3s ease;
}
.sticky-footer-menu .menu-item span {
    display: inline;
    position: absolute;
    width: calc(100% - 10px);
    left: 5px;
}
.sticky-footer-menu .menu-item .menu-icon {
    font-size: 1.4rem;
    line-height: 1.3;
    height: 30px;
    vertical-align: middle;
    top: 5px;
}
/*.sticky-footer-menu .menu-item .menu-icon .jic.jin-ifont-crown {font-size: 1.4rem;}*/
.sticky-footer-menu .menu-item .menu-txt {
    line-height: 1.2;
    top: 35px;
    height: 30px;
    vertical-align: top;
}
@media screen and (min-width: 768px) {
.sticky-footer-menu {
    bottom: 76px;
    left: unset;
    right: 0;
    width: 70px;
    height: auto;
}
.sticky-footer-menu .menu-item {
    width: inherit;
    height: 70px;
    float: unset;
}
}

/*==========///////////////////==========*/
/*==========エリア別ランキング用css==========*/
/*==========///////////////////==========*/
.area-ranking-box {
    margin: 1em auto;
    padding: 0 !important;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(137px, 1fr));
}
.area-ranking-box .ranking-item {
    border: 1px solid #fff;
    text-align: center;
    padding: 0;
    margin: 0;
}
.area-ranking-box .ranking-item a.ranking-link {
    display: block;
    padding: 2em 1em;
    color: #fff !important;
    background: #61aa3c;
    text-decoration: unset !important;
}
.area-ranking-box .ranking-item a.ranking-link:hover {
    background: #f8b500;
    opacity: unset !important;
}
.area-ranking-box .ranking-item a.ranking-link.link-none {
    background: #aaa !important;
}

/*==========カスタムh1用css==========*/
#h1-custom {
    display: block;
    margin-top: .5rem;
    font-size: 0.8rem;
    color: #bbb;
    font-weight: 300;
    letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
#h1-custom {
    margin-top: .2rem;
    font-weight: 400;
}
}
/*==========コンシェルジュお問い合わせフォーム==========*/
.inquiry-td-inner {
    margin: 0;
    border:1px solid #f9f9f9 !important;
}
.inquiry-td-inner td.name:nth-child(1) {
    border: 1px solid #f9f9f9;
    padding: 0 4px 0 0 !important;
}
.inquiry-td-inner td.name:nth-child(2) {
    border: 1px solid #f9f9f9;
    padding: 0 0 0 4px !important;
}
.inquiry-td-inner td.address:nth-child(1) {
    border: 1px solid #f9f9f9;
    padding: 8px 2px 0 0 !important;
}
.inquiry-td-inner td.address:nth-child(2) {
    border: 1px solid #f9f9f9;
    padding:8px 2px 0 2px !important;
}
.inquiry-td-inner td.address:nth-child(3) {
    border: 1px solid #f9f9f9;
    padding:8px 0 0 2px!important;
}
.inquiry-td-inner td.building:nth-child(1) {
    border: 1px solid #f9f9f9;
    padding: 8px 4px 0 0 !important;
}
.inquiry-td-inner td.building:nth-child(2) {
    border: 1px solid #f9f9f9;
    padding: 8px 0 0 4px !important;
}
input[type="tel"] {
    box-sizing: border-box;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #ccc;
    padding: 7px 10px;
    font-size: 1em;
    /* margin-bottom: -10px !important; */
    -webkit-appearance: none;
}
@media screen and (max-width: 767px) {
.inquiry-td-inner td.name:nth-child(1),
.inquiry-td-inner td.name:nth-child(2),
.inquiry-td-inner td.address:nth-child(1),
.inquiry-td-inner td.address:nth-child(2),
.inquiry-td-inner td.address:nth-child(3),
.inquiry-td-inner td.building:nth-child(1),
.inquiry-td-inner td.building:nth-child(2) {
    padding: 8px 0 0 !important;
}
}

@media screen and (max-width: 767px) {
.sim_box img {
    display: block;
    float: none !important;
    margin: 0 auto .5rem;
}
.color-button01,
.color-button02 {
    width: 70%;
}
.color-button01 a,
.color-button02 a {
    padding: 12px;
    width: 100%;
}
}
@media screen and (max-width: 767px) {
body.fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
}
}

footer .footer-inner #contact a,
footer .footer-inner #about a,
footer .footer-inner #sitemap a {
padding: 0 15px;
border-right: 1px solid #ddd; }
@media (max-width: 767px) {
  footer .footer-inner #contact a,
  footer .footer-inner #about a,
  footer .footer-inner #sitemap a {
    margin: 0 auto; }
  footer .footer-inner #privacy a,
  footer .footer-inner #law a,
  footer .footer-inner #contact a,
  footer .footer-inner #about a,
  footer .footer-inner #sitemap a {
      display: inline-block; } }
@media (min-width: 768px) {
  footer .footer-inner #contact a,
  footer .footer-inner #about a,
  footer .footer-inner #sitemap a {
    float: left;
    font-weight: 300; } }

dl {margin: 1em auto;}
dt {
    font-weight: bold;
    border-bottom: double;
    display: inline-block;
    margin-bottom: .5em;
}
dd {
    font-size: .9em;
    margin-bottom: .5em;
}
table {margin-top: 20px;}
div.scrollable-table {margin-top: 1em;}
table,table th,table td {font-size: .8rem;}
table th {
    font-size: .8rem !important;
    font-weight: bold;
}
table td ol,
table td ul {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}
table td ol li,
table td ul li {
    margin-bottom: 0 !important;
}
table.ryoukin,
table.ryoukin th,
table.ryoukin td {
    font-size: .8rem;
}
table.ryoukin th {
    font-size: .8rem !important;
    font-weight: bold;
}
table.ryoukin td {
    text-align: right;
}
table.tokucho caption {font-size: 1rem;font-weight:bold;}
table.tokucho thead th:first-child {width: 25%;}
table.tokucho tbody tr.osusumedo td:nth-child(1) {width: calc((100% - 25%) / 2);text-align: center;}
table.tokucho tbody tr.osusumedo td:nth-child(2) {text-align: center;}
.scrollable-table table{
  margin: 0 auto !important;
}
table.campaign-table,
table.campaign-table th,
table.campaign-table td {
    font-size: .8rem;
}
table.campaign-table th.w30 {width: 30%;}
table.campaign-table th.w40 {width: 40%;}
.page .cps-post-title {
    margin-bottom: 0;
}
.kaisetsu-box1 p {
    margin-top: unset;
}
.notes {
    font-size: .8em !important;
    color: #aaa;
}
.notes a {
    color: #aaa !important;
}

#toc_container .toc_list > li > ul > li {
    padding-left: unset;
}
.flt_left {float: left;}
.flt_right {float: right;}
@media (max-width: 767px) {
.flt_left {float: none;}
.flt_right {float: none;}
}
.bold {font-weight: bold;}
.otoku {
    color: #F16F6F;
    font-weight: bold;
}
.otoku:after {content: 'お得';}
.son {
    color: #888;
    font-weight: bold;
}
.son:after {content: '損';padding: 0 .5em;}
.high {color: #e74980;}
.low {color: #228be6;}
.ryoukin tr.high th {color: #3b4675;}
.ryoukin tr.low th {color: #3b4675;}
.ryoukin tr.high td {color: #e74980;}
.ryoukin tr.low td {color: #228be6;}
.ryoukin tr.high .low {color: #228be6 !important;}
.ryoukin tr.low .high {color: #e74980 !important;}

h5 {
    font-size: 1.2rem !important;
    margin-top: 1rem !important;
    border-left: 2px dotted #3b4675 !important;
}

.blog-card .blog-card-hl.recommend:after {content: "おすすめ記事";}

/*==========button==========*/
.btn-container {
    position: relative;
    margin: .5em auto 1.5em;
    width: 100%;
    text-align: center;
}
.btn-cv,.btn-jump {
    display: inline-block;
    position: relative;
    -webkit-transition-duration: 0;
    transition-duration: 0;
    -webkit-transition-property: color background border box-shadow;
    transition-property: color background border box-shadow;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    margin:0.875em auto;
    border-width: 0.125em;
    border-style: solid;
    border-radius: 0.5em;
    border-color: #183153;
    -webkit-box-shadow: 0 0.375em 0 #183153;
    box-shadow: 0 0.375em 0 #183153;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #ffd43b;
    cursor: pointer;
    padding: 1em 1.5em;
    vertical-align: middle;
    text-align: center;
    -webkit-text-decoration: none !important;
            text-decoration: none !important;
    -webkit-text-decoration-color: unset !important;
            text-decoration-color: unset !important;
    color: #183153 !important;
    font-weight: 600;
}
.btn-cv.detail {
    padding: 0 1em 0 .8em;
}
.btn-cv:hover,
.btn-jump:hover {
    border-color: #183153;
    background: #fab005;
    -webkit-text-decoration: none;
            text-decoration: none;
    -webkit-text-decoration-color: unset;
            text-decoration-color: unset;
    color: #183153 !important;
    opacity: unset !important;
}
.btn-cv:active,
.btn-jump:active {
    top: 0.375em;
    border-width: 0.125em;
    border-color: #183153;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: #183153;
    -webkit-text-decoration: none;
            text-decoration: none;
    color: #ffd43b !important;
}
.btn-cv:after {
    font-family:"Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
    right: .25em;
    top: 50%;
    margin-top: -.5em;
}
.btn-cv.detail:after {
    content: '\f105';
}
.btn-jump.down {
    padding: 1em 1.5em 1.5em;
}
.btn-jump.up {
    padding: 1.5em 1.5em 1em;
}
.btn-jump.down:after {
    font-family:"Font Awesome 5 Free";
    content: '\f078';
    font-weight: 900;
    position: absolute;
    bottom: .25em;
    right: 50%;
    margin-right: -.5em;
}
.btn-jump.up:after {
    font-family:"Font Awesome 5 Free";
    content: '\f077';
    font-weight: 900;
    position: absolute;
    top: .25em;
    right: 50%;
    margin-right: -.5em;
}
/*@media (max-width: 767px) {.btn-cv {max-width: 90%;}}*/

/*========== hachidori interview==========*/
div.hachidori div.interviewer.profile,
div.hachidori div.interviewee.profile {
    font-size: .8em;
    border: 1px solid;
    margin-top: 2em;
    min-height: 60px;
}
div.hachidori div.interviewer,
div.hachidori div.interviewee {
    position: relative;
    padding: 5px 5px 5px 60px;
    min-height: 60px;
    margin-bottom: 1.5em;
    letter-spacing: 0.05em;
    line-height: 1.8em;
}
div.hachidori div.interviewer,
div.hachidori div.interviewer p {
    font-weight: bold !important;
}
div.hachidori div.interviewer:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(/image/interview/tarumi.jpg);
    background-size: contain;
    vertical-align: top;
    border-radius: 50%;
    top: 5px;
    left: 5px;
}
div.hachidori div.interviewer.profile:after {
    content: 'Interviewer Profile';
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    top: -1.8em;
    left: -1px;
    color: #fff;
    background-color: #3b4675;
    padding: 0 1em;
}
div.hachidori div.interviewee:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(/image/interview/hachidori-ono.jpg);
    background-size: contain;
    vertical-align: top;
    border-radius: 50%;
    top: 5px;
    left: 5px;
}
div.hachidori div.interviewee.profile:after {
    content: 'Interviewee Profile';
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    top: -1.8em;
    left: -1px;
    color: #fff;
    background-color: #3b4675;
    padding: 0 1em;
}


/*========== ashita-denki interview==========*/
div.interviewer.profile,
div.interviewee.profile {
    font-size: .8em;
    border: 1px solid;
    margin-top: 2em;
    min-height: 60px;
}
div.interviewer,
div.interviewee {
    position: relative;
    padding: 5px 5px 5px 60px;
    min-height: 60px;
    margin-bottom: 1.5em;
    letter-spacing: 0.05em;
    line-height: 1.8em;
}
div.interviewer,
div.interviewer p {
    font-weight: bold !important;
}
div.interviewer:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    background-size: contain;
    vertical-align: top;
    border-radius: 50%;
    top: 5px;
    left: 5px;
}
div.ashita div.interviewer:before {
    background-image: url(/image/interview/tarumi.jpg);
}
div.interviewer.profile:after {
    content: 'Interviewer Profile';
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    top: -1.8em;
    left: -1px;
    color: #fff;
    background-color: #3b4675;
    padding: 0 1em;
}
div.interviewee:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    background-size: contain;
    vertical-align: top;
    border-radius: 50%;
    top: 5px;
    left: 5px;
}
div.interviewee:before {
    /*background-image: url(/image/interview/hachidori-ono.jpg);*/
}
div.interviewee.profile:after {
    content: 'Interviewee Profile';
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    top: -1.8em;
    left: -1px;
    color: #fff;
    background-color: #3b4675;
    padding: 0 1em;
}

div.ashita .balloon-left.balloon-bg-yellow .balloon-content {background: #FFFFFF !important;}
div.ashita .balloon-left.balloon-bg-yellow .balloon-serif:before {border-color: transparent #FFFFFF transparent transparent !important;}

table.ashita-denki_plan {border-collapse: separate;}
.ashita-denki_plan,.ashita-denki_plan th,.ashita-denki_plan td {border: none !important;color: #242424;}
.ashita-denki_plan .cell-yellow {
    border: 2px solid #fff100 !important;
}
.ashita-denki_plan th{
    background-color: unset !important;
    font-weight: normal !important;
}
.ashita-denki_plan tr td:last-child {background-color: #f4f4f4;}
.ashita-denki_plan .cell-bg-yellow {background-color: #fff100;}
.ashita-denki_plan .cell-bg-gray {background-color: #ddd !important;}
.ashtia-denki_plan .w30 {width: 30%;}
.ashtia-denki_plan .w60 {width: 60%;}
.ashita-denki_plan .fs-l {font-size: 1.1rem;}
.ashita-denki_plan .fw-b {font-weight: bold;}
.ashita-denki_plan .bg-yellow-m {
    background: -webkit-linear-gradient( transparent 60%, #ffff66 0% );
    background: linear-gradient( transparent 60%, #ffff66 0% );
}
.ashita-denki_plan tbody td {text-align: center;}
.ashita-denki_plan .icon {vertical-align: bottom;}
.ashita-denki_plan .icon span {display: inline-block;}
@media screen and (max-width: 767px) {
.ashita-denki_plan th,.ashita-denki_plan td {font-size: .8rem !important;}
}
@media screen and (max-width: 420px) {
.ashita-denki_plan th,.ashita-denki_plan td {font-size: .7rem !important;}
.ashita-denki_plan tbody td span.notes {display:block;font-size: .6rem !important;}
.ashita-denki_plan tbody td {padding: 4px 8px !important;}
.ashita-denki_plan .fs-l {font-size: .9rem !important;}
}
@media screen and (max-width: 320px) {
.ashita-denki_plan th,.ashita-denki_plan td {font-size: .6rem !important;}
.ashita-denki_plan tbody td span.notes {font-size: .5rem !important;}
.ashita-denki_plan .fs-l {font-size: .8rem !important;}
}

/*========== shell-denki interview==========*/
div.shell div.interviewer:before {
    background-image: url(/image/interview/tarumi.jpg);
}
div.shell div.interviewee:before {
    background-image: url(/image/interview/shell-tantou.png);
}
div.shell div.generation {
    display: inline-block;
    width: 49%;
    margin-bottom: .5rem;
    vertical-align: top;
}
div.shell div.generation img {margin-bottom: unset;}
div.shell div.generation span.name {display: block;}