/* パンくず下の画像 */

.s-content__full-low--shiritai-tax {
    padding-top: 64px;
    background-image: url(/assets/images/original/shiritai-tax-images-index-h1.png);
}

.s-headline--low {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
}


/*
.s-head_image-full-low{
  padding-top: 40px;
}
*/


/* 画像部分にあるテキストのスタイル */


/*.s-head_text{
  color: #fff;
  letter-spacing: .42px;
  text-shadow: 2px 2px 2px rgba(0,0,0,.3);
  margin-top: 16px;
}
*/


/* index_~~~系は各項目のスタイル */

.s-index_items {
    margin: 32px 0;
    padding: 24px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15);
}


/* よくある質問のスタイル */

.s-qa_item_list {
    margin: 16px 0;
    padding: 24px;
    border-radius: 2px;
}

.s-qa_number {
    font-size: 1.9rem;
}

.s-info-list__link {
    height: 0;
}


/* リスト内のliの2行目をインデント */

.s-list-indent li {
    padding-left: 1.3em;
    text-indent: -1.3em;
}


/* お気軽にご相談ください部分の背景をfff,fafafaにする */

.s-section-head__wrapper-paint {
    background: #fff;
}

.s-section-head__wrapper-paint2 {
    background: #fafafa;
}


/* ※や数字で始める段落の2行目をインデントしたいところに */

.s-indent {
    margin-left: 1.0em;
    text-indent: -1.0em;
}


/* 通常のa-heading--barはインデントするとバーが右にずれるのでs-heading--barで修正 */

.a-heading--bar.s-heading--bar:before {
    left: -1em;
}


/* InfoListの画像エリアの横サイズ */

.s-info-list__image-area {
    width: 130px;
    padding: 0;
}


/* InfoListの画像エリアの画像そのものの縦サイズ */

.s-info-list__image {
    height: 130px;
}


/* InfoListの説明エリアの縦サイズを98pxに固定 */

.s-info-list__detail-box {
    max-height: 98px;
}


/* InfoListの説明エリアの行高さ */

.s-info-list__detail {
    line-height: 16px;
}

@media only screen and (min-width: 796px) {
    /* パンくず下のタイトル文字の位置調整 */
    .s-head_image-full-low {
        padding-top: 64px;
    }

    .s-headline--low__sub {
    margin-top: 16px;
}

    /* タイトル文字の行間調整 */
    .s-head_text {
        margin-top: 8px;
    }

    /* 各項目をPC表示で2行にするスタイル */
    .s-index_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 1120px;
        /* PC表示で3列にならないようにwidth指定(widthはwrapperと同じ幅) */
        margin-top: 32px;
        margin-right: auto;
        margin-left: auto;
    }

    /* 各項目の幅指定 */
    .s-index_items {
        width: 544px;
        margin: 16px;
        padding: 32px;
    }

    .s-index_items:nth-of-type(odd){
      margin-left: 0px;
    }

    .s-index_items:nth-of-type(even){
      margin-right: 0px;
    }

    .s-qa_item_list {
        width: 800px;
        margin: 42px auto 64px;
        padding: 42px;
    }


    /* PCでの改行表示を無くす */
    .br-sp {
        display: none;
    }

    .s-table-wrap::after {
        content: "";
        display: block;
        clear: both;
    }
    .s-table-wrap .s-table-left {
        width: 65%;
        float: left;
    }
    .s-table-wrap .s-table-right {
        width: 33%;
        float: right;
    }
    .s-table-wrap .s-table-left th.s-table-head1,
    .s-table-wrap .s-table-left th.s-table-head2,
    .s-table-wrap .s-table-left td,
    .s-table-wrap .s-table-right th.s-table-head1,
    .s-table-wrap .s-table-right th.s-table-head2,
    .s-table-wrap .s-table-right td,
    .s-table.s-qa-table th,
    .s-table.s-qa-table td {
        padding: 10px;
    }
    .s-index_items__title-s {
        font-size: 18px;
        margin-left: 5px;
    }
}

@media only screen and (max-width: 768px) {

    .s-content__full-low--shiritai-tax {
        padding-top: 32px;
    }

    /* PC表示のスタイルここ以外だとスマホにも適応される */
    .s-table-wrap .s-table-left,
    .s-table-wrap .s-table-right {
        width: 100%;
        margin: 0 0 20px;
        float: none;
    }
}

@media only screen and (min-width: 796px) {
    /* 標準的なテーブル定義～ここから～ */
    /* PC表示の時はテキストサイズを16にする */
    .s-table th,
    .s-table td {
        vertical-align: middle;
    }
    
}

.s-table .s-align-center {
    text-align: center;
}


.s-faq-list.s-shiritai-tax-5_2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}


/* 200901 追記 */
.s-ml14{ margin-left: 14px; }

.s-dotted_box {
    padding: 16px;
    border: dashed 2px #00aeef;
}


/* 200915　追記 */
.s-s-faq-list__item_200915{
    max-width: 768px;
    margin: 28px auto 28px;
}
.s-s-faq-list__item_200915>.s-s-ans__faq_200915 {
    position: relative;
    padding: 25px 15px 30px 38px;
}
.s-s-faq-list__item_200915>.s-s-heading__faq_200915 {
    position: relative;
    padding: 23px 20px 20px 50px;
    background-color: #f6f6f6;
    font-weight: bold;
}
.s-s-faq-list__item_200915>.s-s-heading__faq_200915::before {
    position: absolute;
    content: "Q. ";
    top: 23px;
    left: 20px;
}
.s-s-faq-list__item_200915>.s-s-ans__faq_200915::before {
    position: absolute;
    content: "A. ";
    top: 30px;
    left: 20px;
}
.s-index_list_200915{
    justify-content: flex-start;
}
.s-qa_item_list_200915{
    margin-left: 0;
    margin-right: 0;
    width: auto;
}


/* 200916　追記 */
.s-text-vertical_200916{
	writing-mode: vertical-lr;
}
.s-text-vertical-combine_200916{
    -webkit-text-combine: horizontal;
    -ms-text-combine-horizontal: all;
    text-combine-upright: all;
}
.s-align-right{
    text-align: right !important;
}
@media only screen and (max-width: 768px) {
    .s-scroll-text_200916:before {
        content: "※下記の式はスクロールできます。";
    }
}

/* 201110追加 */
.s-heading__box {
	background-color: #f6f6f6;	
	padding: 32px;
}
.s-tax-heading {
	color: #003d7c;
	font-size: 20px;
	margin-bottom: 24px;
}
.s-tax-text {
    text-align: center;
}
.s-button--type_tax {
	background-color: #003d7c;
	margin: 32px auto 0;
}
.s-button--type_tax:hover {
	background-color: #0055ad;
}
@media only screen and (max-width: 768px) {
	.s-heading__box {
        padding: 24px;
	}
	.s-tax-text {
        text-align: left;		
	}
	.s-button--type_tax {	
        margin-top: 24px;
	}
}