/* CSS レイアウト *//* 全体の設定*/
/* ex1_index */
.sitemap{
    max-width: 540px;
    width: 100%;
    margin: 0 auto
}
.title-d{
    max-width: 780px;
    width: 100%;
    margin: 0 auto;
    height: auto;
    margin-top: 5px;
}

/* --- サイトマップエリア --- */
#list{
    max-width:420px;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    height: 30px;
}
#list li{
    list-style: none;
    float:left;
    width: 140px;
}

#top{
    float: left;
    margin-top: 30px;
}


.m1{height: 110%}
.m2{line-height: }
#S9 br{display: none}

.IN2 span{
    margin-left: 30px;
    color: #6265bc
}
.IN3 span{
    margin-left: 30px;
    color: #bc6262
}
.IN4 span{
    margin-left: 30px;
    color: #88a729
}

#sp{
    margin-left: 2px;
    margin-right: 2px;
}

#sp1{
    margin-left: 82px;
    line-height: 1.8em
}
#sp2{
    margin-left: 102px;
    line-height: 1.8em
}
#sp3{
    border:#2b71e2;
    border-style:solid;
    border-width:2px;
    border-radius: 5px;
    padding: 2px;
}
#sp4{
    position: relative;
    left: 40px
}

#ya-3-r{
    position: relative;
    left:30px;
}
/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}
.pp{margin-right: 30px;}

#ul-c3 li{
    padding: 3px 0
}

.frame3{
    border-radius: 7px;
    padding: 5px 8px;
    border: 2px solid #837bc2;
    border-style: dotted;
    max-width: 560px;
    width: 100%;
}
.frame1{
    border-radius: 7px;
    padding: 5px 8px;
    margin-top:9px;
    border: 2px solid #c2997b;
    border-style: dotted;
    max-width: 370px;
    width: 100%;
}
.frame-position{
    position: relative;
    left: -2px
}
framek-position-top{
    margin-top:12px
}
.frame{
     max-width: 410px;
    width: 100%;
    border-radius: 7px;
    padding: 5px 8px;
    border: 2px solid #c3cd82;
    border-style: dotted;
    margin-top: 5px
}
.frame2{
     max-width: 410px;
    width: 100%;
    border-radius: 7px;
    padding: 5px 8px;
    border: 2px solid #c3cd82;
    border-style: dotted
}
.frame-position-top{
    margin-top:18px
}
.top-a{
    padding: 0px 8px;
    font-weight: bold
}

.ul-1-1{
    font-weight: bold;
}
.mt20{
    margin-top: 18px
}
.a-button1{
    background-color:#a1b239;
    padding: 1px 8px;
}
.a-button2{
    background-color:#fcffec;
    border: 2px solid #a1b239;
    padding: 1px 8px 1px 8px;
    margin-left: -9px
}

.a-button1:hover{
    background-color:#b9cd42;
    padding: 1px 8px 1px 8px;
}
.hover2:hover,
.ul-hover li a:hover{
    background-color:#b9cd42;
    padding-right: 3px}
.hover3:hover{
    background-color:#E39C15;
    padding-right: 3px}
.page-info span{
    color:#9bb117;}
.page-info span:hover{
    background-color:#b9cd42;
color: #fff}

.a-button3{
    font-weight: bold
}
.ul-1-1-1{
    max-width: 410px;
    width: 100%;
    margin-top: 20px
}
.ul-1-1-1-1{
    font-size: 1.7rem;
    font-weight: normal;
    border-style:dotted;
    border-radius: 10px;
    max-width: 410px;
    width: 100%;
    padding-left: 10px
}
.ul-1-1-1-1 li{
    padding: 1px 8px;
}

.ul-1-1-1-1 li:not(.li-style-1){
    border-bottom: 1px solid #eff4d2;
    padding: 1px 8px;
    margin: 8px 0;
    max-width: 310px;
    width: 100%;
    font-weight:bold
}
.page-info{
    height: 24px;
    text-align:center;
    margin-top: -18px;
    margin-bottom: 3px;
    text-align: right
}
.page-info a{
    text-indent: 0;
    position: relative;
    top: -5px;
    font-size: .8em;
}
.page-info span{
    background-color: #fff
}
.ma-icon::before {
  content: url(../icon/hand-money-icon.gif);
  width: 5px;
  height: 5px;
    margin-right: 2px;
    padding-left: 2px;
}

.small{
    font-size: 1.3rem;
}
.small-2{
    font-size: 1.4rem;
}
.margin-l{
    margin-left: 2px
}
.li-style-1{
    font-weight:bold;
}
.icon-1::before{
    content: " New!";
    color:#a1b239;
}
.kakoi-title{
    color: #a9081b
}
.hyphen::before{
    content:"━";
    color:#a1b239;
    margin-left: -6px
}
.li-height-1_2 li:nth-child(-n+2),
.li-height-1_3 li:nth-child(-n+3){
    line-height: 1em
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*アイコン*/

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.sitemap ul li ul{
  margin-top: .5em;
  margin-bottom: .75em;
  margin-left: 6%;
}

.sitemap ul li ul li {
  margin-bottom: .25em;
  position: relative;
}

.sitemap ul li ul li::before {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -18px;
  width: 10px;
  height: calc(100% + 1.35em);
  border-left: 2px solid #a1b239;
}
.border-left-height::before {
  content: "";
  position: absolute;
  top: -1.45em;
  left: -18px;
  width: 10px;
  height: calc(100% + .75em);
  border-left: 2px solid #b2394c;
}

.sitemap ul li ul li:last-child::before {
  height: calc(1em + .25em);
}

.sitemap ul li ul li::after {
  content: "";
  position: absolute;
  top: .75em;
  left: -18px;
  width: 18px;
  border-bottom: 2px solid #a1b239;
}


.icon-101::before{
    font-family: FontAwesome;
    content: "\f1ec";
}
.icon-102::before{
    font-family: Font Awesome 5 Free;
     font-weight: 900;
    content: "\f46c";
}
.icon-103::before{
 font-family: 'FontAwesome';
    font-weight: 900;
  content: "\f0f7";
    color:#fff;
}
.icon-104::before{
    content: url(../icon/consulting.gif);
    width: 5px;
    height: 5px;
    margin-right: 2px;
    padding-left: 2px;
}
.icon-105::before{
    content: url(../icon/freedial_icon-m-red.gif);

}
i{padding: 3px;}

.qr-code_gyo{
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    text-align:right;
    margin-top: -30px;
    margin-bottom: -40px
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*━━━━━━━━━━━スマホサイズ用 ■【533px以下】━━━━━━━━━━━*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
@media all and (max-width:533px) {
    #S9 br{
        display: block
    }
    #S9 #sp3{
    font-size: .8em
    }
}


.sitemap {
    font-size: 1.8rem;
}