@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:18px; } }@media screen and (max-width: 1200px) { html{font-size:17px; } }@media screen and (max-width: 1024px) { html{font-size:16px; } }@media screen and (max-width: 768px) {  html{font-size:15px; } }@media screen and (max-width: 480px) {  html{font-size:14px; } }a,a:visited,a:active { color:rgba(63,67,82,1.00)}a:hover { color:rgba(106,110,125,1.00)}
/* css setting */
/*　==============================　●●ページ　==============================　*/

/*　==============================　相談解決事例ページ　==============================　*/

.searchBtnA{padding:0rem 0rem 2rem 0rem;}
.searchBtnA ul li:nth-child(n+5){display:none;}
.searchBtnB{padding:0rem 0rem 0rem 0rem;}
.searchBtnB ul li:nth-child(-n+4){display:none;}
.po_at_s_btn{color: #164a80!important;}
.selected .po_at_s_btn{color: #ffffff!important;}
.po_at_s_btn:hover{color: #379ed1!important;}
.selected .po_at_s_btn:hover{color: #eeeeee!important;}

/*　--------------------　ページャー　--------------------　*/
.pagination-blue div.ccm-pagination{margin-top: 3.5rem;}
.pagination-blue div.ccm-pagination span.ccm-page-left, .pagination-blue div.ccm-pagination span.ccm-page-right{top: 0rem!important;}
.pagination-blue div.ccm-pagination span.ccm-page-left a, .pagination-blue div.ccm-pagination span.ccm-page-right a{padding: 0.5rem 1rem; display: inline-block; transition:0.6s;}
.pagination-blue div.ccm-pagination span.ccm-page-left a:hover, .pagination-blue div.ccm-pagination span.ccm-page-right a:hover{color:#379ed1!important; transition:0.6s;}
.pagination-blue div.ccm-pagination span.ccm-page-left span, .pagination-blue div.ccm-pagination span.ccm-page-right span{padding: 0.5rem 1rem; display: inline-block;}
.pagination-blue #pagination .currentPage  strong{background-color: #379ed1!important; color: #ffffff!important; border-radius:2rem;}
.pagination-blue #pagination .numbers {margin-right: 0.6rem;}
.pagination-blue #pagination .numbers a, .pagination-blue #pagination .numbers strong{ font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif; background-color: #979797; color:#ffffff!important; padding: 0.5rem 1rem; display: inline-block; border-radius:2rem; transition:0.6s;}
.pagination-blue #pagination .numbers a:hover, .pagination-blue #pagination .numbers strong:hover{background-color: #cccccc; transition:0.6s;}
.pagination-yellow div.ccm-pagination{margin-bottom: 5rem;}
.pagination-yellow div.ccm-pagination span.ccm-page-left, .pagination-yellow div.ccm-pagination span.ccm-page-right{top: 0rem!important;}
.pagination-yellow div.ccm-pagination span.ccm-page-left a, .pagination-yellow div.ccm-pagination span.ccm-page-right a{padding: 0.5rem 1rem; display: inline-block; transition:0.6s;}
.pagination-yellow div.ccm-pagination span.ccm-page-left a:hover, .pagination-yellow div.ccm-pagination span.ccm-page-right a:hover{color:#379ed1!important; transition:0.6s;}
.pagination-yellow div.ccm-pagination span.ccm-page-left span, .pagination-yellow div.ccm-pagination span.ccm-page-right span{padding: 0.5rem 1rem; display: inline-block;}
.pagination-yellow #pagination .currentPage  strong{background-color: #379ed1!important; color: #ffffff!important; border-radius:2rem;}
.pagination-yellow #pagination .numbers {margin-right: 0.6rem;}
.pagination-yellow #pagination .numbers a, .pagination-yellow #pagination .numbers strong{ font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif; background-color: #979797; color:#ffffff!important; padding: 0.5rem 1rem; display: inline-block; border-radius:2rem; transition:0.6s;}
.pagination-yellow #pagination .numbers a:hover, .pagination-yellow #pagination .numbers strong:hover{background-color: #cccccc; transition:0.6s;}

/*　--------------------　ページャー　--------------------　*/
.search-resultL div.ccm-pagination{margin-top: 3.5rem;}
.search-resultL div.ccm-pagination span.ccm-page-left, .pagination-blue div.ccm-pagination span.ccm-page-right{top: 0rem!important;}
.search-resultL div.ccm-pagination span.ccm-page-left a, .pagination-blue div.ccm-pagination span.ccm-page-right a{padding: 0.5rem 1rem; display: inline-block; transition:0.6s;}
.search-resultL div.ccm-pagination span.ccm-page-left a:hover, .pagination-blue div.ccm-pagination span.ccm-page-right a:hover{color:#379ed1!important; transition:0.6s;}
.search-resultL div.ccm-pagination span.ccm-page-left span, .pagination-blue div.ccm-pagination span.ccm-page-right span{padding: 0.5rem 1rem; display: inline-block;}
.search-resultL #pagination .currentPage  strong{background-color: #379ed1!important; color: #ffffff!important; border-radius:2rem;}
.search-resultL #pagination .numbers {margin-right: 0.6rem;}
.search-resultL #pagination .numbers a, .pagination-blue #pagination .numbers strong{ font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif; background-color: #979797; color:#ffffff!important; padding: 0.5rem 1rem; display: inline-block; border-radius:2rem; transition:0.6s;}
.search-resultL #pagination .numbers a:hover, .pagination-blue #pagination .numbers strong:hover{background-color: #cccccc; transition:0.6s;}



/*----------------------- コンポーザー -----------------------*/
#pt103-2Parent > div{box-shadow: 3px 4px 15px 2px rgba(0, 0, 0, .20); background-color: #ffffff; margin: 0rem auto 6rem auto; max-width: calc(1200px - 4rem);}
#pt103-2-1{max-width: 900px; width: 100%; margin: 0 auto; float: none; box-sizing: border-box;}
@media screen and (max-width: 1200px){
    #pt103-2Parent > div{margin: 0rem 2rem 6rem 2rem;}
}
@media screen and (max-width: 498px){
    #pt103-3Parent{padding: 3rem 2rem!important;}
}

.case-composer-category{padding: 3rem 2rem 1rem 2rem;}
.case-composer-category p{color: #ffffff; background: linear-gradient(-45deg, #005ad0, #0aaee3) !important; background-color: rgba(10, 174, 227, 1) !important; display: inline-block; padding: 0.15rem 1rem; box-sizing: border-box;}
.case-composer-ttl{color: #164980; font-size: 1.4rem; padding: 0rem 2rem 1rem 2rem;}
.case-composer-img{padding: 0rem 2rem 2rem 2rem;}
.case-composer-subttl{font-weight: bold; border-bottom: 3px solid #c3e2f1; margin: 0rem 2rem 1rem 2rem;}
.case-composer-detail{padding: 0rem 2rem 2.5rem 2rem;}
.case-composer-detail p{margin-top: 0.6rem!important;}
.case-composer-backbtn{padding:0rem 2rem 6rem 2rem;}
.case-composer-backbtn .fs_btn{background: linear-gradient(-45deg, #005ad0, #0aaee3); background-color:rgba(10,174,227,1); max-width: 280px;}
.case-composer-backbtn .fs_btn:hover{opacity:0.9; transition:0.8s;}
.case-composer-backbtn .fs_btn_text{color: #ffffff;}

#pt103-3Parent{background: linear-gradient(-45deg, #005ad0, #0aaee3); background-color:rgba(10,174,227,1); box-sizing: border-box; padding: 3rem 0rem;}
#pt104-5Parent{background: linear-gradient(-45deg, #005ad0, #0aaee3); background-color:rgba(10,174,227,1); box-sizing: border-box; padding: 3rem 0rem;}
.case-contact-read{color: #ffffff; font-weight: 400; letter-spacing: 0.05rem;}
.case-contact-tel{color: #ffffff; border: 1px solid #ffffff; box-sizing: border-box; display: block; max-width: 370px; width: 100%; margin: 2rem auto 2rem auto; padding: 1.5rem 1.5rem 1.5rem 1.5rem;}
.case-contact-tel p:nth-child(2){font-size: 1.6rem; font-weight: bold; letter-spacing: 0.05rem;}
.case-contact-form{margin: 0rem 2rem;}
.case-contact-form .fs_btn{max-width: 370px; width: 100%; margin: 0rem auto 0rem auto;}

.case-other-ttl{padding: 5rem 2rem 2.5rem 2rem;}
.case-deco-block{line-height: 1; display: inline-block; width: 30px; height: 0.1rem; margin-top: 1rem!important; background-color:#000000;}

.case-other-list{margin: 0rem 2rem;}
.case-other-list #archiveBoxesC3 .archiveEachBox{box-shadow: 3px 4px 15px 2px rgba(0, 0, 0, .20); background-color: #ffffff; padding: 1rem; box-sizing: border-box;}
.case-other-list .eachArticle{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; width: 100%;}
.case-other-list .post-time{display:none;}
.case-other-list .post-cat{order:0;}
.case-other-list .post-cat span{font-size:0.8rem; color: #ffffff; background: linear-gradient(-45deg, #005ad0, #0aaee3) !important; background-color: rgba(10, 174, 227, 1) !important; display: inline-block; padding: 0.15rem 1rem; margin-bottom: 1rem; box-sizing: border-box;}
.case-other-list .post-title{order:1; font-weight: bold; margin-bottom: 0.75rem!important;}
.case-other-list .description{order:2;}
.case-other-btn{margin: 0rem 2rem 6rem 2rem;}
.case-other-btn .fs_btn{background: linear-gradient(-45deg, #005ad0, #0aaee3); background-color:rgba(10,174,227,1); max-width: 300px; width: 100%; margin: 0rem auto 0rem auto;}
.case-other-btn .fs_btn:hover{opacity:0.9; transition:0.8s;}
.case-other-btn .fs_btn_text{color: #ffffff;}
@media screen and (max-width: 498px){
.case-other-list #archiveBoxesC3 .archiveEachBox{margin: 0% 0% 2rem 0%!important;}
}

.case-guide-ttl{padding: 5rem 2rem 2rem 2rem;}
.case-guide-area{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start;max-width: 1200px; width: 100%; margin: 0 auto 0rem auto; padding: 0rem 2rem 5rem 2rem; box-sizing: border-box;}
.case-guide-area > div{width:31.333333%;}
@media screen and (max-width: 498px){
    .case-guide-area{flex-flow: column nowrap;}
    .case-guide-area > div{width:100%;}
}

/*　==============================　事務所案内ページ　==============================　*/
.office-policy{
font-size: 1.5rem;
line-height: 2.5rem;
}
@media screen and (max-width: 498px){
.office-policy{
font-size: 1rem;
line-height: 2rem;
}
}
/*----------------------- 企業情報テーブル -----------------------*/
.outline-table-wrapper{
max-width: 100%;
background-color: rgba(255,255,255,0.5);
}
.outline-contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.outline-contents dt{
padding: 1rem 1rem 1rem 0rem;
width: 240px;
border-top: 1px solid #1e5078;
position: relative;
}
.outline-contents dd{
text-align: left;
padding: 1rem 0rem 1rem 1rem;
width: calc(100% - 240px);
border-top: 1px solid #cccccc;
}
@media screen and (max-width: 768px){
.outline-contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.outline-contents dt{
font-size: 95%;
color: #777777;
padding: 1rem 0rem 0.3rem 0rem;
width: 100%;
border-top: 1px solid #cccccc;
}
.outline-contents dt:after{
content: "";
display: block;
line-height: 0;
overflow: hidden;
position: absolute;
left: 0;
top: -1px;
width: 25px;
border-top: 1px solid #1e5078;
}
.outline-contents dd{
font-size: 105%;
padding: 0rem 0rem 1rem 0rem;
width: 100%;
border: none;
}
}
/*　--------------------　自己紹介ボックス　--------------------　*/
.office-box{
}
.office-item{
margin: 0 auto;
padding: 2rem;
background-color: rgba(0,70,156,1);
}
@media screen and (max-width: 968px) {
.office-item{
height: auto;
padding: 1.5rem;
}
}
@media screen and (max-width: 480px) {
.office-item{
margin: 0rem;
padding: 2rem;
}
.office-main{
background-position: top!important;
}
}
/*　--------------------　取り扱い業務リストに関する設定　--------------------　*/
.business-item-wrapper{
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.business-item-wrapper li{
width: 100%;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
justify-content: center;
align-items: stretch;
}
.business-item-wrapper li div{
text-align: center;
width: 100%;
margin: 0rem 0rem 0.8rem 0rem;
padding: 1.1rem 0.5rem;
}
/*.lbusiness-item-wrapper li:nth-child(2n) div{
margin: 0rem 0rem 0.8rem 0rem;
}*/
.business-itemboxs div{
border: 1px solid #c9caca;
/*color: #999999;*/
background-color: #fff;
}
@media screen and (max-width: 498px) {
.business-item-wrapper li{
width: 100%;
}
}
/*　==============================　生前対策･遺言作成ページ　==============================　*/
.measures-mr-n5{
margin-top:-6rem;
}
.center_line{
width: 100%;
text-align: left;
}
.center_line_b{
width: 50%;
padding-top: 1.6rem;
box-sizing: border-box;
border-right: 1px solid #164980;
}
@media screen and (max-width: 498px) {
.measures-mr-n5{
margin-top:2rem;
}
}
/*　==============================　各コンテンツページ　QAのブロック　==============================　*/
.qa-box{
margin: 0rem 1rem 2.5rem 1rem;
background-color: #ffffff;
}
/*　==============================　各コンテンツページ　報酬のブロック　==============================　*/
.plan-list-tb{
width: 100%;
border: 1px solid #cccccc;
}
.plan-list-tb tr{
border-bottom: 1px solid #cccccc;
}
.plan-list-tb tr:last-child{
border: none;
}
.plan-list-tb th{
font-weight: normal;
text-align: justify;
width: calc(100% - 90px - 1rem);
padding: 0.4rem 0.5rem 0.4rem 0.5rem;
border-right: 1px solid #cccccc;
}
.plan-list-tb th span{
font-weight: bold;
color: #164a80;
}
.plan-list-tb td{
vertical-align: middle;
width: calc(90px - 1rem);
padding: 0.4rem 0.5rem 0.4rem 0.5rem;
border-right: 1px solid #cccccc;
}
.plan-list-tb-bg{
background-color: #f3f9ff;
} 
@media screen and (max-width: 768px) {
.plan-list-tb th{
width: calc(100% - 70px - 1rem);
}
.plan-list-tb td{
width: calc(70px - 0.4rem);
padding: 0.4rem 0.2rem 0.4rem 0.2rem;
border-right: 1px solid #cccccc;
}
}
@media screen and (max-width: 498px) {
.plan-list-tb th{
width: calc(100% - 55px - 1rem);
}
.plan-list-tb td{
font-size: 0.8rem;
width: calc(55px - 0.4rem);
padding: 0.4rem 0.2rem 0.4rem 0.2rem;
border-right: 1px solid #cccccc;
}
}
.price-list{
margin: 0rem 2rem 4rem 2rem;
background-color: #00469c;
}
.left-s-tb{
width: 100%;
border: 1px solid #cccccc;
}
.left-s-tb tr{
border-bottom: 1px solid #cccccc;
}
.left-s-tb tr:last-child{
border: none;
}
.left-s-tb th{
font-weight: normal;
width: calc(225px - 1.5rem);
padding: 0.4rem 0.5rem 0.4rem 1rem;
border-right: 1px solid #cccccc;
}
.left-s-tb td{
width: calc(100% - 225px - 3rem);
padding: 0.4rem 0.5rem 0.4rem 1rem;
border-right: 1px solid #cccccc;
}
@media screen and (max-width: 498px) {
.left-s-tb th{
width: calc(170px - 1.5rem);
}
.left-s-tb td{
width: calc(100% - 170px - 3rem);
}
}
.half-tb{
width: 100%;
border: 1px solid #cccccc;
}
.half-tb tr{
border-bottom: 1px solid #cccccc;
}
.half-tb tr:first-child{
background-color: #ffffff;
}
.half-tb tr:last-child{
border: none;
}
.half-tb th{
font-weight: normal;
width: calc(50% - 1.5rem);
padding: 0.4rem 0.5rem 0.4rem 1rem;
border-right: 1px solid #cccccc;
}
.left-s-tb td{
width: calc(50% - 3rem);
padding: 0.4rem 0.5rem 0.4rem 1rem;
border-right: 1px solid #cccccc;
}

/*　==============================　各コンテンツページ　流れのブロック　==============================　*/
.flow_box{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-flow: row nowrap;
background-color: #ffffff;
}
.flow_box_main{
width: 245px;
align-self: center;
text-align: center;
color: #ffffff;
font-size: 1.4rem;
line-height: 2rem;
padding: 1.8rem 0rem 1.7rem 0rem;
}
.flow_box_main span{
font-size: 1.2rem;
}
.flow_box_space{
width:  4%;
background-color: #ffffff;
}
.flow_box_content{
width: calc(100% - 245px - 4% - 2rem);
background-color: #ffffff;
align-self: center;
padding: 0.5rem 2rem  0.5rem 0rem;
}
@media screen and (max-width: 480px) {
.flow_box{
justify-content: center;
align-items: flex-start;
flex-flow: column nowrap;
}
.flow_box_main{
width:  calc(100% - 2rem);
padding: 1rem 1rem;
}
.flow_box_space{
display: none;
}
.flow_box_content {
width: calc(100% - 4rem);
padding: 1rem 2rem;
}
}
/*　==============================　相続登記･相続手続ページ　==============================　*/
.registration-mr-n5{
margin-top:-8rem;
}
@media screen and (max-width: 498px) {
.registration-mr-n5{
margin-top:2rem;
}
}
/*　==============================　アバウトページ　==============================　*/
@media screen and (max-width: 498px) {

}
/*　==============================　トップページ　==============================　*/
.body-pt001 > header{
background-color:rgba(0,0,0,0.5)!important;
}
.top-main-catch{
font-size: 2.9rem;
}
.top-alphabet{
font-size: 10vw;
line-height: 7vw;
}
.top-alphabet-l{
font-size: 9.8vw;
line-height: 6.8vw;
}
.top-service-contents{
padding: 3rem 2rem 4rem 2rem;
}
.top-service01{

}
.top-service02{
margin-top: 1.5rem;
}
.top-service03{
margin-top: 3rem;
}
.top-sub-catch{
font-size: 2.2rem;
}
.top-feature-checklist{
/*background-color: #164a80;*/
padding: 1.5rem;
margin: -12rem 1rem 0rem 1rem;
width: 90%;
box-sizing: border-box;
}
.top-feature-checklist li{
padding: 0.5rem 0rem;
border-bottom: 1px solid #ffffff;
}
.top-feature-checklist li:last-child{
border: none;
}
.tx-deco-block{
line-height: 1;
display: inline-block;
width: 30px;
height: 0.5rem;
margin-top: 1rem!important;
}
@media screen and (min-width:1401px) {
.top-main-area {
width: calc(100% - 6%);
margin-left: auto!important;
}
}
@media screen and (max-width: 498px) {
.top-main-catch{
font-size: 1.65rem;
}
.top-alphabet{
font-size: 20vw;
line-height: 13.8vw;
}
.top-alphabet-l{
font-size: 18.5vw;
line-height: 12.4vw;
}
.top-service-contents{
padding: 1.5rem 1rem 5rem 1rem;
}
.top-service03{
margin-top:1.5rem;
}
.top-feature-checklist{
padding: 1.5rem;
margin: 0rem 1rem 0rem 0rem;
width: 230px;
opacity: 0.9;
}
}
/*　--------------------　サービスへのボタン　--------------------　*/
.top-service-btn{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
width:100%;
margin: 0rem;
border: 1px solid #ffffff;
box-sizing: border-box;
}
.top-service-btn li{
width: 33.33%;
border-right: 1px solid #ffffff;
}
.top-service-btn li:last-child{
border: none;
}
.top-service-btn li a{
color: #ffffff;
display: inline-block;
width: 100%;
padding: 0.6rem 0rem;
}
.top-service-btn li a:hover{
opacity:0.9;
transition:0.8s;
}
/*　==============================　お問い合わせページ　==============================　*/
.cf .formBlockSurveyTable dl dt {
color: #777777;
text-align: left;
width:100%;
margin-right: 0%!important;
}
.cf .formBlockSurveyTable dl dd {
width: 100%;
}
.cf .formBlockSurveyTable dl {
padding: 1% 0;
}
.cf .formBlockSurveyTable dl dd input,
.cf .formBlockSurveyTable dl dd textarea {
width: 96%;
resize: none;
border-radius: 0;
padding: 2%;
}
.cf .formBlockSubmitButton {
width:100%!important;
text-align:center!important;
}
.cf .formBlockSubmitButton:hover {
transition:0.6s;
}
.cf .on-pointer input {
cursor: pointer;
}
@media screen and (max-width: 498px) {
.cf .formBlockSurveyTable dl dd input,
.cf .formBlockSurveyTable dl dd textarea {
width: 100%;
}
}
/*　==============================　フッター　==============================　*/
/*　--------------------　ページトップボタン　--------------------　*/
.pagetop-btm{
position: fixed;
z-index: 20;
bottom: 0;
right: 0;
}
.pagetop-btm .fs_btn{
line-height: 1.6;
}
.pagetop-btm-sp {
background-color: rgba(51, 51, 51, 0.7);
}
/*　--------------------　サイトマップ　--------------------　*/
.f-site-map{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
width:100%;
margin: 0rem;
}
.f-site-map li{
margin-bottom: 0.5rem;
}
.f-site-map li p a{
color: #ffffff!important;
}
.f-site-map li p a:hover{
transition:0.6s;
color: #adadad!important;
}
.f-site-map li{
align-self: stretch;
}
.f-site-map-itemA{
width: 135px;
}
.f-site-map-itemB{
width: 155px;
}
.f-site-map-itemC{
width: 115px;
}
.f-site-map-itemD{
width: calc(100% - 405px);
}
.f-site-map-itemE{
width: 135px;
}
.f-site-map-itemF{
width: 155px;
}
.f-site-map-itemG{
width: 115px;
}
.f-site-map-itemH{
width: calc(100% - 405px);
}
@media screen and (max-width: 498px) {
.f-site-map-itemA{
width: 125px;
}
.f-site-map-itemB{
width: 125px;
}
.f-site-map-itemC{
width: calc(100% - 250px);
}
.f-site-map-itemD{
width: 125px;
}
.f-site-map-itemE{
width: 125px;
}
.f-site-map-itemF{
width: calc(100% - 250px);
}
.f-site-map-itemG{
width: 125px;
}
.f-site-map-itemH{
width: 125px;
}
}
/*　--------------------　コンタクトボタン　--------------------　*/
.f-contact .fs_btn_text {
line-height:1.2rem;
}
.f-contact .fs_btn_text_sub{
font-size: 0.8rem;
}
.f-contact .fs_btn_text_main{
font-size: 1rem;
}

/*　--------------------　フッターロゴに関する設定　--------------------　*/
#FooterLogo .fs_btn{
display: inline-block;
}
@media screen and (min-width: 769px) {
#FooterLogo .fs_btn{
padding-top: 35px!important;
}
}
@media screen and (max-width: 768px) {
#FooterLogo .fs_btn{
padding-top: 35px!important;
}
}
@media screen and (max-width: 498px) {
#FooterLogo .fs_btn{
padding-top: 30px!important;
}
}

/*　==============================　ヘッダー　==============================　*/
/*　--------------------　PC用（オートナビ）に関する設定　--------------------　*/
.h-nav a {
position: relative;
display: inline-block;
transition: .3s;
}
.h-nav a::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 0;
height: 4px;
background-color: #ffffff;
transition: .3s;
}
.h-nav a:hover::after {
width: 100%;
}
.h-nav .fsNavMenuList .sub_title {
letter-spacing: 0;
}
.h-nav > .fsNavMenuList > .main_list_li a{
padding: 0.75rem!important;
}
.h-nav > .fsNavMenuList > .has_sub_class > .sub_list{
background-color: rgba(37,37,37,0.5);
}
-
/*　--------------------　SP用（Fatナビ）に関する設定　--------------------　*/
.fat-nav li {
list-style-type: none;
text-align: left;
padding: 1.3rem 0 1.2rem 0;
margin-left: 3rem ;

line-height: 1.2rem;
border-bottom: 1px solid #78818b;
}
.fat-nav li a {
font-size: 1.2rem!important;
border-bottom: 1px solid #fff;
}
.fat-nav{
background: rgba(22, 74, 128, 0.98);
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
background-color: #ffffff;
}
.fat-nav li p{
color:#ffffff;
}
.h-nav-sp .fat-nav li .sub_title{
font-size: 0.8rem;
padding-left:0.2rem;
letter-spacing: 0.05rem;
}
/*　--------------------　ヘッダースマホボタンに関する設定　--------------------　*/
.header-tel{
position: absolute;
z-index: 80;
top: 19px;
right: 110px;
}
.header-mail{
position: absolute;
z-index: 90;
top: 19px;
right: 57px;
}
.header-nav{
position: absolute;
z-index: 100;
top: 12px;
right: 3px;
}
.header-nav-tx{
position: absolute;
z-index: 100;
top: 44px;
right: 14px;
}
/*　--------------------　ヘッダーロゴに関する設定　--------------------　*/
#TopLogo .fs_btn{
display: inline-block;
}
@media screen and (min-width: 769px) {
#TopLogo{
margin: 2.4rem 1rem 1rem 2rem;
}
#TopLogo .fs_btn{
padding-top: 60px!important;
}
}
@media screen and (max-width: 768px) {
#TopLogo{
margin: 1rem 0 1rem 2rem;
}
#TopLogo .fs_btn{
padding-top: 39px!important;
}
}
@media screen and (max-width: 498px) {
#TopLogo{
margin: 1.5rem 0 1.5rem 1rem;
}
#TopLogo .fs_btn{
padding-top: 33px!important;
}
}
/*　--------------------　コラムリスト　--------------------　*/
.column-list .tk_flex{
padding: 1.5rem 0;
border-bottom: 1px solid #cccccc;
}
.column-list .tk_tags_time{
vertical-align: middle;
}
.column-list .tk_title{
font-weight: bold;
font-size: 1rem;
vertical-align: middle;
}
.column-list .tk_tags_Tags{
font-size: 0.7rem;
color: white;
background: #004386;
padding: 0.15rem 0.5rem;
margin-right: 0.5rem;
text-align: center;
}
.column-list .tk_kiji{
font-size: 0.9rem;
line-height: 1.2rem;
}
.tk_tags_Tags_02 {
font-size: 0.7rem;
color: #ffffff;
background: #3f4352;
padding: 0.45rem 0.5rem 0.35rem 0.5rem;
margin-right: 0.5rem;
text-align: center;
}
.tk_tags_Tags_03 {
font-size: 0.7rem;
color: #ffffff;
background: #00469c;
padding: 0.45rem 0.5rem 0.35rem 0.5rem;
margin-right: 0.5rem;
text-align: center;
}
.tk_tags_Tags_04 {
font-size: 0.7rem;
color: #ffffff;
background: #00469c;
padding: 0.45rem 0.5rem 0.35rem 0.5rem;
margin-right: 0.5rem;
text-align: center;
}
.tk_tags_Tags_05 {
font-size: 0.7rem;
color: #ffffff;
background: #4687bc;
padding: 0.45rem 0.5rem 0.35rem 0.5rem;
margin-right: 0.5rem;
text-align: center;
}
.tk_tags_Tags_06 {
font-size: 0.7rem;
color: #ffffff;
background: #0e5cce;
padding: 0.45rem 0.5rem 0.35rem 0.5rem;
margin-right: 0.5rem;
text-align: center;
}
.tk_tags_Tags_07 {
font-size: 0.7rem;
color: #ffffff;
background: #0e5cce;
padding: 0.45rem 0.5rem 0.35rem 0.5rem;
margin-right: 0.5rem;
text-align: center;
}
/*　==============================　文字に関する設定　==============================　*/
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.eiji {
font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}
.space{
letter-spacing: 0.2rem;
}
.space-01{
letter-spacing: 0.05rem;
}
.space-1{
letter-spacing: 0.1rem;
}
.space-2{
letter-spacing: 0.4rem;
}
.br-sp{
display:none;
}
.br-sp-r{
display:inline;
}
.decoration-line{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
}
@media screen and (max-width: 498px) { 
.tx-center{
text-align: center!important;
}
.tx-left{
text-align: justify!important;
}
.tx-right{
text-align: right!important;
}
.br-sp{
display:block;
line-height:0rem;
}
.br-sp-r{
display:none;
}
}
/*　==============================　背景に関する設定　==============================　*/
@media screen and (max-width: 498px) {
.sp_bg_none{
background-image: none!important;
}
.bg-line-sp, #pt002, #pt101, #pt102{
background-size: 160%!important;
}
}
@media screen and (max-width: 768px) {
.tb_bg_none{
background-image: none!important;
}
}
/*　==============================　色に関する設定　==============================　*/
/*　--------------------　box-shadow　--------------------　*/
.boxshadow-w-20{
box-shadow: 4px 4px 6px 0 rgba(89,69,0,.20);
}
.boxshadow-20{
box-shadow: 3px 4px 15px 2px rgba(0,0,0,.20);
}
.rgba-white{
background-color:rgba(255,255,255,0.85);
}
.rgba-black{
background-color:rgba(0,0,0,0.5);
}
.rgba-black75{
background-color:rgba(0,0,0,0.75);
}
.rgba-gray{
background-color:rgba(0,0,0,0.05);
}
.rgba-blue{
background-color:rgba(81,184,226,0.6);
}
.rgba-blue-grad{
background: linear-gradient(-45deg, #005ad0, #0aaee3);
background-color:rgba(10,174,227,1);
}
.grad-blue-btn .fs_btn{
background: linear-gradient(-45deg, #0aaee3, #005ad0);
background-color:rgba(10,174,227,1);
}
.grad-blue-btn .fs_btn:hover{
opacity:0.9;
transition:0.8s;
}
.grad-blue-btn .fs_btn_text{
color: #ffffff;
}
/*　==============================　■■デフォルト■■　==============================　*/
.fs_page_list .tk_flex img:hover{
opacity:0.6;
transition:0.6s;
}
/*　--------------------　コンテンツのエリアに関する設定　--------------------　*/
.area-contents-right{
max-width: 570px;
}
/*　--------------------　ページタイトルに関する設定　--------------------　*/
.page-ttl{
padding: 5rem 2rem;
}
@media screen and (max-width: 498px) {
.page-ttl{
padding: 3rem 2rem;
}
}
/*　--------------------　コンポーザーに関する設定　--------------------　*/
.column-slide button{
display: none!important;
}
.column-slide .slick-list{
margin: 0rem!important;
}
.column-slide .slick-slide{
background-color: #ffffff!important;
box-shadow: 3px 4px 15px 2px rgba(0,0,0,.20);
}
.column-slide .slick-slide a h3{
margin: 0rem!important;
padding: 0rem 0rem 1rem 0rem!important;
border: none!important;
}
.column-slide .slick-slide div.contentsslider_footer div.contentsslider_btn p{
background: linear-gradient(-45deg, #005ad0, #0aaee3)!important;
background-color:rgba(10,174,227,1)!important;
}
@media screen and (max-width: 768px){
#fsInfoBlock dd{
margin-left: 4%!important;
}
#fsInfoBlock .entryTitle{
line-height: 1.3rem!important;
margin-bottom: 0.5rem!important;
}
}
/*　--------------------　パンくずに関する設定　--------------------　*/
.fs_breadcrumb a {
color:#241916;
}
.fs_breadcrumb a:hover{
opacity:0.6;
transition:0.6s;
}
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {
pointer-events: none;
}
}
/*　--------------------　その他　--------------------　*/
a {
text-decoration:none;
}
h1 , h2 , h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
margin-top: 0px;
font-weight: normal;
}
.hover-opacity:hover{
opacity: 0.8;
transition:0.6s;
}
.hover-opacity-img img:hover{
opacity: 0.8;
transition:0.6s;
}
/*　--------------------　Google font　--------------------　*/
.googlefont {
font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
}

/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}