@charset "utf-8";

/*
Theme Name:solaris_tcd088_child
Template:solaris_tcd088
Version:0.0.8
*/

/*-- マージン基本ベース
------------------------------------------------------*/
.mg-0 {margin: 0 !important;}
.mg-05 {margin: 5px !important;}
.mg-10 {margin: 10px !important;}
.mg-15 {margin: 15px !important;}
.mg-20 {margin: 20px !important;}
.mg-25 {margin: 25px !important;}
.mg-30 {margin: 30px !important;}

.mt-0 {margin-top: 0 !important;}
.mt-05 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-35 {margin-top: 35px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-45 {margin-top: 45px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-60 {margin-top: 60px !important;}
.mt-70 {margin-top: 70px !important;}
.mt-80 {margin-top: 80px !important;}
.mt-90 {margin-top: 90px !important;}
.mt-100 {margin-top: 100px !important;}

.mb-0 {margin-bottom: 0 !important;}
.mb-05 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-35 {margin-bottom: 35px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-45 {margin-bottom: 45px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-60 {margin-bottom: 60px !important;}
.mb-70 {margin-bottom: 70px !important;}
.mb-80 {margin-bottom: 80px !important;}
.mb-90 {margin-bottom: 90px !important;}
.mb-100 {margin-bottom: 100px !important;}


/*-- パディング基本ベース
------------------------------------------------------*/
.pd-0 {padding: 0 !important;}
.pd-05 {padding: 5px !important;}
.pd-10 {padding: 10px !important;}
.pd-15 {padding: 15px !important;}
.pd-20 {padding: 20px !important;}
.pd-25 {padding: 25px !important;}
.pd-30 {padding: 30px !important;}

.pt-0 {padding-top: 0 !important;}
.pt-05 {padding-top: 5px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-15 {padding-top: 15px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-25 {padding-top: 25px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-35 {padding-top: 35px !important;}
.pt-40 {padding-top: 40px !important;}
.pt-45 {padding-top: 45px !important;}
.pt-50 {padding-top: 50px !important;}
.pt-60 {padding-top: 60px !important;}
.pt-70 {padding-top: 70px !important;}
.pt-80 {padding-top: 80px !important;}
.pt-90 {padding-top: 90px !important;}
.pt-100 {padding-top: 100px !important;}

.pb-0 {padding-bottom: 0 !important;}
.pb-05 {padding-bottom: 5px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-25 {padding-bottom: 25px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pb-35 {padding-bottom: 35px !important;}
.pb-40 {padding-bottom: 40px !important;}
.pb-45 {padding-bottom: 45px !important;}
.pb-50 {padding-bottom: 50px !important;}
.pb-60 {padding-bottom: 60px !important;}
.pb-70 {padding-bottom: 70px !important;}
.pb-80 {padding-bottom: 80px !important;}
.pb-90 {padding-bottom: 90px !important;}
.pb-100 {padding-bottom: 100px !important;}

.pl-1 {padding-left: 1.0em !important;}


#news,
#message,
#about,
#service,
#form {
display: block;
margin-top:-100px;
padding-top:100px;
}


/*-- 共通
------------------------------------------------------*/

html .post_content p {
line-height: 1.6;
margin: 0 0 1em 0;
}
html .post_content .s_table {
overflow: none;
white-space: nowrap;
margin-bottom: 0;
}
html .cb_content:last-of-type {
padding-bottom: 0 !important;
}
.cf7__list dt:nth-of-type(n + 2), .cf7__list dd:nth-of-type(n + 2) {
margin-top: 10px !important;
}
@media screen and (max-width:750px) {
html .post_content p {
line-height: 1.8 !important;
margin: 0 0 1em 0
}
html .post_content .s_table {
overflow: none;
white-space: nowrap;
margin-bottom: 0;
}
html .cb_content:last-of-type {
padding-bottom: 0 !important;
}
}

.ta-c {text-align: center;}
.ta-r {text-align: right;}
.ta-l {text-align: left;}

.pc-block { display: block; }
.sp-block { display: none; }
@media screen and (max-width:750px) {
.pc-block { display: none; }
.sp-block { display: block; }
}

/*-- TOPページ
------------------------------------------------------*/

/*-- スライダー下見出し部分 --*/
.design_headline1 {
font-size: 90px !important;
line-height: 1.0em !important;
margin: 0 !important;
padding:0 !important;
font-family: 'andale mono', times;
}
@media screen and (max-width:750px) {
html .design_headline1 {
font-size:42px !important;
margin: 0 !important;
padding:0 !important;
}
}

/*-- 「NEWS」タイトル --*/
.cb_headline .headline,
.h2_style01 {
position: relative;
text-align: center;
border-bottom: 5px solid #dddddd;
line-height: 1.2;
}
.cb_headline .headline::after,
.h2_style01::after {
content: '';
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
width: 70px;
height: 5px;
background-color: #00729f;
}
.cb_headline .sub_headline,
.h2_style01 .sub_headline {
margin-top: 5px;
}

.title_line-01 {
border-bottom: solid 1px #dddddd;
position: relative;
}
.title_line-01:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 1px #00729f;
bottom: -1px;
width: 20%;
}

.title_line-02 {
border-bottom: solid 2px #dddddd;
position: relative;
}
.title_line-02:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #00729f;
bottom: -2px;
width: 20%;
}

.title_line-03 {
border-bottom: solid 3px #dddddd;
position: relative;
}
.title_line-03:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #00729f;
bottom: -3px;
width: 20%;
}

.ul_style-01 {
}
.ul_style-01 li {
line-height: 1.6em;
margin-bottom: 0.2em;
}

/*-- 「NEWS」アーカイブ --*/
.cb_news_list .no_category_list {
margin-top: 20px;
}
/*-- 「NEWSもっとみる」ボタン--*/
.cb_news_list .design_button {
margin-top: 30px;
}

/*-- 「当社について」下パディング--*/
.tab_content_bottom {
padding: 25px 0;
}
@media screen and (max-width:750px) {
.tab_content_bottom {
padding: 20px 0;
}
}

.h2_style01 {
position: relative;
text-align: center;
border-bottom: 5px solid #dddddd;
line-height: 1.2;
color: #00729f;
font-size: 36px !important;
margin-bottom: 5px !important;
}
.h2_style01::after {
content: '';
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
width: 70px;
height: 5px;
background-color: #00729f;
}
.h2_style01 .sub_headline {
margin-top: 5px;
}
@media only screen and (max-width:480px){
.h2_style01 {
font-size: 30px !important;
}
}

/*-- .res（会社概要） --*/
table.res {
width: 98%;
margin: 0 auto;
border: none !important;
}
table.res th {
padding: 5px 10px;
width: 45%;
background: none;
border: none !important;
border-right: 1px solid #999 !important;
border-bottom: 1px dotted #aaa !important;
text-align: right;
}
table.res td {
padding: 5px 10px;
background: none;
border: none !important;
border-bottom: 1px dotted #aaa !important;
}
table.res tr:last-child th,
table.res tr:last-child td {
border-bottom: none !important;
}
@media only screen and (max-width:750px){
table.res {
margin: 0;
}
table.res th,
table.res td {
width: calc(100% - 22px);
display: block;
text-align: left;
border: none !important;
font-size: 16px;
}
table.res th {
padding: 5px 5px 0 3px;
border-bottom: 2px solid #aaa !important;
}
table.res td {
padding: 3px 5px 5px 16px;
}
table.res tr:last-child th {
border-bottom: 2px solid #aaa !important;
}
}

/*-- .res02（受け入れ価格表） --*/
table.res02 {
width: 98%;
margin: 0 auto;
border: none !important;
background: #f1f1f1;
border-radius: 10px;
}
table.res02 th {
padding: 10px 15px 10px 0;
width: 45%;
background: none;
border: none !important;
border-right: 1px solid #999 !important;
border-bottom: 1px dotted #aaa !important;
vertical-align: middle;
text-align: right;
}
table.res02 td {
padding: 10px 0 10px 15px;
line-height: 1.5;
background: none;
border: none !important;
border-bottom: 1px dotted #aaa !important;
vertical-align: middle;
}
table.res02 tr:first-child th,
table.res02 tr:first-child td {
border-bottom: 2px solid #999 !important;
background: #ddd;
border-radius: 10px 10px 0 0;
}
table.res02 tr:last-child th,
table.res02 tr:last-child td {
border-bottom: none !important;
}
@media only screen and (max-width:750px){
table.res02 {
margin: 0;
}
table.res02 th,
table.res02 td {
display: block;
text-align: left;
border: none !important;
font-size: 16px;
}
table.res02 th {
width: calc(100% - 20px);
padding: 10px 0 0 20px;
border-bottom: 2px solid #aaa !important;
}
table.res02 td {
width: calc(100% - 36px);
padding: 5px 0 10px 36px;
}
table.res02 tr:first-child th,
table.res02 tr:first-child td {
display: none;
}
table.res02 tr:last-child th {
border-bottom: 2px solid #aaa !important;
}
}

/*-- Flex box
------------------------------------------------------*/
.flex_wrap {
width: 100%;
}

/*-- BASE css --*/
.flex {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.flex-reverse {
flex-direction: row-reverse;
}
.flex-content_left {
width: 50%;
margin: 0 10px;
}
.flex-content_right {
/*100％から左コンテンツの％を引いてから左右コンテンツのマージンの合計(ここでは全て10pxなので計40px)を引く*/
width: calc((100% - 50%) - 40px);
margin: 0 10px;
}
.flex-content_txt {
/*font-size: 20px !important;*/
padding: 0.5em 0 0 0.5em;
}
.flex-content_left img,
.flex-content_right img {
max-width: 100%;
height: auto;
}

/*-- 高価買取ができる理由 css --*/
.flex-service {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.flex-reverse-service {
flex-direction: row-reverse;
}
.flex-content_left-service {
width: 45%;
margin: 0 10px;
}
.flex-content_right-service {
width: calc((100% - 45%) - 40px);
margin: 0 10px;
}
.flex-content_right-service_innner {
position: relative;
top: calc(50% - 10px);
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
}

@media only screen and (max-width:480px){
.flex_wrap {
margin: 0;
}

/*-- BASE css（w480以下） --*/
.flex {
flex-direction: column;
}
.flex-reverse {
flex-direction: column;
}
.flex-content_right,
.flex-content_left {
width: calc(100% - 20px);
}
.flex-content_txt {
/*font-size: 16px !important;*/
}


/*-- サービス css（w480以下） --*/
.flex-service {
flex-direction: column;
}
.flex-reverse-service {
flex-direction: column;
}
.flex-content_left-service,
.flex-content_right-service {
width: calc(100% - 20px);
}
.flex-content_right-service_innner {
position: static;
-webkit-transform: none; /* Safari用 */
transform: none;
margin-top: 10px;
}

}

/*-- Flex box
------------------------------------------------------*/