<?php header('Content-Type: text/css; charset=utf-8');?>
@charset "utf-8";
/* 【 h1,h2,h3,h4 】見出し *********************/
/* 【 background-color 】背景色 ****************/
.first_point li {
    background-color: #fff;
}
img.first_bar {
    background-color: #b7b7b7;
}
/* 【 background-image 】　*********************/
/* 【 background-repeat 】　********************/
/* 【 background-size 】　*********************/
/* 【 border 】線　****************************/
.cm__cw .block:last-of-type,
.reason_box.ex:last-of-type {
    border: none;
}
.cm__cw .block {
    border-bottom-color: #595959;
}
.cm__cw .block {
    border-bottom-style: solid;
}
.cm__cw .block {
    border-bottom-width: 1px;
}
/* 【 color 】色 *****************************/
.anchor_link p {
    color: blue;
}
.first_point li p {
    color: #b7b7b7;
}
/* 【 content 】 *****************************/
.template::before {
    content: "※";
}
.anchor_link p::before {
    content: "▼";
}
/* 【 display 】 *****************************/
.template {
    display: flex;
}
/* 【 font-size 】文字の大きさ ***************/
/* 【 font-weight 】 ************************/
/* 【 height 】高さ *************************/
.template {
    font-weight: bold;
}
/* 【 justify-content   ********************/
.template {
    justify-content: space-between;
}
/* 【 line-height 】 ************************/
.template p {
    line-height: 115%;
}
.template p span {
    line-height: 125%;
}
/* 【 left 】 ******************************/
/* 【 margin 】 ***************************/
.anchor_link p {
    margin: 0;
}
.template {
    margin: 0 auto;
}
.cm__cw .block {
    margin-bottom: 50px;
}
/* 【 max-height 】 *************************/
/* 【 max-width 】 **************************/
/* 【 opacity 】 ****************************/
/* 【 overflow 】 ***************************/
/* 【 padding 】 ****************************/
.cm__cw .block:last-of-type {
    padding-bottom: 0px;
}
.cm__cw .block {
    padding-bottom: 50px;
}
.anchor_link p {
    padding-left: 2em;
}
/* 【 position 】************************** */
.side_scroll_area {
    position: relative;
}
/* 【 text-align 】 *************************/
.template {
    text-align: center;
}
/* 【 text-indent 】 ************************/
.anchor_link p {
    text-indent: -1em;
}
/* 【 top 】 ********************************/
/* 【 vertical-align 】 *********************/
/* 【 width 】横幅 **************************/
.template {
    width: 100%;
}
/* 【 other or special CSS 】 ******/
.side_scroll_area::after {
    background-color: #ffffffd6;
    background-image: url(https://joshubussan.heteml.net/common/img/slider_arrow_image.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 150px;
    margin: auto 0;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 30%;
    width: 75px;
  }
/*　▽▽▽▽▽▽ レスポンシブ CSS (画面サイズが(max-width: XXXpx) XXX以下で下記効果を適用します。)　▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽　*/
@media screen and (max-width: 640px){
/* 【 ［SP］/ h1,h2,h3,h4 】 ****************/
/* 【 ［SP］/ background-color 】背景色  ****/
/* 【 ［SP］/ background-image 】　*********/
/* 【 ［SP］/ background-repeat 】　********/
/* 【 ［SP］/ background-size 】　**********/
/* 【 ［SP］/ border 】線　*****************/
/* 【 ［SP］/ color 】色 ******************/
/* 【 ［SP］/ display 】 ******************/
/* 【 ［SP］/ font-size 】文字の大きさ *****/
/* 【 ［SP］/ font-weight 】 **************/
/* 【 ［SP］/ height 】高さ ***************/
/* 【 ［SP］/ justify-content 】 **********/
/* 【 ［SP］/ line-height 】 *************/
/* 【 ［SP］/ left 】 ********************/
/* 【 ［SP］/ margin 】 ******************/
/* 【 ［SP］/ max-height 】 **************/
/* 【 ［SP］/ max-width 】 ***************/
/* 【 ［SP］/ opacity 】 *****************/
/* 【 ［SP］/ overflow 】 ****************/
/* 【 ［SP］/ padding 】 *****************/
/* 【 ［SP］/ position 】 ****************/
/* 【 ［SP］/ text-align 】 **************/
/* 【 ［SP］/ text-indent 】 *************/
/* 【 ［SP］/ top 】 *********************/
/* 【 ［SP］/ vertical-align 】 **********/
/* 【 ［SP］/ width 】横幅 ***************/
/* 【 ［SP］other or special CSS 】 ******/
  .side_scroll_area,.sp_side_scroll_area {
    position: relative;
  }
  .sp_side_scroll_area::after {
    background-color: #ffffffd6;
    background-image: url(https://joshubussan.heteml.net/common/img/slider_arrow_image.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 150px;
    margin: auto 0;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 30%;
    width: 75px;
  }
}
/*************** レスポンシブ E ******************************/