@charset "UTF-8";

/*common*/

.toushi-support div.inner,
.toushi-support div.inner .chap dd span,
.toushi-support div.inner .chap .s-description span,
.toushi-support div.inner h4.subti span {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #4d5c63;
    line-height: 1.3;
    letter-spacing: 0.05em;
    margin:0;
    padding:0;
    font-feature-settings : "palt";
}
.toushi-support div.inner ul.navi li a {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.toushi-support div.inner .bg h3,
.toushi-support div.inner .bg .s-lead,
.toushi-support div.inner .bg p,
.toushi-support div.inner ul.hosyo li,
.toushi-support div.inner p.func,
.toushi-support div.inner .chap,
.toushi-support div.inner h3.subti,
.toushi-support div.inner h3.subti + p,
.toushi-support div.inner h4.subti {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    letter-spacing: 0.15em;
}

.toushi-support div.inner a {
    text-decoration: none;
    color: #4d5c63;
}

.toushi-support div.inner ul.navi li a,
.toushi-support div.inner ul.fnavi li,
.toushi-support div.inner ul.hosyo li a {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.toushi-support div.inner p.func {
    width: 100%;
    height: auto;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    border: #e50012 solid 1px;
    box-sizing: border-box;
}

a.toushi_button { background-color:#454661;border-radius:10px;border:2px solid #303144;display:block;padding:20px;text-align:center;color:#fff!important;letter-spacing:0.1em;font-size:20px;font-weight:bold;text-decoration:none; }
a.toushi_button span { background:url(/assets/images/original/icon_bill_01.png) left center no-repeat;padding:20px 0 20px;padding-left:60px; }
a.toushi_button:hover { opacity:0.8; }

/*navi*/

.toushi-support div.inner ul.navi {
    width: 100%;
    height: auto;
    margin: 40px 0 20px 0;
    overflow: hidden;
    text-align: center;
}
.toushi-support div.inner ul.navi li {
    width: 310px;
    height: auto;
    margin: 0 0 0 15px;
    float: left;
    border-bottom: #3fa9f5 solid 5px;
}
.toushi-support div.inner ul.navi li:first-child {
    margin: 0;
}
.toushi-support div.inner ul.navi li:first-child + li {
    border-color: #f15a24;
}
.toushi-support div.inner ul.navi li:first-child + li + li {
    border-color: #ff7bac;
}

.toushi-support div.inner ul.navi li a {
    width: 310px;
    height: 75px;
    color: #808080;
    font-weight: bold;
    background: url(/assets/images/original/fudosan-toushi-toushi-support-images-navi_bg.jpg) left top repeat-x;
    display: table-cell;
    vertical-align: middle;
}
.toushi-support div.inner ul.navi li a:hover {
    background: url(/assets/images/original/fudosan-toushi-toushi-support-images-navi_bg.jpg) left bottom repeat-x;
}
.toushi-support div.inner ul.navi li:first-child.active a {
    color: #3fa9f5;
}
.toushi-support div.inner ul.navi li:first-child + li.active a {
    color: #f15a24;
}
.toushi-support div.inner ul.navi li:first-child + li + li.active a {
    color: #ff7bac;
}

/*footer navi*/

.toushi-support div.inner ul.fnavi {
    width: 960px;
    height: auto;
    overflow: hidden;
    margin: 50px auto 30px auto;
    padding: 0 80px 35px 80px;
    box-sizing: border-box;
    text-align: center;
    background: url(/assets/images/original/fudosan-toushi-toushi-support-images-bg-footer.png) left bottom repeat-x;
}
.toushi-support div.inner ul.fnavi li {
    width: 250px;
    height: 55px;
    margin: 0 0 0 25px;
    border: #005547 solid 1px;
    box-sizing: border-box;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    float: left;
}
.toushi-support div.inner ul.fnavi li:hover {
    background: #e2eae8;
}
.toushi-support div.inner ul.fnavi li:first-child {
    margin: 0;
}
.toushi-support div.inner ul.fnavi li:first-child + li {
    background: #005547;    
}
.toushi-support div.inner ul.fnavi li a {
    width: 250px;
    height: 55px;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}
.toushi-support div.inner ul.fnavi li:first-child + li a {
    color: #fff;
}


/*index*/

.toushi-support div.inner .bg {
/*  width: 100%;
    height: auto; */
    padding: 0 85px 60px 85px;
    box-sizing: border-box;
    overflow: hidden;
    background: url(/assets/images/original/fudosan-toushi-toushi-support-images-toushi_bg.jpg) right top no-repeat;    
}
.toushi-support div.inner .bg h2,
.toushi-support div.inner .bg .s-title {
    margin: 10px 0 0 0;
}
.toushi-support div.inner .bg h3,
.toushi-support div.inner .bg .s-lead {
    font-size: 38px;
    letter-spacing: 0.25em;
    margin: 60px 0 40px 0;
}
.toushi-support div.inner .bg p {
    font-weight: bold;
    line-height: 2em;
    display: block;
    float: left;
}
.toushi-support div.inner .bg p + img {
    padding: 120px 0 0 20px;
}

.toushi-support div.inner ul.hosyo {
    width: 795px;
    height: auto;
    margin: 0 auto 40px auto;
    overflow: hidden;   
}
.toushi-support div.inner ul.hosyo li {
    width: 390px;
    height: 390px;
/*  padding: 210px 0 0 0;*/
    padding: 0;
    box-sizing: border-box;
    float: left;
    text-align: center;
    background: url(/assets/images/original/fudosan-toushi-toushi-support-images-hosyo_bg02.jpg) left top no-repeat;
    position: relative;
}
.toushi-support div.inner ul.hosyo li h3 {
    padding: 210px 0 20px 0;
    font-size: 25px;
    font-weight: bold;
    color: #d73081;
}
.toushi-support div.inner ul.hosyo li p {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5em;
}
.toushi-support div.inner ul.hosyo li a {
    width: 390px;
    height: 390px;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    opacity: 0;
}
.toushi-support div.inner ul.hosyo li a:hover {
    opacity: 0.5;
}
.toushi-support div.inner ul.hosyo li:first-child {
    margin: 0 15px 0 0;
    background: url(/assets/images/original/fudosan-toushi-toushi-support-images-hosyo_bg01.jpg) left top no-repeat;
}
.toushi-support div.inner ul.hosyo li:first-child h3 {
    color: #db4813;
}

/*kushitsu & jyutaku*/

.toushi-support div.inner h2.img {
    margin: 0 0 40px 0;
}
.toushi-support div.inner .chap {
    width: 100%;
    height: auto;
    padding: 0 0 20px 0;
    overflow: hidden;
    
}
.toushi-support div.inner .chap dt,
.toushi-support div.inner .chap .s-team {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    padding: 0 0 15px 0;
    color: #005547;
}
.toushi-support div.inner .chap dd,
.toushi-support div.inner .chap .s-description {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5em;
    padding: 0 0 30px 0;
}
.toushi-support div.inner .chap dd span,
.toushi-support div.inner .chap .s-description span {
    font-size: 13px;
    display: block;
    padding: 10px 0 0 0;
}
.toushi-support div.inner .chap dd img,
.toushi-support div.inner .chap .s-description img {
    padding: 10px 0 0 0;
}
.toushi-support div.inner .chap dd img + span,
.toushi-support div.inner .chap .s-description img + span {
    margin: -40px 10px 0 0;
    text-align: right;  
}
.toushi-support div.inner table {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
}
.toushi-support div.inner table td {
    vertical-align: top;
}

.toushi-support div.inner ul.func {
    width: 100%;
    height: auto;   
}
.toushi-support div.inner ul.func li {
    font-size: 13px;
    padding: 0 0 5px 18px;
    position: relative;
}
.toushi-support div.inner ul.func li:before {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
}
.toushi-support div.inner ul.func li ul {
    padding: 5px 0 0 0;
}
.toushi-support div.inner ul.func li ul li {
    padding: 0 0 5px 13px;
}
.toushi-support div.inner ul.func li ul li:before {
    content: "・";
}

.toushi-support div.inner h3.subti {
    font-size: 20px;
    font-weight: bold;
    margin: 50px 0 10px 0;
    padding: 0 0 0 20px;
    position: relative;
}
.toushi-support div.inner h3.subti:before {
    content: "▶";
    font-size: 12px;
    color: #005547;
    position: absolute;
    left: 0;
    top: 5px;
}
.toushi-support div.inner h3.subti + p {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5em;
    padding: 0 0 30px 0;
}

.toushi-support div.inner h4.subti {
    text-align: center;
    font-size: 28px;
    line-height: 1em;
    font-weight: bold;
    color: #005547;
    margin: 50px 0 30px 0;
    padding: 0 0 0 20px;
    position: relative;
}
.toushi-support div.inner h4.subti span {
    width: 215px;
    display: block;
    margin: 0 auto;
    padding: 5px 0 0 0;
    position: relative;
    top: -3px;
    font-size: 13px;
    color: #005547;
    border-top: #005547 solid 1px;
}
.toushi-support div.inner table.info {
    width: 980px;
    height: auto;
    margin: 0 0 40px 0;
}
.toushi-support div.inner table.info th {
    /*width: 10%;*/
    width: 12%;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    background: #005547;
    color: #fff;
    border-right: #fff solid 5px;
    border-bottom: #fff solid 5px;
    box-sizing: border-box;
}
.toushi-support div.inner table.info td {
    font-size: 11px;
    padding: 15px 10px;
    background: #e3ebe9;
    border-bottom: #fff solid 5px;
    border-right: #fff solid 20px;
    box-sizing: border-box;
}
.toushi-support div.inner table.info td span {
    display: block;
}
.toushi-support div.inner table.info td h5 {
    font-size: 12px;
    display: block;
    padding: 5px 5px 0 0;
    float: left;
    text-align: center;
    font-weight: normal;
}
.toushi-support div.inner table.info td ul {
    float: left;
}
.toushi-support div.inner table.info td ul li:before {
    content: "・";
    display: inline-block;
}

.toushi-support div.inner ul.cap {
    width: 100%;
    height: auto;
    margin: 0 0 30px 0;
    padding: 20px;
    box-sizing: border-box;
    border: #00a2a9 dotted 2px;
}
.toushi-support div.inner ul.cap li {
    font-size: 13px;
    padding: 0 0 0 18px;
    position: relative;
}
.toushi-support div.inner ul.cap li:before {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
}

/*jyutaku tab切替*/
.jtk .s-tabs-nav {
    position: relative;
    display: flex;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.jtk .s-tabs-nav:after {
    position: absolute;
    content: "";
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 2px solid #005547;
    z-index: 1;
}
.jtk .s-tabs-nav__item {
    width: 100%;
    border-bottom: 0;
    margin: 0 5px;
    justify-content: center;
    text-align: center;
    align-items: center;
    display: flex;
    padding: 16px 8px;
    color: #4d5c63;
    background-color: #ccc;
    border-radius: 10px 10px 0 0;
    transition: 0.2s;
    cursor: pointer;
    font-weight: bold;
    border-top: solid 2px #ccc;
    border-left: solid 2px #ccc;
    border-right: solid 2px #ccc;
}
.jtk .s-tabs-nav__item:first-child {
    margin-left: 10px;
}
.jtk .s-tabs-nav__item:last-child {
    margin-right: 10px;
}
.jtk .s-tabs-nav__item:hover {
    background-color: #fff;
    transition: 0.2s;
    border-top: solid 2px #005547;
    border-left: solid 2px #005547;
    border-right: solid 2px #005547;
}
.jtk .s-tabs--active {
    color: #005547;
    border-top: solid 2px #005547;
    border-left: solid 2px #005547;
    border-right: solid 2px #005547;
    background-color: #e2eae8;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.jtk .s-tabs-content {
    display: none;
    transition: 0.3s;
}
.jtk .s-tabs-content--show {
    display: block !important;
    transition: auto;
}

/*main-column__footer*/
.contents-footer{
    margin:50px 0 60px 0;
    background-image:url(/assets/images/original/fudosan-fudosan-toushi-toushi-support-images-bg-footer.png);
    background-repeat:no-repeat;
    width:960px;
    height:228px;
    padding:34px;
    font-size: 80%;
}
.contents-footer__inner-left{
    width:444px;
    float:left;
    padding:0 35px 0 0;
}
.contents-footer > .contents-footer__title{
    color:#00a0e9;
    font-weight:bold;
    font-size:2.1em;
}
.contents-footer__inner-left > .contents-footer__tel:nth-child(1){
    color:#00a0e9;
    font-weight:normal;
    font-size:1.6em;
    margin:13px 0 0 0;
}
.contents-footer__inner-left > .contents-footer__tel:nth-child(2){
    color:#00a0e9;
    font-weight:bold;
    font-size:4.0em;
    line-height:1;
    margin:22px 0 0 0;
}
.contents-footer__inner-left > .contents-footer__time{
    font-size:1.3em;
    line-height:1;
    margin:12px 0 0 0;
}
.contents-footer__inner-left .time-small{
    font-size:0.6em;
    font-weight:normal;
    line-height:1;
    margin:12px 0 0 0;
}
.contents-footer__inner-right > .contents-footer__mail{
    color:#00a0e9;
    font-weight:normal;
    font-size:1.6em;
    margin:13px 0 6px 0;
}
.contents-footer__inner-right > .contents-footer__mail a{
    font-weight:bold;
    font-size:3.3em;
    line-height:1;
}


/* ======================================
clearfix 
======================================*/ 

.clearfix:after {  
visibility:hidden;
height:0;
display: block;
font-size: 0;  
content: " ";  
clear: both;  

}  
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }