@charset "UTF-8"; /*

TOP

*/
/* FV
----------------------------- */
.keyArea {
    background: url(img/mv.png) no-repeat right calc(50% - 300px) top 3rem, url(img/key.jpg) repeat;
    background-size: 720px auto, 24px auto;
    min-height: 380px;
    margin: .8rem auto 0;
}

.keyArea .inner {
    width: 1000px;
    margin: 0 auto;
    padding: 6.5rem 0;
    box-sizing: border-box;
}

.keyArea .inner .mainTit {
    font-size: 3rem;
    font-weight: bold;
    width: 420px;
    line-height: 1.5;
    margin: 0 auto 3.5rem 0;
    color: #249424;
    position: relative;
}

.keyArea .inner .mainTit::before {
    content: '';
    width: 27px;
    height: 43px;
    background: url(img/icon_mv.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: -38px;
    top: -5px;
}

.keyArea .inner p {
    width: 451px;
    padding: 0;
    box-sizing: border-box;
    font-size: 1.5rem;
    color: #444;
    line-height: 1.73;
    text-shadow: #fff 1px 1px 4px, #fff -1px 1px 4px, #fff 1px -1px 4px, #fff -1px -1px 4px;
}

.keyArea .inner p + p {
    margin-top: 1.5rem;
}

.keyArea .inner p span {
    font-weight: bold;
    background: linear-gradient(transparent 70%, #bddf21 70%);
}

#contents {
    width: auto;
    margin: 0 auto 10rem;
    padding: 0;
}

.contents-full .enTit {
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    text-align: center;
    display: block;
    margin: 25px 0 0;
    font-size: 1.1rem;
}

#index .addCont02 .titArea {
    margin: 10px auto 50px;
}

.wi1000 p span {
    font-weight: bold;
    background: linear-gradient(transparent 70%, #bddf21 70%);
}

#index .titLArea, #category .titLArea, #page .titLArea {
    text-align: center;
    margin: 40px auto 50px;
    position: relative;
}

#category .titLArea, #page .titLArea {
    max-width: 560px;
    margin: 20px auto 50px;
}

/* ================== */
/*メインコンテンツ　*/
/* ================== */
#index .titLArea, #category .titLArea, #page .titLArea {
    text-align: center;
    position: relative;
}
#category .titLArea, #page .titLArea {
    max-width: 560px;
    margin: 20px auto 50px;
}

#index h2, #category h1, #page h1 {
    text-align: center;
    position: relative;
    box-sizing: border-box;
    font-size: 3.4rem;
    line-height: 1.5;
}

#index h3, #category h2, #page h2 {
    position: relative;
    margin: 35px 0 20px;
    padding: 23px 20px 23px 100px;
    font-size: 3rem;
    line-height: 4rem;
    color: #444;
    border: 2px solid #444;
    background: url(img/tit_small_leaf02.png) no-repeat left 25px center;
    background-size: 52px 52px;
    text-align: left;
}

#index h3:before, #category h2:before, #page h2:before {
    content: '';
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border: 1px solid #444;
    position: absolute;
    top: 3px;
    left: 3px;
    pointer-events: none;
}

.sitemap h2 a {
    color: #444;
}

#index h3 a:hover, #category h2 a:hover, #page h2 a:hover {
    opacity: 0.6;
}

#index h4, #category h3, #page h3 {
    position: relative;
    background: #e6fcf8;
    border-left: solid 5px #83cdc0;
    margin: 35px 0 20px;
    padding: 18px 30px 17px 30px;
    font-size: 2.4rem;
    line-height: 3.5rem;
    text-align: left;
}

#index h4 a:hover, #category h3 a:hover, #page h3 a:hover {
    opacity: 0.6;
}

#index h5, #category h6, #category h4, #category h5, #category h6, #page h4, #page h5, #page h6 {
    position: relative;
    margin: 35px 0 20px;
    padding: 17px 30px 15px 10px;
    border-bottom: solid 3px #e4e4e4;
    font-size: 2rem;
    text-align: left;
}

#index h5:before, #category h6:before, #category h4:before, #category h5:before, #category h6:before, #page h4:before, #page h5:before, #page h6:before {
    content: "";
    width: 80px;
    height: 3px;
    background: #83cdc0;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

#index h5 a:hover, #category h6 a:hover, #category h4 a:hover, #category h5 a:hover, #category h6 a:hover, #page h4 a:hover, #page h5 a:hover, #page h6 a:hover {
    opacity: 0.6;
}

#contents ul {
    margin: 20px 0 20px;
    padding: 10px 10px 0;
}

#contents ul li {
    padding: 0 0 6px 22px;
    background: url(./img/listicon.png) 2px 0 no-repeat;
    text-align: left;
}

#contents ol {
    margin: 20px 0 20px;
    padding: 10px 10px 0;
    counter-reset: number;
}

#contents ol li {
    padding: 2px 0 2px 30px;
    list-style: none;
    position: relative;
    counter-increment: number;
    background: none;
    text-align: left;
}

#contents ol li::before {
    display: block;
    background-color: #83cdc0;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 0;
    color: #fff;
    text-align: center;
    line-height: 1.7;
    font-weight: bold;
    font-size: 1.2rem;
}

#contents ol li:nth-child(-n + 9):before {
    content: counter(number);
}

#contents ol li:nth-child(n + 10):before {
    content: counter(number);
}

.rank_wrap {
    margin: 20px 0;
    counter-reset: div;
    list-style: none;
}

.rank {
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    position: relative;
    border-bottom: solid 3px #e4e4e4;
    margin: 20px 0 20px 0;
    padding: 14px 40px 16px 80px;
    line-height: 1.3;
    font-size: 2.8rem;
    font-weight: bold;
    text-align: left;
}

.rank:before {
    content: "";
    content: counter(div);
    counter-increment: div;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 2px solid #444;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    padding: 10px 0 0;
    line-height: 1.1;
    font-size: 3rem;
    text-align: center;
    color: #444;
    font-weight: bold;
    box-sizing: border-box;
    background: url(img/rank_dashed.png) no-repeat bottom 11px center;
}

.noCount .recommend {
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    display: block;
    position: relative;
    margin: 20px 0 20px 0;
    padding: 14px 40px 16px 80px;
    border-bottom: solid 3px #e4e4e4;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
}

.noCount .recommend:before {
    content: "おすすめ";
    position: absolute;
    display: block;
    box-sizing: border-box;
    border: 2px solid #de6974;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    padding: 19px 0 0 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    color: #de6974;
    background: url(img/recommend_dashed.png) no-repeat bottom 14px center;
}

.noCount .check {
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    display: block;
    position: relative;
    margin: 20px 0 20px 0;
    padding: 14px 40px 16px 80px;
    border-bottom: solid 3px #e4e4e4;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
}

.noCount .check:before {
    content: "CHECK";
    position: absolute;
    display: block;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    box-sizing: border-box;
    border: 2px solid #38b9b5;
    padding: 19px 0 0 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    color: #38b9b5;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    background: url(img/check_dashed.png) no-repeat bottom 14px center;
}

.noCount .point {
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    display: block;
    position: relative;
    margin: 20px 0 20px 0;
    padding: 14px 40px 16px 80px;
    border-bottom: solid 3px #e4e4e4;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
}

.noCount .point:before {
    content: "POINT";
    position: absolute;
    display: block;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    box-sizing: border-box;
    border: 2px solid #77b8e0;
    padding: 19px 0 0 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    color: #77b8e0;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    background: url(img/point_dashed.png) no-repeat bottom 14px center;
}

.rank_wrap2 {
    counter-reset: div;
}

.rank_wrap2 .recommend {
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    display: block;
    position: relative;
    margin: 20px 0 20px 0;
    padding: 14px 6px 24px 76px;
    border-bottom: solid 3px #e4e4e4;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 3rem;
    text-align: left;
}

.rank_wrap2 .recommend:before {
    content: "おすすめ";
    position: absolute;
    display: block;
    border: 2px solid #de6974;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    box-sizing: border-box;
    padding: 6px 0 0 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    color: #de6974;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
}

.rank_wrap2 .recommend:after {
    content: "";
    content: counter(div);
    counter-increment: div;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 55px;
    height: 23px;
    padding: 13px 0 0;
    line-height: 1.1;
    font-size: 20px;
    font-size: 2rem;
    text-align: center;
    color: #de6974;
    font-weight: bold;
}

.rank_wrap3 {
    counter-reset: div;
}

.rank_wrap3 .check {
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    display: block;
    position: relative;
    margin: 20px 0 20px 0;
    padding: 14px 6px 24px 76px;
    border-bottom: solid 3px #e4e4e4;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 3rem;
    text-align: left;
}

.rank_wrap3 .check:before {
    content: "CHECK";
    position: absolute;
    display: block;
    border: 2px solid #38b9b5;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    box-sizing: border-box;
    padding: 6px 0 0 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    color: #38b9b5;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
}

.rank_wrap3 .check:after {
    content: "";
    content: counter(div);
    counter-increment: div;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 55px;
    height: 27px;
    padding: 15px 0 0;
    line-height: 1.1;
    font-size: 20px;
    font-size: 2rem;
    text-align: center;
    color: #38b9b5;
    font-weight: bold;
}

.rank_wrap4 {
    counter-reset: div;
}

.rank_wrap4 .point {
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    display: block;
    position: relative;
    margin: 20px 0 20px 0;
    padding: 14px 6px 24px 76px;
    border-bottom: solid 3px #e4e4e4;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 3rem;
    text-align: left;
}

.rank_wrap4 .point:before {
    content: "POINT";
    position: absolute;
    display: block;
    border: 2px solid #77b8e0;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    box-sizing: border-box;
    padding: 6px 0 0 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    color: #77b8e0;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
}

.rank_wrap4 .point:after {
    content: "";
    content: counter(div);
    counter-increment: div;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 55px;
    height: 27px;
    padding: 15px 0 0;
    line-height: 1.1;
    font-size: 20px;
    font-size: 2rem;
    text-align: center;
    color: #77b8e0;
    font-weight: bold;
}

/*--------------------------------------
　float img
---------------------------------------*/
.fl {
    float: left;
}

.fr {
    float: right;
}

#contents .float-wrap {
    margin: 30px 0;
    box-sizing: border-box;
}

#contents .float-wrap img {
    max-width: 100%;
}

#contents.float-wrap p {
    margin: 0;
    padding: 0;
}

#contents .float-wrap .fl {
    width: 340px;
    padding: 0 40px 10px 0;
    text-align: center;
}

#contents #category .float-wrap .fl, #contents #page .float-wrap .fl {
    width: 280px;
}

#contents .float-wrap .fr {
    width: 340px;
    padding: 0 0 10px 40px;
    text-align: center;
}

#contents #category .float-wrap .fr, #contents #page .float-wrap .fr {
    width: 280px;
}

#contents .float-wrap .center {
    width: 340px;
    margin: 0 auto;
    padding: 0 0 20px;
    text-align: center;
}

#contents #category .float-wrap .center, #contents #page .float-wrap .center {
    width: 280px;
}

.contents-full .caption {
    margin: 1rem auto 0;
    font-size: 1.0rem;
    line-height: 1.3;
    word-break: break-all;
    color: #9c9c9c;
}

/*--------------------------------------
　box-wrap
---------------------------------------*/
#contents.box-wrap {
    margin: 50px 0;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
    /* display: flex; */
}

#contents .box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 480px;
    margin: 0 0.7% 20px;
    box-sizing: border-box;
}

#contents #category .box, #contents #page .box {
    width: 366px;
}

#contents .left_box {
    border: none;
    padding: 3rem 3rem 3.5rem;
    background: #fff;
    margin: 0;
    box-shadow: 7px 7px 0 rgba(189, 223, 33, .5);
}
#contents .left_box:nth-of-type(n+3) {
    margin-top: 3.3rem;
}

#contents .left_box .flame {
    margin: 0 auto 2.5rem;
    text-align: center;
}

#contents .left_box .box-head {
    margin: 0 auto 2rem;
    border-bottom: 2px solid #bddf21;
    padding: 0 0 1.5rem .5rem;
    display: flex;
    align-items: center;
}

#contents .left_box .box-head .sttl {
    font-size: 2.2rem;
    line-height: 1.4;
    margin: 0;
    text-align: left;
    display: block;
    border: none;
    outline: none;
    background: none;
    padding: 0;
    font-weight: bold;
    color: #323c46;
    width: 100%;
}
#contents .left_box .box-head .sttl::before,
#contents .left_box .box-head .sttl::after {
    content: none;
}
#contents .left_box .box-head .sttl a {
    padding: 0 3rem 0 0;
    background: url(img/arrow_gray.png) no-repeat right 2px center;
    background-size: 16px auto;
    display: block;
    font-weight: bold;
    text-decoration: none;
}
#contents .left_box .box-head .sttl a:hover {
    opacity: .6;
    cursor: pointer;
}
#contents .left_box .box-body {
    text-align: left;
}

#contents .left_box .box-body p {
    margin: 0;
}
#contents .left_box .box-body p + p {
    margin-top: 1.5rem;
}

#contents .right_box {
    background: #fff;
    border: none;
    padding: 2.5rem;
    width: calc((100% - 6.1rem)/3);
    margin: 0 3rem 0 0;
    display: block;
}
#contents .right_box:nth-of-type(3n) {
    margin-right: 0;
}
#contents .right_box:nth-of-type(n+4) {
    margin-top: 3rem;
}

.permalink {
    /*display: none;*/
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.permalink:hover {
    background: rgba(255,255,255,0.30);
}

#contents .right_box .fukiWrap {
    margin: -80px auto 0;
    display: table;
}

#contents .right_box .fukiCatch {
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    color: #fff;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    padding: 12px 40px;
    border-radius: 25px;
    text-align: center;
    background: #83cdc0;
    position: relative;
    margin: 0;
    font-weight: bold;
    max-width: 380px;
}

#contents #category .right_box .fukiCatch, #contents #page .right_box .fukiCatch {
    font-size: 21px;
    font-size: 2.1rem;
    padding: 12px 30px;
    max-width: 312px;
}

#contents .right_box .box-head .sttl {
    border: none;
    text-align: left;
    margin: 0;
    padding: 0;
    outline: none;
    display: block;
    background: none;
    font-weight: bold;
    font-size: 2rem;
    color: #323c46;
    letter-spacing: -0.5px;
}

#contents .right_box .box-head .sttl:before, #contents .right_box .box-head .sttl:after {
    content: none;
}

#contents .right_box .box-head a {
    background: url(img/arrow_gray.png) no-repeat right 1px center;
    background-size: 16px auto;
    display: block;
    padding-right: 2.5rem;
    text-decoration: none;
    color: #323c46;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

#contents .box-head a:hover {
    opacity: 0.6;
}

#contents .right_box .box-body {
    text-align: left;
}

#contents .right_box .box-body p {
    margin: 0;
    font-size: 1.4rem;
    font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    font-weight: normal;
    line-height: 1.85;
}
#contents .right_box .box-body p + p {
    margin-top: 1.5rem;
}

#contents .right_box .dashed {
    margin: 30px 0 0;
}

#contents .right_box .dashed ul {
    margin: 0;
    padding: 15px 15px 13px 20px;
}

#contents .right_box .dashed ul li {
    background: url(img/listdot.png) no-repeat 0 4px;
    padding: 0 0 3px 25px;
    font-size: 13px;
    font-size: 1.3rem;
}

/* frame-wrap */
#contents .frame-wrap {
    margin: 30px 0 20px;
    counter-reset: div;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
#contents .frame {
    vertical-align: top;
    width: 315px;
    display: inline-block;
    margin: 0 0.7% 20px;
    box-sizing: border-box;
}

#contents #category .frame, #contents #page .frame {
    width: 238px;
}

#contents .frameLeft {
    background: #fff;
    padding: 2rem 2rem 3rem;
    position: relative;
    margin: 0;
    width: calc((100% - 6rem)/3);
}

#contents #category .frameLeft, #contents #page .frameLeft {
    padding: 20px 10px;
}

#contents .frameLeft .decoTtl {
    color: #fff;
    background: #3e4c59;
    font-size: 1.6rem;
    text-align: center;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    font-weight: bold;
    padding: 0.5rem;
    line-height: 1.4;
    margin: 0 auto 2.5rem;
}
#contents .frameLeft .decoTtl__small {
    font-size: 1.4rem;
    background: none;
    color: #fff;
    margin-right: 0.5rem;
}

#contents .frameLeft .frame-head {
    font-size: 2.2rem;
    text-align: center;
    color: #249424;
    border: none;
    padding: 0;
    margin: 0 auto 2rem;
    line-height: 1.2;
    background: none;
    outline: none;
    font-weight: bold;
    letter-spacing: inherit;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

#contents .frameLeft .frame-head:before, #contents .frameLeft .frame-head:after {
    content: none;
}

#contents .frameLeft .frame-head a {
    background: url(img/arrow_green.png) no-repeat center right 1px;
    background-size: 17px auto;
    display: block;
    text-align: center;
    padding: 0 2.5rem 0 0;
    text-decoration: none;
    color: #249424;
}

#contents .frameLeft .frame-body p {
    text-align: left;
    margin: 0;
    color: #444;
}
#contents .frameLeft .frame-body p + p {
    margin-top: 1.5rem;
}

#contents .frameCenter {
    background: #fff;
    padding: 2.5rem 3rem 2.5rem;
    width: calc((100% - 6.1rem)/3);
    margin: 0 3rem 0 0;
    box-shadow: 7px 7px 0 rgba(189, 223, 33, .5);
    position: relative;
}
#contents .frameCenter:nth-of-type(3n) {
    margin-right: 0;
}
#contents .frameCenter:nth-of-type(n+4) {
    margin-top: 3rem;
}
#contents .frameCenter::before {
    content: '';
    position: absolute;
    width: 22px;
    height: 34px;
    background: url(img/deco_list_box.png) no-repeat;
    background-size: contain;
    left: 16px;
    top: -12px;
}
#contents .frameCenter .frame-head {
    font-size: 2rem;
    text-align: left;
    color: #444;
    padding: 0 0 1.7rem 2rem;
    border: none;
    border-bottom: solid 2px #64c864;
    margin: 0 auto 2.5rem;
    line-height: 1.3;
    background: none;
    outline: none;
    font-weight: bold;
    display: flex;
    align-items: center;
    letter-spacing: normal;
}

#contents .frameCenter .frame-head:before, #contents .frameCenter .frame-head:after {
    content: none;
}

#contents .frameCenter .frame-head a {
    background: url(img/arrow_gray.png) no-repeat center right 1px;
    background-size: 16px auto;
    display: block;
    padding-right: 3rem;
    text-decoration: none;
    width: 100%;
    letter-spacing: normal;
    color: #444;
}

#contents .frameCenter .frame-body {
    text-align: left;
}

#contents .frameCenter .frame-body p {
    margin: 0;
    color: #444;
}
#contents .frameCenter .frame-body p + p {
    margin-top: 1.5rem;
}
#contents .frameCenter .dashed {
    margin: 30px 0 0;
}

#contents #category .frameCenter .dashed, #contents #page .frameCenter .dashed {
    margin: 20px 0 0;
}

#contents .frameCenter .dashed ul {
    margin: 0;
    padding: 15px 15px 13px 20px;
}

#contents .frameCenter .dashed ul li {
    background: url(img/listdot.png) no-repeat 0 4px;
    padding: 0 0 3px 25px;
    font-size: 13px;
    font-size: 1.3rem;
}

#contents .frameRight {
    border: solid 5px #efefea;
    padding: 2rem 2rem 2.5rem;
    background: #f7f7f4;
    width: calc((100% - 6.1rem)/3);
    margin: 0 3rem 0 0;
    display: block;
}
#contents .frameRight:nth-of-type(3n) {
    margin-right: 0;
}
#contents .frameRight:nth-of-type(n+4) {
    margin-top: 3rem;
}

#contents #category .frameRight, #contents #page .frameRight {
    padding: 10px;
}

#contents .frameRight .ph {
    margin: 0 auto 2rem;
    text-align: center;
}

#contents .frameRight .frame-head {
    font-size: 2.2rem;
    text-align: left;
    border: none;
    border-bottom: solid 2px #64c864;
    margin: 0 auto 2.2rem;
    padding: 0 0 1.5rem;
    position: relative;
    background: none;
    outline: none;
    font-weight: bold;
    color: #323c46;
    display: flex;
    align-items: center;
}

#contents .frameRight .frame-head:after {
    content: none;
}

#contents .frameRight .frame-head a {
    padding-right: 3rem;
    background: url(img/arrow_gray.png) no-repeat center right 1px;
    background-size: 16px auto;
    display: block;
    text-decoration: none;
    width: 100%;
}
#contents .frame-head a:hover {
    opacity: 0.6;
}

#contents .frameRight .frame-body {
    text-align: left;
}

#contents .frameRight .frame-body p {
    margin: 0;
    color: #444;
}
#contents .frameRight .frame-body p + p {
    margin-top: 1.5rem;
}

/*addCont01*/
#index .addCont01 {
    background: url("img/bg_str_gr.gif");
    padding: 60px 0 60px;
}

#index .addCont01 .headArea {
    margin: 0 0 50px;
    text-align: center;
}

#index .addCont01 .titLArea {
    position: relative;
    padding: 0;
    box-sizing: border-box;
}

#index .addCont01 .titL:after {
    content: "";
    width: 80px;
    height: 6px;
    background: #fffab6;
    display: inline-block;
    position: absolute;
    bottom: -1rem;
    left: 0;
    right: 0;
    margin: auto;
}

#index .addCont01 .titL {
    margin: 0 auto 40px;
    position: relative;
    background: url(img/tit_bracket_l.png) top left no-repeat,url(img/tit_bracket_r.png) bottom right no-repeat;
    background-size: 20px 37px;
    text-align: center;
    color: #444;
    box-sizing: border-box;
    font-size: 3.4rem;
    line-height: 1.5;
    padding: 2rem 10rem;
    border: none;
    outline: none;
}

#index .addCont01 .thBoxArea {
    margin: 0 0 60px 0;
    display: flex;
}

#index .addCont01 .thBoxArea .sBox {
    width: 320px;
    padding: 10px 20px 20px;
    border: 1px solid #444;
    float: left;
    margin: 0 20px 0 0;
    background: #FFF;
    position: relative;
    box-sizing: border-box;
}

#index .addCont01 .thBoxArea .sBox:nth-child(3n) {
    margin: 0;
}

#index .addCont01 .thBoxArea .sBox:before {
    content: "";
    background: url("img/or_addCont01_sBox_up.png") 50% 0 no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 2%;
}

#index .addCont01 .thBoxArea .sBox:after {
    content: "";
    background: url("img/or_addCont01_sBox_bot.png") 50% 100% no-repeat;
    background-size: 100% auto;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 2%;
}

#index .addCont01 .thBoxArea .sBox .sTit {
    font-size: 18px;
    font-size: 1.8rem;
    border: none;
    outline: none;
    padding: 10px 0 10px 40px;
    margin: 0 0 20px;
    line-height: 1.3;
    background: url(img/tit_small_leaf.png) no-repeat left center;
    text-align: left;
    display: block;
}

#index .addCont01 .thBoxArea .sBox .sTit:before {
    content: none;
}

#index .addCont01 .thBoxArea .sBox .caption {
    text-align: center;
    margin: 15px 0 0;
}

#index .addCont01 .thBoxArea .sBox .comName {
    font-size: 2rem;
    text-align: center;
    background: none;
    border: none;
    border-bottom: dashed 1px #444;
    border-left: none;
    padding: 10px;
    margin: 20px 0 20px;
    line-height: 1.3;
    display: block;
    outline: none;
}

#index .addCont01 .thBoxArea .sBox .comName:before, #index .addCont01 .thBoxArea .sBox .comName:after {
    content: none;
}

#index .addCont01 .thBoxArea .sBox .icon {
    padding: 0;
    margin: 0 0 10px;
    display: flex;
    flex-wrap: wrap;
}

#index .addCont01 .thBoxArea .sBox .icon li {
    background: #83cdc0;
    border-radius: 5px;
    text-align: center;
    font-size: 1.3rem;
    color: #fff;
    width: 132px;
    float: left;
    padding: 6px 10px;
    box-sizing: border-box;
    margin: 0 10px 10px 0;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
}

#index .addCont01 .thBoxArea .sBox .icon li span {
    text-align: center;
}

#index .addCont01 .thBoxArea .sBox .icon li:nth-child(2n) {
    margin: 0 0 10px 0;
}

#index .addCont01 .thBoxArea .sBox .grayArea {
    background: #f6f5f3;
    margin: 0 0 30px;
}

#index .addCont01 .thBoxArea .sBox .grayArea .ssTit {
    background: #eae0cc;
    border: none;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 11px 20px 9px 20px;
    margin: 0;
    display: block;
    outline: none;
    line-height: 1.3;
    text-align: left;
}

#index .addCont01 .thBoxArea .sBox .grayArea .ssTit:before, #index .addCont01 .thBoxArea .sBox .grayArea .ssTit:after {
    content: none;
}

#index .addCont01 .thBoxArea .sBox .grayArea ul {
    margin: 0 0 0 1em;
    padding: 15px;
    text-align: left;
}

#index .addCont01 .thBoxArea .sBox .grayArea ul li {
    background: none;
    padding: 0;
    text-indent: -1em;
}

#index .addCont01 .thBoxArea .sBox .grayArea ul li:before {
    content: "・";
}

#index .addCont01 .thBoxArea .sBox .btn-internal, #index .addCont01 .thBoxArea .sBox .btn-web {
    width: 225px;
    margin: 20px auto;
}

#index .addCont01 .dashed {
    background: #FFF;
    padding: 30px;
    box-sizing: border-box;
    width: 720px;
    margin: 0 auto;
}

#index .addCont01 .dashed p {
    margin: 0;
}

/*addCont02*/
#index .addCont02 {
    padding: 0;
    counter-reset: number;
}

#index .addCont02 .titL {
    background: linear-gradient(transparent 60%, #e0faf5 60%);
    outline: none;
    border: none;
    padding: 0;
    display: inline;
    font-size: 3.4rem;
    line-height: 4.4rem;
}

#index .addCont02 .dashed {
    width: 720px;
    margin: 0 auto 50px;
    padding: 25px;
}

#index .addCont02 .titArea .titLArea {
    margin: 10px auto 50px;
}

#index .addCont02 .bgbd {
    background: url(img/bg_addCont02_top.png) top -10px right 10% no-repeat, url(img/bg_addCont02_bottom.png) bottom -20px left 10% no-repeat, url("img/bg_bd_gray.gif");
    padding: 40px 0 30px 0;
}

#index .addCont02 .sTitArea .titM {
    color: #444;
    font-size: 3.2rem;
    font-weight: bold;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    text-align: left;
    background: none;
    position: relative;
    display: block;
    line-height: 1.3;
}

#index .addCont02 .sTitArea .titM:before, #index .addCont02 .sTitArea .titM:after {
    display: none;
}

#index .addCont02 .sTitArea .titM:before {
    content: "";
    position: absolute;
}

#index .addCont02 .sTitArea {
    position: relative;
    padding: 0 0 0 9rem;
    box-sizing: border-box;
    margin: 0 auto 3.5rem;
}

#index .addCont02 .sTitArea:before {
    content: '';
    width: 70px;
    height: 90px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    padding: 0;
}

#index .addCont02 .sTitArea .catch {
    font-size: 2rem;
    font-weight: bold;
    margin: 0 0 0.5rem;
    text-align: left;
    line-height: 1.5;
}

#index .addCont02 .subBoxWrap {
    background: url(img/bg_subbox.gif) no-repeat top left, url(img/bg_subbox.gif) no-repeat bottom right;
    position: relative;
    padding: 15px;
    margin: 0 auto 50px;
}

#index .addCont02 .subBox01 {
    background: #fffde4;
    padding: 40px;
}

#index .addCont02 .subBox01 .catch {
    font-size: 26px;
    font-size: 2.6rem;
    background: none;
    border: none;
    outline: none;
    text-align: center;
    padding: 0 0 20px;
    margin: 0 0 25px;
    line-height: 1.3;
    display: block;
    position: relative;
}

#index .addCont02 .subBox01 .catch:before {
    content: "";
    width: 80px;
    height: 3px;
    display: inline-block;
    background: #83cdc0;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: none;
}

#index .addCont02 .subBox01 .catch:after {
    content: none;
}

#index .addCont02 .subBox01 p {
    margin: 0;
}

#index .addCont02 .subBox02 {
    margin: 0 auto 50px;
}

#index .addCont02 .subBox02 .sTit,
#index .addCont02 .subBox03 .sTit,
#index .addCont02 .subBox04 .sTit {
    border: none;
    outline: none;
    text-align: left;
    font-size: 2.4rem;
    font-weight: bold;
    color: #444;
    margin: 0 auto 2.5rem;
    padding: 0 0 0 3.5rem;
    line-height: 1.3;
    display: block;
    background: none;
    position: relative;
}
#index .addCont02 .subBox02 .sTit:before,
#index .addCont02 .subBox03 .sTit:before,
#index .addCont02 .subBox04 .sTit:before {
    content: '';
    width: 24px;
    height: 4px;
    background: #faaf3b;
    position: absolute;
    left: 0;
    top: 13px;
    border: none;
    margin: 0;
    padding: 0;
}
#index .addCont02 .subBox02 .sTit:after,
#index .addCont02 .subBox03 .sTit:after {
    display: none;
}
#index .addCont02 .subBox02 .sTit a,
#index .addCont02 .subBox03 .sTit a,
#index .addCont02 .subBox04 .sTit a {
    text-decoration: none;
    color: #444;
    padding-right: 3rem;
    background: url(img/arrow_black2.png) no-repeat right 1px center;
    background-size: 16px auto;
    display: inline-block;
}
#index .addCont02 .subBox02 .sTit a:hover,
#index .addCont02 .subBox03 .sTit a:hover,
#index .addCont02 .subBox04 .sTit a:hover {
    opacity: .6;
    cursor: pointer;
}

#index .addCont02 .subBox02 .dashed {
    margin: 0 50px;
    background: #fff;
    width: auto;
    padding: 25px 25px 20px;
}

#index .addCont02 .subBox02 .dashed ul {
    margin: 0;
    padding: 0;
}

#index .addCont02 .subBox02 .dashed ul li {
    width: 50%;
    float: left;
    background: url(img/listdot.png) no-repeat 0 4px;
    padding: 0 20px 3px 25px;
    box-sizing: border-box;
    line-height: 1.6;
    text-align: left;
}

#index .addCont02 .subBox03 .cf {
    padding: 0 50px;
    box-sizing: border-box;
    margin: 0 0 50px;
}

#index .addCont02 .subBox03 .map {
    width: 430px;
    float: left;
}

#index .addCont02 .subBox03 .map iframe {
    width: 100%;
    height: 260px;
}

#index .addCont02 .subBox03 .cf table {
    width: 430px;
    float: right;
    margin: 0;
    border: #a7e1d7;
}

#index .addCont02 .subBox03 .cf table th {
    width: 25%;
    font-size: 1.6rem;
    word-wrap: break-word;
}

#index .addCont02 .subBox03 .cf table td {
    padding: 15px 30px;
    font-size: 1.4rem;
}

#index .addCont02 .bgbd .btn-web {
    width: 385px;
    margin: auto;
}

/*--------------------------------------
Slider　カルーセルつきスライドショー
---------------------------------------*/
#slideArea {
    margin: 0 auto 60px;
}

#slideArea .slideinner {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    padding: 0 50px;
    box-sizing: border-box;
}

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-initialized .slick-slide p {
    display: block;
    margin: 2rem auto 0;
    line-height: 1.4;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 1rem;
    color: #9d9d9d;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: 68px;
    box-sizing: border-box;
    /*border: 2px solid transparent;*/
}

.slick-arrow.slick-hidden {
    display: none;
}

.slider {
    position: relative;
    max-width: 940px;
}

.slider img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.slider .slider-nav-wrap {
    position: relative;
}

.slider .slider-nav-wrap .slider-nav .slick-list {
    padding: 0 !important;
}

.slider .slider-nav-wrap .slider-nav .slick-track {
    left: 0;
    width: 100%;
    opacity: 1;
}

.slider .slider-nav-wrap .slider-nav .slick-slide {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 1;
    padding: 4px 0;
    overflow-y: hidden;
    max-width: 100%;
}

.slider .slider-nav-wrap .slider-nav .slick-slide:hover {
    opacity: .6;
}

.slider .slider-nav-wrap .slick-arrow {
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slider .slider-nav-wrap .slick-prev {
    right: 0;
    border-width: 0;
    border-color: transparent transparent transparent #444444;
}

.slider .slider-nav-wrap .slick-next {
    left: 0;
    border-width: 0;
    border-color: transparent #444444 transparent transparent;
}

.slider .slider-for {
    float: left;
    width: 85%;
    margin: 0 auto;
}

.slick-prev, .slick-next {
    position: absolute;
    top: 46%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
    background: url(img/arrow_slider_prev.png) no-repeat;
    background-size: 100%;
    width: 34px;
    height: 34px;
    font-size: 0;
}

.slick-prev {
    left: 8px;
}
.slick-prev::before {
    content: none;
}
.slider .slider-for button.slick-prev:hover,
.slider .slider-for button.slick-next:hover {
    cursor: pointer;
    opacity: .6;
}
.slider .slider-for button.slick-prev:hover,
.slider .slider-for button.slick-prev:focus {
    background: url(img/arrow_slider_prev.png) no-repeat;
    background-size: 100%;
}
.slider .slider-for button.slick-next {
    right: 8px;
    background: url(img/arrow_slider_next.png) no-repeat;
    background-size: 100%;
}
.slider .slider-for button.slick-next::before {
    content: none;
}
.slider .slider-nav-wrap {
    position: absolute;
    top: 49%;
    right: 0;
    width: 11.111111%;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 491px;
}

.slider .slider-nav-wrap .slick-arrow {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.slider .slider-nav-wrap .slick-next {
    left: 3rem;
}

.slider .slider-nav-wrap .slick-next::before {
    content: none;
}

.slider .slider-nav-wrap .slick-prev {
    top: auto;
    bottom: 10rem;
    left: 3rem;
}

/*addCont03*/
#index .addCont03 {
    margin: 0 auto 80px;
}

#index .addCont03 .titLArea {
    margin: 10px auto 50px;
}

#index .addCont03 .titL {
    background: linear-gradient(transparent 60%, #fffbce 60%);
    text-align: center;
    position: relative;
    color: #444;
    box-sizing: border-box;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 4.4rem;
    display: inline;
    border: none;
    outline: none;
    padding: 0;
}

#index .addCont03 .blueBox {
    background: #e6fcf8;
    padding: 25px;
    text-align: center;
    display: flex;
}

#index .addCont03 .blueBox .subBox {
    width: 430px;
    display: inline-block;
    border: solid 1px #444;
    position: relative;
    background: #fff;
    padding: 20px;
    margin: 0 18px 28px;
    box-sizing: border-box;
    vertical-align: top;
}

#index .addCont03 .blueBox .subBox:nth-last-child(2), #index .addCont03 .blueBox .subBox:last-child {
    margin: 0 18px 0;
}

#index .addCont03 .blueBox .subBox:before {
    content: "";
    background: url(img/icon_addCont03_waku_top.png) no-repeat;
    width: 44px;
    height: 45px;
    display: inline-block;
    position: absolute;
    top: -10px;
    left: -10px;
}

#index .addCont03 .blueBox .subBox:after {
    content: "";
    background: url(img/icon_addCont03_waku_bottom.png) no-repeat;
    width: 44px;
    height: 45px;
    display: inline-block;
    position: absolute;
    bottom: -10px;
    right: -10px;
}

#index .addCont03 .blueBox .subBox .upper {
    margin: 0 0 15px;
}

#index .addCont03 .blueBox .subBox .ph {
    width: 175px;
    float: left;
    margin: 0 20px 0 0;
}

#index .addCont03 .blueBox .subBox .txtArea {
    width: auto;
    overflow: hidden;
    text-align: left;
}

#index .addCont03 .blueBox .subBox .txtArea .sTit {
    font-size: 20px;
    font-size: 2rem;
    color: #009994;
    background: none;
    padding: 0 0 15px;
    margin: 0 0 15px;
    border: none;
    border-bottom: dashed 1px #444;
    line-height: 1.4;
}

#index .addCont03 .blueBox .subBox .txtArea .sTit:before {
    content: none;
}

.dashed {
    border: 1px dashed #444;
}

.bgbd {
    background: url("img/bg_bd_gray.gif");
}

#index .addCont03 .blueBox .subBox .pointArea {
    padding: 30px 25px 20px;
}

#index .addCont03 .blueBox .subBox .pointArea .pointWrap {
    padding: 0 10px;
    background: #fff;
    display: table;
    margin: -45px auto 0;
}

#index .addCont03 .blueBox .subBox .pointArea .point {
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    background: #ee959d;
    padding: 6px 28px;
    margin: 0 0 15px;
    border: none;
    line-height: 1;
}

#index .addCont03 .blueBox .subBox .pointArea p {
    margin: 0;
    text-align: left;
}

/* compare-table-frame
----------------------------- */
.compare-table-group {
    margin: 2rem 0 3rem;
    padding: 2rem 2rem 3rem;
    background: #f4f4f4;
}

.compare-table-group h2 {
    color: #4c4c4c;
    font-size: 3rem;
    margin: 0rem auto 5rem;
    position: relative;
    font-weight: bold;
    padding: 2rem 2rem;
    line-height: 1.4;
    text-align: center;
}

.compare-table-group h2:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    border-top: solid 5px #16b7bf;
    border-right: solid 5px #16b7bf;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.compare-table-group h2:after {
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 40px;
    height: 40px;
    border-top: solid 5px #16b7bf;
    border-right: solid 5px #16b7bf;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#contents.contents_top .compare-table-group .catch-copy {
    color: #333;
    font-size: 2.1rem;
    background: url(img/underline_catch01.png) no-repeat center bottom;
    background-size: 100% auto;
    text-align: center;
    margin: 2rem 0 3rem;
    padding: 0 0 2rem;
}

.compare-table-group .catch02 {
    padding: 1.5rem 0;
    text-align: center;
    border-top: 2px solid #16b7bf;
    border-bottom: 2px solid #16b7bf;
    font-size: 2.5rem;
    line-height: 1.2;
    color: #16b7bf;
    margin: 2rem 0 3rem;
}

/*/////img/////*/
.top-image-text-box {
    margin: 30px 0;
}

.top-image-text-box .catch-copy {
    color: #f46891;
    font-size: 2.0rem;
    background: url(img/underline_catch02.png) repeat-x center bottom;
    background-size: auto;
    line-height: 1.4;
    margin: 2rem 0 3rem;
    padding: 0 0 2rem;
    font-weight: bold;
}

/*/////title-text-area /////*/
.compare-table-frame .title-text-area {
    background: #fff;
    padding: 2rem;
    margin: 3rem auto;
}

#contents .compare-table-frame .title-text-area .top-title h2, #contents .compare-table-frame .title-text-area .top-title h3, #contents .compare-table-frame .title-text-area .top-title h4, #contents .compare-table-frame .title-text-area .top-title h5 {
    margin-top: 0;
}

/*/////image-text-area /////*/
.compare-table-frame .compare-table-group .image-text-area {
    background: #fff;
    padding: 2rem;
}

.compare-table-frame .compare-table-group .image-text-area .table-layout table tr td {
    vertical-align: middle;
}

/*/////title-table-area  /////*/
.compare-table-frame .compare-table-group .title-table-area {
    margin: 3rem auto;
    background: #fff;
    padding: 2rem;
}

.compare-table-frame .compare-table-group .title-table-area h2, .compare-table-frame .compare-table-group .title-table-area h3, .compare-table-frame .compare-table-group .title-table-area h4, .compare-table-frame .compare-table-group .title-table-area h5 {
    margin: 0 auto 3rem;
    color: #4c4c4c;
    border: 1px solid #16b7bf;
    border-radius: 5px;
    padding: 1.5rem 1.5rem 1.5rem 4rem;
    font-size: 2.6rem;
    text-align: left;
}

.compare-table-frame .compare-table-group .title-table-area h2:before {
    content: "";
    border: 0;
    border-left: 5px solid #16b7bf;
    left: 15px;
    height: 100%;
    width: 4px;
    -webkit-transform: none;
    transform: none;
}

.compare-table-frame .compare-table-group .title-table-area h2:after {
    content: none;
}

.compare-table-frame .compare-table-group .title-table-area .table-layout table tr td:nth-child(1) {
    background-color: #f9f2e0;
    width: 25%;
}

.compare-table-frame .compare-table-group .title-table-area .table-layout table tr td {
    vertical-align: middle;
}

/*/////title-list-area /////*/
.compare-table-frame .compare-table-group .title-list-area {
    background: #fff;
    padding: 2rem;
}

.compare-table-frame .compare-table-group .title-list-area h2, .compare-table-frame .compare-table-group .title-list-area h3, .compare-table-frame .compare-table-group .title-list-area h4, .compare-table-frame .compare-table-group .title-list-area h5 {
    background: #fff;
    border-top: 1px solid #16b7bf;
    border-bottom: 1px solid #16b7bf;
    color: #333333;
    font-size: 2.6rem;
    position: relative;
    padding: 1.5rem 2rem 1.5rem 8rem;
    width: auto;
    margin: 0 auto 3rem;
    text-align: left;
    font-weight: bold;
    line-height: 1.4;
}

.compare-table-frame .compare-table-group .title-list-area h2:before {
    content: "";
    background: url(img/icon_top_h2_03.png) no-repeat;
    background-size: 100% auto;
    width: 49px;
    height: 50px;
    position: absolute;
    left: 17px;
    top: 11px;
    -webkit-transform: none;
    transform: none;
    border: 0;
}

.compare-table-frame .compare-table-group .title-list-area h2:after {
    content: none;
}

#contents .compare-table-frame .compare-table-group .title-list-area ul li {
    color: #f46891;
    background: url(img/icon_catch04.png) no-repeat 30px 26px #f9f2e0;
    margin: 0 0 2rem;
    padding: 2rem 2rem 1rem 6rem;
    line-height: 1.6;
    font-size: 1.7rem;
}

#contents .compare-table-frame .compare-table-group .title-list-area ul li:last-child {
    margin: 0;
}

.compare-table-frame .compare-table-group .title-list-area ul li p {
    color: #333;
    margin: 2rem 0 2rem -3rem;
}

/*--------------------------------------
　reset
---------------------------------------*/
/*hWrap*/
.addParts01 .hWrap,.addParts02 .hWrap,.addParts03 .hWrap,.float-wrap .hWrap,.box-wrap .hWrap,.frame .hWrap {
    background: none;
    position: static;
    margin: 0;
}

.addParts01 .hWrap::before,.addParts02 .hWrap::before,.addParts03 .hWrap::before,.float-wrap .hWrap::before,.box-wrap .hWrap::before,.frame .hWrap::before {
    content: none;
}

#index .addParts01 .hInner, #category .addParts01 .hInner, #page .addParts01 .hInner, #index .addParts02 .hInner, #category .addParts02 .hInner, #page .addParts02 .hInner, #index .addParts03 .hInner, #category .addParts03 .hInner, #page .addParts03 .hInner, #index .float-wrap .hInner, #category .float-wrap .hInner, #page .float-wrap .hInner, #index .box-wrap .hInner, #category .box-wrap .hInner, #page .box-wrap .hInner, #index .frame .hInner, #category .frame .hInner, #page .frame .hInner {
    display: block;
    width: auto;
    margin: 0;
}

/*hã‚¿ã‚° reset*/
#index .addParts01 h2, #category .addParts01 h1, #page .addParts01 h1, #index .addParts02 h2, #category .addParts02 h1, #page .addParts02 h1, #index .addParts03 h2, #category .addParts03 h1, #page .addParts03 h1, #index .float-wrap h2, #category .float-wrap h1, #page .float-wrap h1, #index .box-wrap h2, #category .box-wrap h1, #page .box-wrap h1, #index .frame-wrap h2, #category .frame-wrap h1, #page .frame-wrap h1, #index .addParts01 h3, #category .addParts01 h2, #page .addParts01 h2, #index .addParts02 h3, #category .addParts02 h2, #page .addParts02 h2, #index .addParts03 h3, #category .addParts03 h2, #page .addParts03 h2, #index .float-wrap h3, #category .float-wrap h2, #page .float-wrap h2, #index .box-wrap h3, #category .box-wrap h2, #page .box-wrap h2, #index .frame-wrap h3, #category .frame-wrap h2, #page .frame-wrap h2, #index .addParts01 h4, #category .addParts01 h3, #page .addParts01 h3, #index .addParts02 h4, #category .addParts02 h3, #page .addParts02 h3, #index .addParts03 h4, #category .addParts03 h3, #page .addParts03 h3, #index .float-wrap h4, #category .float-wrap h3, #page .float-wrap h3, #index .box-wrap h4, #category .box-wrap h3, #page .box-wrap h3, #index .frame-wrap h4, #category .frame-wrap h3, #page .frame-wrap h3, #index .addParts01 h5, #category .addParts01 h4, #page .addParts01 h4, #index .addParts02 h5, #category .addParts02 h4, #page .addParts02 h4, #index .addParts03 h5, #category .addParts03 h4, #page .addParts03 h4, #index .float-wrap h5, #category .float-wrap h4, #page .float-wrap h4, #index .box-wrap h5, #category .box-wrap h4, #page .box-wrap h4, #index .frame-wrap h5, #category .frame-wrap h4, #page .frame-wrap h4, #index .addParts01 h6, #category .addParts01 h5, #page .addParts01 h5, #index .addParts02 h6, #category .addParts02 h5, #page .addParts02 h5, #index .addParts03 h6, #category .addParts03 h5, #page .addParts03 h5, #index .float-wrap h6, #category .float-wrap h5, #page .float-wrap h5, #index .box-wrap h6, #category .box-wrap h5, #page .box-wrap h5, #index .frame-wrap h6, #category .frame-wrap h5, #page .frame-wrap h5 {
    display: block;
    width: auto;
    height: auto;
    min-width: initial;
    min-width: auto;
    min-height: initial;
    min-height: auto;
    font-size: 1.6rem;
    line-height: 1.4;
    /* letter-spacing: 0.1em; */
    color: #333;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
    text-shadow: none;
    text-decoration: none;
    padding: 0;
    margin: 0;
    position: static;
}

#index .addParts01 h2 a, #category .addParts01 h1 a, #page .addParts01 h1 a, #index .addParts02 h2 a, #category .addParts02 h1 a, #page .addParts02 h1 a, #index .addParts03 h2 a, #category .addParts03 h1 a, #page .addParts03 h1 a, #index .float-wrap h2 a, #category .float-wrap h1 a, #page .float-wrap h1 a, #index .box-wrap h2 a, #category .box-wrap h1 a, #page .box-wrap h1 a, #index .frame-wrap h2 a, #category .frame-wrap h1 a, #page .frame-wrap h1 a, #index .addParts01 h3 a, #category .addParts01 h2 a, #page .addParts01 h2 a, #index .addParts02 h3 a, #category .addParts02 h2 a, #page .addParts02 h2 a, #index .addParts03 h3 a, #category .addParts03 h2 a, #page .addParts03 h2 a, #index .float-wrap h3 a, #category .float-wrap h2 a, #page .float-wrap h2 a, #index .box-wrap h3 a, #category .box-wrap h2 a, #page .box-wrap h2 a, #index .frame-wrap h3 a, #category .frame-wrap h2 a, #page .frame-wrap h2 a, #index .addParts01 h4 a, #category .addParts01 h3 a, #page .addParts01 h3 a, #index .addParts02 h4 a, #category .addParts02 h3 a, #page .addParts02 h3 a, #index .addParts03 h4 a, #category .addParts03 h3 a, #page .addParts03 h3 a, #index .float-wrap h4 a, #category .float-wrap h3 a, #page .float-wrap h3 a, #index .box-wrap h4 a, #category .box-wrap h3 a, #page .box-wrap h3 a, #index .frame-wrap h4 a, #category .frame-wrap h3 a, #page .frame-wrap h3 a, #index .addParts01 h5 a, #category .addParts01 h4 a, #page .addParts01 h4 a, #index .addParts02 h5 a, #category .addParts02 h4 a, #page .addParts02 h4 a, #index .addParts03 h5 a, #category .addParts03 h4 a, #page .addParts03 h4 a, #index .float-wrap h5 a, #category .float-wrap h4 a, #page .float-wrap h4 a, #index .box-wrap h5 a, #category .box-wrap h4 a, #page .box-wrap h4 a, #index .frame-wrap h5 a, #category .frame-wrap h4 a, #page .frame-wrap h4 a, #index .addParts01 h6 a, #category .addParts01 h5 a, #page .addParts01 h5 a, #index .addParts02 h6 a, #category .addParts02 h5 a, #page .addParts02 h5 a, #index .addParts03 h6 a, #category .addParts03 h5 a, #page .addParts03 h5 a, #index .float-wrap h6 a, #category .float-wrap h5 a, #page .float-wrap h5 a, #index .box-wrap h6 a, #category .box-wrap h5 a, #page .box-wrap h5 a, #index .frame-wrap h6 a, #category .frame-wrap h5 a, #page .frame-wrap h5 a {
    display: inline;
    width: auto;
    height: auto;
    min-width: initial;
    min-width: auto;
    min-height: initial;
    min-height: auto;
    font-size: 100%;
    line-height: 1.4;
    /* letter-spacing: 0.1em; */
    color: #333;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
    text-shadow: none;
    text-decoration: none;
    padding: 0;
    margin: 0;
    position: static;
}

#index .addParts01 h2::before, #category .addParts01 h1::before, #page .addParts01 h1::before, #index .addParts02 h2::before, #category .addParts02 h1::before, #page .addParts02 h1::before, #index .addParts03 h2::before, #category .addParts03 h1::before, #page .addParts03 h1::before, #index .float-wrap h2::before, #category .float-wrap h1::before, #page .float-wrap h1::before, #index .box-wrap h2::before, #category .box-wrap h1::before, #page .box-wrap h1::before, #index .frame-wrap h2::before, #category .frame-wrap h1::before, #page .frame-wrap h1::before, #index .addParts01 h3::before, #category .addParts01 h2::before, #page .addParts01 h2::before, #index .addParts02 h3::before, #category .addParts02 h2::before, #page .addParts02 h2::before, #index .addParts03 h3::before, #category .addParts03 h2::before, #page .addParts03 h2::before, #index .float-wrap h3::before, #category .float-wrap h2::before, #page .float-wrap h2::before, #index .box-wrap h3::before, #category .box-wrap h2::before, #page .box-wrap h2::before, #index .frame-wrap h3::before, #category .frame-wrap h2::before, #page .frame-wrap h2::before, #index .addParts01 h4::before, #category .addParts01 h3::before, #page .addParts01 h3::before, #index .addParts02 h4::before, #category .addParts02 h3::before, #page .addParts02 h3::before, #index .addParts03 h4::before, #category .addParts03 h3::before, #page .addParts03 h3::before, #index .float-wrap h4::before, #category .float-wrap h3::before, #page .float-wrap h3::before, #index .box-wrap h4::before, #category .box-wrap h3::before, #page .box-wrap h3::before, #index .frame-wrap h4::before, #category .frame-wrap h3::before, #page .frame-wrap h3::before, #index .addParts01 h5::before, #category .addParts01 h4::before, #page .addParts01 h4::before, #index .addParts02 h5::before, #category .addParts02 h4::before, #page .addParts02 h4::before, #index .addParts03 h5::before, #category .addParts03 h4::before, #page .addParts03 h4::before, #index .float-wrap h5::before, #category .float-wrap h4::before, #page .float-wrap h4::before, #index .box-wrap h5::before, #category .box-wrap h4::before, #page .box-wrap h4::before, #index .frame-wrap h5::before, #category .frame-wrap h4::before, #page .frame-wrap h4::before, #index .addParts01 h6::before, #category .addParts01 h5::before, #page .addParts01 h5::before, #index .addParts02 h6::before, #category .addParts02 h5::before, #page .addParts02 h5::before, #index .addParts03 h6::before, #category .addParts03 h5::before, #page .addParts03 h5::before, #index .float-wrap h6::before, #category .float-wrap h5::before, #page .float-wrap h5::before, #index .box-wrap h6::before, #category .box-wrap h5::before, #page .box-wrap h5::before, #index .frame-wrap h6::before, #category .frame-wrap h5::before, #page .frame-wrap h5::before {
    content: none;
    display: inline;
    width: auto;
    height: auto;
    min-width: initial;
    min-width: auto;
    min-height: initial;
    min-height: auto;
    font-size: 1.6rem;
    line-height: 1.4;
    letter-spacing: 0.1em;
    color: #333;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
    text-shadow: none;
    text-decoration: none;
    padding: 0;
    margin: 0;
    position: static;
}

#index .addParts01 h2::after, #category .addParts01 h1::after, #page .addParts01 h1::after, #index .addParts02 h2::after, #category .addParts02 h1::after, #page .addParts02 h1::after, #index .addParts03 h2::after, #category .addParts03 h1::after, #page .addParts03 h1::after, #index .float-wrap h2::after, #category .float-wrap h1::after, #page .float-wrap h1::after, #index .box-wrap h2::after, #category .box-wrap h1::after, #page .box-wrap h1::after, #index .frame-wrap h2::after, #category .frame-wrap h1::after, #page .frame-wrap h1::after, #index .addParts01 h3::after, #category .addParts01 h2::after, #page .addParts01 h2::after, #index .addParts02 h3::after, #category .addParts02 h2::after, #page .addParts02 h2::after, #index .addParts03 h3::after, #category .addParts03 h2::after, #page .addParts03 h2::after, #index .float-wrap h3::after, #category .float-wrap h2::after, #page .float-wrap h2::after, #index .box-wrap h3::after, #category .box-wrap h2::after, #page .box-wrap h2::after, #index .frame-wrap h3::after, #category .frame-wrap h2::after, #page .frame-wrap h2::after, #index .addParts01 h4::after, #category .addParts01 h3::after, #page .addParts01 h3::after, #index .addParts02 h4::after, #category .addParts02 h3::after, #page .addParts02 h3::after, #index .addParts03 h4::after, #category .addParts03 h3::after, #page .addParts03 h3::after, #index .float-wrap h4::after, #category .float-wrap h3::after, #page .float-wrap h3::after, #index .box-wrap h4::after, #category .box-wrap h3::after, #page .box-wrap h3::after, #index .frame-wrap h4::after, #category .frame-wrap h3::after, #page .frame-wrap h3::after, #index .addParts01 h5::after, #category .addParts01 h4::after, #page .addParts01 h4::after, #index .addParts02 h5::after, #category .addParts02 h4::after, #page .addParts02 h4::after, #index .addParts03 h5::after, #category .addParts03 h4::after, #page .addParts03 h4::after, #index .float-wrap h5::after, #category .float-wrap h4::after, #page .float-wrap h4::after, #index .box-wrap h5::after, #category .box-wrap h4::after, #page .box-wrap h4::after, #index .frame-wrap h5::after, #category .frame-wrap h4::after, #page .frame-wrap h4::after, #index .addParts01 h6::after, #category .addParts01 h5::after, #page .addParts01 h5::after, #index .addParts02 h6::after, #category .addParts02 h5::after, #page .addParts02 h5::after, #index .addParts03 h6::after, #category .addParts03 h5::after, #page .addParts03 h5::after, #index .float-wrap h6::after, #category .float-wrap h5::after, #page .float-wrap h5::after, #index .box-wrap h6::after, #category .box-wrap h5::after, #page .box-wrap h5::after, #index .frame-wrap h6::after, #category .frame-wrap h5::after, #page .frame-wrap h5::after {
    content: none;
    display: inline;
    width: auto;
    height: auto;
    min-width: initial;
    min-width: auto;
    min-height: initial;
    min-height: auto;
    font-size: 1.6rem;
    line-height: 1.4;
    letter-spacing: 0.1em;
    color: #333;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
    text-shadow: none;
    text-decoration: none;
    padding: 0;
    margin: 0;
    position: static;
}

/*--------------------------------------
オリジナル
---------------------------------------*/
/***** addParts01 *****/
#contents .addParts01 {
    box-sizing: border-box;
    width: 100%;
    min-width: 1000px;
    margin: 8.0rem 0 10.0rem;
    position: relative;
}

#contents .addParts01 .addInner {
    max-width: 900px;
    margin: 0 auto;
}

#contents .addParts01 p {
    margin: 0;
}

#contents .addParts01 .aadPartsTit {
    text-align: center;
}

#contents .addParts01 .aadPartsTit .eng {
    display: block;
    font-size: 1.4rem;
    line-height: 1.2;
    color: #a98f7b;
    margin: 0 0 1.0rem;
}

/*sttl*/
#index .addParts01 .sttl, #category .addParts01 .sttl, #page .addParts01 .sttl {
    display: block;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    color: #635246;
    padding: 0;
    margin: 0 0 5.0rem;
}

#index .addParts01 .sttl a, #category .addParts01 .sttl a, #page .addParts01 .sttl a {
    color: #635246;
    /*border-bottom: 1px solid #635246;*/
    transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
}

#index .addParts01 .sttl a:hover, #category .addParts01 .sttl a:hover, #page .addParts01 .sttl a:hover {
    color: #a98f7b;
}

/*addPartsTxt*/
#contents .addParts01 .addPartsTxt {
    margin: 0 0 6.0rem;
}

/*blockWrap*/
#contents .addParts01 .blockWrap {
    width: 900px;
    margin: 0 auto;
}

#contents .addParts01 .blockWrap .block {
    width: calc(100% / 3 - 40px);
    float: left;
    margin: 0 0 0 6.0rem;
}

#contents .addParts01 .blockWrap .block:first-child {
    margin: 0 0 0 0;
}

#contents .addParts01 .blockWrap .block .pic {
    width: 100%;
    margin: 0 auto 2.5rem;
}

#contents .addParts01 .blockWrap .block .catch {
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    margin: 0 0 1.5rem;
}

/*btn*/
#contents #index .addParts01 .btn-internal a {
    width: calc(100% - 8px);
    padding: 1.0rem 3.0rem 1.0rem 3.0rem;
    margin: 3.0rem auto 0;
}

/***** addParts02 *****/
#contents .addParts02 {
    width: 100%;
    margin: 8.0rem auto;
    background: url("img/bg_box.png") left top repeat;
    background-size: 17.25rem auto;
    padding: 7.0rem 0;
    position: relative;
}

#contents .addParts02 .addInner {
    max-width: 920px;
    margin: 0 auto;
    position: relative;
}

#contents .addParts02 p {
    margin: 0;
}

#contents .addParts02 .aadPartsTit {
    text-align: center;
}

#contents .addParts02 .aadPartsTit .eng {
    display: block;
    font-size: 1.4rem;
    line-height: 1.2;
    color: #a98f7b;
    margin: 0 0 1.0rem;
}

/*sttl*/
#index .addParts02 .sttl, #category .addParts02 .sttl, #page .addParts02 .sttl {
    display: block;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    color: #635246;
    padding: 0;
    margin: 0 0 5.0rem;
}

#index .addParts02 .sttl a, #category .addParts02 .sttl a, #page .addParts02 .sttl a {
    color: #635246;
    /*border-bottom: 1px solid #635246;*/
    transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
}

#index .addParts02 .sttl a:hover, #category .addParts02 .sttl a:hover, #page .addParts02 .sttl a:hover {
    color: #a98f7b;
}

/*blockWrap*/
#contents .addParts02 .blockWrap {
    width: 100%;
    margin: 0 auto;
}

#contents .addParts02 .blockWrap .catch {
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.4;
    color: #635246;
    background: url("img/parts02_ico_fork.png") 10px center no-repeat, url("img/line_dot.png") left bottom repeat-x;
    background-size: 30px auto,auto 1px;
    padding: 1.5rem 1.0rem 1.5rem 5.0rem;
    margin: 0 0 1.5rem;
}

#contents .addParts02 .blockWrap .txt {
    padding: 0 1.0rem;
}

/*2column*/
#contents .addParts02 .block-2column .block {
    width: calc(100% / 2 - 2.2%);
    float: left;
    margin: 0 0 0 0;
}

#contents .addParts02 .block-2column .block:nth-child(even) {
    margin: 0 0 0 4.4%;
}

#contents .addParts02 .block-2column .block:nth-child(n+3) {
    margin-top: 3.0rem;
}

/*3column*/
#contents .addParts02 .block-3column {
    margin: 3.0rem auto 0;
}

#contents .addParts02 .block-3column .block {
    width: calc(100% / 3 - 3%);
    float: left;
    margin: 0 0 0 3%;
}

#contents .addParts02 .block-3column .block:nth-child(3n+1) {
    margin: 0 0 0 0;
}

#contents .addParts02 .block-3column .block:nth-child(n+4) {
    margin-top: 0.9rem;
}

/***** addParts03 *****/
#contents .addParts03 {
    box-sizing: border-box;
    width: 100%;
    min-width: 1000px;
    margin: 8.0rem 0 10.0rem;
    position: relative;
}

#contents .addParts03 .addInner {
    max-width: 920px;
    margin: 0 auto;
}

#contents .addParts03 p {
    margin: 0;
}

#contents .addParts03 .aadPartsTit {
    text-align: center;
}

#contents .addParts03 .aadPartsTit .eng {
    display: block;
    font-size: 1.4rem;
    line-height: 1.2;
    color: #a98f7b;
    margin: 0 0 1.0rem;
}

/*sttl*/
#index .addParts03 .sttl, #category .addParts03 .sttl, #page .addParts03 .sttl {
    display: block;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    color: #635246;
    padding: 0;
    margin: 0 0 5.0rem;
}

#index .addParts03 .sttl a, #category .addParts03 .sttl a, #page .addParts03 .sttl a {
    color: #635246;
    /*border-bottom: 1px solid #635246;*/
    transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
}

#index .addParts03 .sttl a:hover, #category .addParts03 .sttl a:hover, #page .addParts03 .sttl a:hover {
    color: #a98f7b;
}

/*addTopBox*/
#contents .addParts03 .addTopBox {
    margin: 0 0 6.0rem;
}

#contents .addParts03 .picArea {
    width: 350px;
    float: left;
    margin: 0;
}

#contents .addParts03 .picArea .pic img {
    width: 100%;
}

#contents .addParts03 .picArea .caption {
    text-align: center;
    margin: 1.0rem 0 0;
}

#contents .addParts03 .txtArea {
    width: 540px;
    float: right;
}

#contents .addParts03 .txtArea .catch {
    width: 100%;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.4;
    color: #635246;
    border-bottom: 1px solid #635246;
    padding: 0 1.0rem 1.5rem;
    margin: 0 0 1.5rem;
}

#contents .addParts03 .txtArea .icoArea {
    padding: 0 1.0rem;
    margin: 0 0 2.0rem;
}

#contents .addParts03 .txtArea .icoArea li {
    font-size: 1.2rem;
    line-height: 1;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    padding: 0.55rem 1.0rem 0.4rem;
    margin: 0 0 0 0.5rem;
    float: left;
}

#contents .addParts03 .txtArea .icoArea li:first-child {
    margin: 0 0 0 0;
}

#contents .addParts03 .txtArea .icoArea li::before {
    content: none;
}

#contents .addParts03 .txtArea .icoArea li.red {
    background-color: #e61e3c;
}

#contents .addParts03 .txtArea .icoArea li.orange {
    background-color: #f0783c;
}

#contents .addParts03 .txtArea .icoArea li.green {
    background-color: #60b04c;
}

#contents .addParts03 .txtArea .txt {
    padding: 0 1.0rem;
}

/*featureBox*/
#contents .addParts03 .featureBox {
    width: 100%;
    margin: 0 auto 6.0rem;
    background: url("img/bg_box.png") left top repeat;
    background-size: 17.25rem auto;
    padding: 2.0rem 3.0rem 3.5rem;
    position: relative;
}

#contents .addParts03 .featureBox .boxTit {
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.4;
    color: #635246;
    background: url("img/parts03_ico_feature.png") left center no-repeat, url("img/line_slash.png") left bottom repeat-x;
    background-size: 38px auto,auto 3px;
    padding: 2.0rem 1.0rem 2.0rem 4.8rem;
    margin: 0 0 2.5rem;
}

#contents .addParts03 .featureBox ul {
    padding: 0;
    margin: 0;
}

#contents .addParts03 .featureBox ul li {
    line-height: 1.6;
    padding: 0 0 2.0rem 2.3rem;
    position: relative;
}

#contents .addParts03 .featureBox ul li:last-child {
    padding: 0 0 0 2.3rem;
}

#contents .addParts03 .featureBox ul li::before {
    content: '';
    display: block;
    background-color: #635246;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 8px;
    left: 0;
    border-radius: 50px;
}

/*voiceBox*/
#contents .addParts03 .voiceBox .boxTit {
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.4;
    color: #635246;
    background: url("img/parts03_ico_voice.png") left center no-repeat, url("img/line_slash.png") left bottom repeat-x;
    background-size: 38px auto,auto 3px;
    padding: 2.0rem 1.0rem 2.0rem 4.8rem;
    margin: 0 0 2.5rem;
}

#contents .addParts03 .voiceBox .blockWrap {
    margin: 8.0rem 0 0;
}

#contents .addParts03 .voiceBox .blockWrap:first-of-type {
    margin: 0 0 0;
}

#contents .addParts03 .voiceBox .block {
    width: calc(100% / 3 - 3%);
    float: left;
    margin: 0 0 0 3%;
}

#contents .addParts03 .voiceBox .block:nth-child(3n+1) {
    margin: 0 0 0 0;
}

#contents .addParts03 .voiceBox .block:nth-child(n+4) {
    margin-top: 0.9rem;
}

#contents .addParts03 .voiceBox .catch {
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.4;
    color: #635246;
    background: url("img/line_dot.png") left bottom repeat-x;
    background-size: auto 1px;
    padding: 0 1.0rem 1.5rem;
    margin: 0 0 1.5rem;
}

#contents .addParts03 .voiceBox .txt {
    padding: 0 1.0rem;
}

#contents .addParts03 .voiceBox .txt p {
    margin: 0 0 2.0rem;
}

/*btn*/
#contents .addParts03 .btn-internal {
    float: right;
}

#contents .addParts03 .btn-internal a {
    width: 240px;
    border-bottom: 6px solid #007814;
    padding: 1.0rem 3.0rem 1.0rem 2.0rem;
    margin: 2.5rem auto 0;
}

/* addCont--selection */
.addCont--selection.top {
    margin: 0 auto;
}
.addCont__title--selection a {
    color: #fff;
    text-decoration: none;
    padding-right: 4rem;
    background: url(img/arrow_green2.png) no-repeat right 1px center;
    background-size: 16px auto;
}
.addCont__title--selection a:hover {
    opacity: .6;
    cursor: pointer;
}
.wi-big {
    width: 1106px;
    max-width: 100%;
    margin: 9rem auto 0;
}
#index .addCont__company {
    margin: 0 auto;
    padding: 5rem 5.1rem 6.5rem;
    border: 2px solid #eb8f02;
    background: url(img/bg_selection_type1.png) repeat;
    background-size: 8px auto;
    position: relative;
}
#index .addCont__company + .addCont__company {
    margin-top: 12.5rem;
}
.addCont__company__type {
    position: absolute;
    min-width: 184px;
    min-height: 45px;
    line-height: 45px;
    background: #eb8f02;
    text-align: center;
    color: #fff;
    font-size: 1.7rem;
    font-weight: bold;
    top: -22px;
    padding: 0 1rem;
    left: -2px;
}
.addCont__company__type::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-left: 15px solid #cf7e00;
    position: absolute;
    right: -15px;
    top: 0;
}
#index .addCont__company .sTitArea:before {
    background: url(img/icon_company.png) 0 0 no-repeat;
    background-size: contain;
}
#index .addCont__company .sTitArea .catch {
    color: #f67a00;
}
.addCont__company__title a {
    text-decoration: none;
    padding-right: 3.5rem;
    background: url(img/arrow_black2.png) no-repeat right 1px center;
    background-size: 16px auto;
    display: inline-block;
    color: #444;
}
.addCont__company__title a:hover {
    opacity: .6;
    cursor: pointer;
}
.slideArea--selection {
    margin: 0 auto 3.5rem;
    padding: 0 5rem;
}
.slideArea--selection .slider {
    display: flex;
    align-items: center;
}
.slideArea--selection .slider .slider-for {
    float: none;
    margin: 0 auto 0 0;
}
.slick-slider.slider-for .slick-list .slick-track {
    display: flex;
    align-items: center;
}

.slideArea--selection .slick-initialized.slider-for .slick-slide {
    text-align: center;
    margin: 0 auto;
}
.slideArea--selection .slick-slide p {
    line-height: 1.6;
    font-size: 1.2rem;
    color: #9c9c9c;
}
.slideArea--selection .slider .slider-nav-wrap {
    position: static;
    transform: none;
    margin: 0 0 2.5rem;
    display: flex;
    align-items: center;
    height: auto;
}
.slideArea--selection .slider .slider-nav-wrap .slider-nav {
    max-width: 100%;
}
@media all and (-ms-high-contrast:none) {
  /* IE対策 */
    .slideArea--selection .slider .slider-nav-wrap .slider-nav {
        max-width: 100px;
    }
}
.slideArea--selection .slider .slider-nav-wrap .slick-prev, .slideArea--selection .slider .slider-nav-wrap .slick-next {
    transform: none;
    width: 17px;
    height: 11px;
    background-size: contain;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.slideArea--selection .slider .slider-nav-wrap .slick-prev {
    top: -2.3rem;
    bottom: auto;
}
.slideArea--selection .slider .slider-nav-wrap .slick-next {
    top: auto;
    bottom: -2.3rem;
}
.slideArea--selection .slider .slider-nav-wrap .slick-prev:hover, .slideArea--selection .slider .slider-nav-wrap .slick-next:hover {
    cursor: pointer;
    opacity: .6;
}
.slideArea--selection .slider .slider-nav-wrap .slick-nav-arrows .slick-prev, .slideArea--selection .slider .slider-nav-wrap .slick-nav-arrows .slick-next {
    display: none;
}
.addCont__company .btn-web a {
    max-width: 560px;
    font-size: 2.4rem;
    background-size: 19px auto;
    background-position: right 2.5rem center;
    padding: 1.8rem 6rem 1.8rem 4rem;
    margin: 3.5rem auto 0;
}
#index .addCont02 .addCont__company__viral,
.addCont__company__feature,
.addCont__company__data {
    margin: 5rem auto 0;
}
.addCont__company__viral__box-wrap {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.addCont__company__viral__box {
    width: calc((100% - 6.7rem)/3);
    background: #ffedd1;
    padding: 2rem 2.5rem 3rem;
    margin-right: 3.3rem;
}
.addCont__company__viral__box:nth-of-type(3n) {
    margin-right: 0;
}
.addCont__company__viral__accordion {
    display: flex;
    flex-wrap: wrap;
    margin: 2.8rem auto 0;
}
.addCont__company__viral__box__head {
    display: flex;
    align-items: center;
    padding: 0 0 1.3rem;
    margin: 0 auto 1.7rem;
    border-bottom: 2px solid #faaf3b;
}
.addCont__company__viral__box__img {
    width: 50px;
    height: auto;
    max-width: 100%;
    display: block;
    margin-right: 1rem;
    flex-shrink: 0;
}
.addCont__company .addCont__company__viral__box__catch {
    margin: 0;
    font-size: 2rem;
    font-weight: bold;
    color: #444;
    line-height: 1.3;
}
.addCont__company .addCont__company__viral__box__text {
    color: #444;
}
.addCont__company .addCont__company__viral__box__caption {
    font-size: 1.2rem;
    overflow: auto;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
/* for chrome, safari */
.addCont__company .addCont__company__viral__box__caption::-webkit-scrollbar {
    display:none;
}
.addCont__company__feature__box-wrap {
    background: #fff;
    padding: 3.5rem;
    box-shadow: 7px 7px 0 rgba(250, 175, 59, .5);
}
.addCont__company__feature__box {
    display: flex;
}
.addCont__company__feature__box + .addCont__company__feature__box {
    margin-top: 4.5rem;
}
.addCont__company__feature__box__catch {
    width: 293px;
    flex-shrink: 0;
    margin-right: 3rem;
    padding: 0 3rem 0 4rem;
    border-right: 2px solid #cdcdcd;
    font-size: 2rem;
    font-weight: bold;
    color: #f67a00;
    background: url(./img/listicon.png) left top 5px no-repeat;
    background-size: 25px auto;
}
.addCont__company__feature__text-box p {
    color: #444;
}
.addCont__company__feature__text-box p:last-of-type {
    margin-bottom: 0;
}
.addCont__company__feature__text-box p span {
    font-weight: bold;
    background: linear-gradient(transparent 70%, #bddf21 70%);
}
.addCont__company__feature + .btn-web a {
    margin: 5rem auto 0;
}
.addCont__company__data__table {
    margin: 2.5rem auto 0;
    background: #fff;
}
.addCont__company__data__table th,
.addCont__company__data__table td {
    border: 1px solid #cdcdcd;
    padding: 1.3rem 2.5rem;
}
.addCont__company__data__table th {
    width: 25%;
}
.addCont__company__data__table td {
    font-size: 1.4rem;
    color: #444;
}
/* type2 */
#index .addCont__company.type2 {
    border-color: #ee74b3;
    background: url(img/bg_selection_type2.png) repeat;
    background-size: 8px auto;
}
.type2 .addCont__company__type {
    background: #ee74b3;
}
.type2 .addCont__company__type::after {
    border-left-color: #d95c9d;
}
#index .type2 .sTitArea .catch {
    color: #dd569c;
}
#index .type2 .subBox02 .sTit:before,
#index .type2 .subBox03 .sTit:before,
#index .type2 .subBox04 .sTit:before {
    background: #ee74b3;
}
.type2 .addCont__company__viral__box {
    background: #ffe6f3;
}
.type2 .addCont__company__viral__box__head {
    border-bottom-color: #ee74b3;
}
.type2 .addCont__company__feature__box-wrap {
    box-shadow: 7px 7px 0 rgba(238, 116, 179, .5);
}
.type2 .addCont__company__feature__box__catch {
    color: #dd569c;
    letter-spacing: -0.5px;
    padding: 0 1.5rem 0 4rem;
}
/* type3 */
#index .addCont__company.type3 {
    border-color: #058c82;
    background: url(img/bg_selection_type3.png) repeat;
    background-size: 8px auto;
}
.type3 .addCont__company__type {
    background: #00a89c;
}
.type3 .addCont__company__type::after {
    border-left-color: #058c82;
}
#index .type3 .sTitArea .catch {
    color: #058c82;
}
#index .type3 .subBox02 .sTit:before,
#index .type3 .subBox03 .sTit:before,
#index .type3 .subBox04 .sTit:before {
    background: #00a89c;
}
.type3 .addCont__company__viral__box {
    background: #d7f1ef;
}
.type3 .addCont__company__viral__box__head {
    border-bottom-color: #00a89c;
}
.type3 .addCont__company__feature__box-wrap {
    box-shadow: 7px 7px 0 rgba(0, 168, 156, .5);
}
.type3 .addCont__company__feature__box__catch {
    color: #058c82;
}

/* addCont--point */
.addCont--point {
    margin: 9rem auto 0;
    background: url(img/bg_point.png) repeat;
    background-size: 129px auto;
    padding: 4.5rem 0 8rem;
}
.addCont--point::before,
.addCont--point::after {
    content: none;
}
.addCont__title-wrap {
    text-align: center;
    margin: 0 auto 3.5rem;
}
.addCont__title a {
    text-decoration: none;
    padding-right: 4.5rem;
    background: url(img/arrow_black2.png) no-repeat right 1px center;
    background-size: 19px auto;
    display: inline-block;
}
.addCont__title a:hover {
    opacity: .6;
    cursor: pointer;
}
#index .addCont__title--point {
    padding: 6.5rem 0 0;
    margin: 0 auto;
    background: url(img/ico_h2_point.png) no-repeat top center;
    background-size: 54px auto;
    color: #444;
}
.addCont__title--point a {
    display: inline;
}
.addCont__title--point .addCont__title__small {
    font-size: 2.6rem;
    display: block;
    line-height: 1;
}
#contents .frame-wrap--point {
    margin: 4.5rem auto 0;
    justify-content: space-between;
}

/* addCont--example */
.addCont--example {
    margin: 0 auto;
    padding: 7rem 0 8.5rem;
    background: url(img/bg_example.png) repeat;
    background-size: 8px auto;
}
#index .addCont__title--example,
#index .addCont__title--example a {
    color: #249424;
}
.addCont--example .addCont__title-wrap {
    margin-bottom: 2.5rem;
}
.box-wrap--example {
    margin: 7rem auto 0;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* addCont--design */
.addCont--design {
    padding: 7rem 0 6.5rem;
    overflow: hidden;
}
.addCont--design .addCont__title-wrap {
    position: relative;
    padding: 0 10rem;
}
.addCont--design .addCont__title-wrap::before,
.addCont--design .addCont__title-wrap::after {
    content: '';
    position: absolute;
}
.addCont--design .addCont__title-wrap::before {
    width: 343px;
    height: 209px;
    background: url(img/deco_design01.png) no-repeat;
    background-size: contain;
    left: -253px;
    top: -77px;
}
.addCont--design .addCont__title-wrap::after {
    width: 220px;
    height: 187px;
    background: url(img/deco_design02.png) no-repeat;
    background-size: contain;
    right: -138px;
    top: -4px;
}
.addCont__title--design,
.addCont--design a {
    color: #249424;
}
#contents .frame-wrap--design {
    margin: 3.5rem auto 0;
}

/* addCont--trap */
.addCont--trap {
    background: url(img/bg_trap.png) repeat;
    background-size: 24px auto;
    padding: 4.5rem 0 6.5rem;
}
#index .addCont__title--trap {
    padding: 7rem 0 0;
    background: url(img/ico_h2_trap.png) no-repeat top center;
    background-size: 58px auto;
    display: inline-block;
}
.addCont__title--trap,
.addCont__title--trap a {
    color: #fff;
}
.addCont__title--trap a {
    display: inline;
    background-size: 16px auto;
    padding-right: 3.5rem;
}
.addCont__title--trap .addCont__title__small {
    font-size: 2.6rem;
    display: block;
}
.addCont__title--trap a .addCont__title__small:hover {
    opacity: .6;
}
.addCont--trap .addCont__text {
    color: #fff;
}
.box-wrap--trap {
    margin: 5rem auto 0;
}
.box-head--trap {
    padding: 0 0 1.8rem;
    border-bottom: 2px solid #bddf21;
    margin: 0 auto 2.5rem;
}

/* addCont--guide */
.addCont--guide {
    padding: 9rem 0 7.5rem;
}
#index .float-wrap--guide {
    display: flex;
    margin: 0 auto;
}
#index .float-wrap .float-img--guide {
    flex-shrink: 0;
    padding: 0;
    width: 394px;
    margin: -6.5rem 5rem 0 -6.3rem;
    float: none;
}
#index .addCont--guide .addCont__title--guide {
    font-size: 3.4rem;
    color: #323c46;
    padding: 0 0 0 5.5rem;
    margin: 0 auto 2.5rem;
    position: relative;
}
#index .addCont--guide .addCont__title--guide a {
    color: #323c46;
    padding-right: 3rem;
    display: inline;
    background: url(img/arrow_black2.png) no-repeat right 1px center;
    background-size: 16px auto;
}
.addCont__title--guide .addCont__title__small {
    font-size: 3.2rem;
}
#index .addCont--guide .addCont__title--guide::before {
    content: '';
    width: 40px;
    height: 4px;
    background: #bddf21;
    position: absolute;
    left: 0;
    top: 20px;
}
.addCont--guide .addCont__text--guide {
    color: #444;
}
.addCont--guide .btn-internal a {
    max-width: 437px;
    margin: 5.5rem auto 0;
    padding: 1.1rem 4rem 1.1rem 2rem;
}

/* addCont--list */
.addCont--list {
    padding: 6.5rem 0 11rem;
    background: #efefea;
}
#index .addCont__title--list {
    display: inline-block;
    color: #444;
}
.addCont__title--list a {
    display: inline;
    background-size: 16px auto;
    padding-right: 3.5rem;
}
.addCont__title--list .addCont__title__small {
    font-size: 2.6rem;
    display: block;
    color: #249424;
    line-height: 1.2;
}
.addCont__title--list .addCont__title__small:hover {
    opacity: .6;
}
#contents .frame-wrap--list {
    margin: 6.5rem auto 0;
}
.frame-body--list {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 1.5rem;
    margin: 0 auto 1.8rem;
}
.frame-body__info {
    display: flex;
}
.frame-body__info dt {
    flex-shrink: 0;
    margin: 0 2rem 0 .5rem;
    font-size: 1.4rem;
    color: #249424;
    font-weight: bold;
    text-align: left;
}
.frame-body__info dd {
    text-align: left;
    font-size: 1.4rem;
    color: #444;
    line-height: 1.85;
}

/* addCont--pr */
.addCont--pr {
    margin: 10rem auto 0;
}
.addCont__box--pr {
    background: #f7f7f4;
    display: flex;
    padding: 2.8rem 5rem;
}
.addCont__box__head--pr {
    display: flex;
    flex-shrink: 0;
    width: 300px;
    align-items: center;
    border-right: 2px solid #cdcdcd;
    padding-right: 3.5rem;
    margin-right: 3.5rem;
}
p.addCont__box__catch--pr {
    margin: 0 2rem 0 0;
    background: #64c864;
    border-radius: 12px;
    min-width: 63px;
    text-align: center;
    color: #fff;
    line-height: 23px;
    font-size: 1.4rem;
    font-weight: bold;
}
p.addCont__title--pr {
    margin: 0;
    font-size: 1.8rem;
    font-weight: bold;
    color: #323c46;
    width: 100%;
}
.addCont__title__link--pr {
    text-decoration: none;
    background: url(img/arrow_gray.png) no-repeat center right 1px;
    background-size: 16px auto;
    display: block;
    padding-right: 3rem;
}
.addCont__title__link--pr:hover {
    opacity: .6;
    cursor: pointer;
}
.addCont__box__body--pr {
    width: 100%;
}
p.addCont__box__text--pr {
    color: #444;
    margin: 0;
}
.addCont__box__body--pr p + p {
    margin-top: 1.5rem;
}
p.addCont__box__text--pr span {
    background: none;
    color: #444;
    font-weight: bold;
}


/*----------------------------------------------------
    SP_css
----------------------------------------------------*/
@media screen and (max-width: 480px) {
    /* FV
  ----------------------------- */
    .keyArea {
        background-size: 96% auto, 12px auto;
        background-position: top -2% right 0rem;
        min-height: inherit;
        padding: 42% 3% 1.5rem;
        margin: 0 auto;
    }

    .keyArea .inner {
        margin: 0 auto;
        background: rgba(255,255,255,0.8);
        box-sizing: border-box;
        width: 100%;
        padding: 1.8rem 5%;
    }

    .keyArea .inner .mainTit {
        text-align: center;
        font-size: 2rem;
        width: 100%;
        margin: 0 auto 1.5rem;
        padding: 0 0 1.5rem;
        border-bottom: solid 2px #444;
        box-sizing: border-box;
    }

    .keyArea .inner .mainTit::before {
        content: none;
    }

    .keyArea .inner p {
        width: 100%;
        text-shadow: none;
    }

    #contents .addParts01, #contents .addParts02, #contents .addParts03 {
        min-width: inherit;
    }

    #contents .addParts01 .blockWrap {
        width: inherit;
    }

    #contents .addParts01 .blockWrap .block, #contents .addParts02 .blockWrap .block, #contents .addParts03 .blockWrap .block {
        width: 100%;
        float: inherit;
        margin: 0;
    }

    #contents .addParts02 .block-2column .block:nth-child(even) {
        margin: 0;
    }

    #contents .addParts03 .txtArea {
        width: inherit;
    }

    /*--------------------------------------
  　PageTop
  ---------------------------------------*/
    #page-top {
        position: fixed;
        bottom: 6%;
        right: 3%;
        z-index: 2;
        width: 40px;
    }

    #page-top:hover {
        opacity: 1;
    }

    /* ================== */
    /*メインコンテンツ　*/
    /* ================== */
    #contents {
        margin: 0 auto 6rem;
    }
    #index .titLArea, #category .titLArea, #page .titLArea {
        text-align: center;
        margin: 35px auto 20px;
        position: relative;
    }

    #category .titLArea, #page .titLArea {
        margin: 15px auto 20px;
    }

    #index h2, #category h1, #page h1 {
        font-size: 2.4rem;
    }

    #index h2::after, #category h1::after, #page h1::after {
        width: 8rem;
    }

    #index .addCont03 .titL {
        font-size: 1.8rem;
        display: block;
        margin: 1rem 0;
        line-height: 1.4;
        padding: 0 3rem;
    }

    #index .addCont03 .titL::before {
        left: 0;
    }

    #index .addCont03 .titL::after {
        right: -2rem;
    }

    #index h3, #category h2, #page h2 {
        position: relative;
        margin: 35px 0 20px;
        padding: 15px 20px 15px 50px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.4;
        color: #444;
        border: 2px solid #444;
        outline: solid 1px #444;
        outline-offset: -5px;
        background: url(img/tit_small_leaf02.png) no-repeat left 15px center / 22px;
    }

    .sitemap h2 a {
        color: #444;
    }

    #index h4, #category h3, #page h3 {
        position: relative;
        background: #e6fcf8;
        border-left: solid 5px #83cdc0;
        margin: 35px 0 20px;
        padding: 10px 15px 8px 15px;
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 1.4;
    }

    #index h5, #category h6, #category h4, #category h5, #category h6, #page h4, #page h5, #page h6 {
        position: relative;
        margin: 35px 0 20px;
        padding: 15px 0 13px 0;
        border-bottom: solid 3px #e4e4e4;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.4;
    }

    #index h5:before, #category h6:before, #category h4:before, #category h5:before, #category h6:before, #page h4:before, #page h5:before, #page h6:before {
        content: "";
        width: 60px;
        height: 3px;
        background: #83cdc0;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
    }

    .sitemap h2 a {
        color: #444;
    }

    /*addCont01*/
    #index .addCont01 {
        background: url("img/bg_str_gr.gif");
        padding: 30px 0 40px;
    }

    .wi1000 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }

    #index .addCont01 .headArea {
        margin: 0 0 30px;
    }

    #index .addCont01 .titLArea {
        max-width: 100%;
        text-align: center;
        position: relative;
        padding: 0;
        box-sizing: border-box;
        margin: 0;
    }

    .enTit:before {
        content: "";
        background: url(img/tit_en_l.png) no-repeat;
        background-size: 100%;
        width: 50px;
        height: 8px;
        display: inline-block;
        margin: 0 20px 0 0;
    }

    .enTit:after {
        content: "";
        background: url(img/tit_en_r.png) no-repeat;
        background-size: 100%;
        width: 50px;
        height: 8px;
        display: inline-block;
        margin: 0 0 0 20px;
    }

    #index .addCont01 .titL {
        margin: 0 auto 3rem;
        position: relative;
        padding: 2rem;
        font-size: 2rem;
        line-height: 1.3;
        background-size: 1.5rem auto;
        display: block;
    }

    #index .addCont01 .titL::after {
        bottom: 0;
    }

    #index .addCont01 .thBoxArea {
        margin: 0 0 30px 0;
        display: block;
    }

    #index .addCont01 .thBoxArea .sBox {
        padding: 10px 20px 20px;
        border: 1px solid #444;
        margin: 0 0 80px 0;
        background: #FFF;
        position: relative;
        box-sizing: border-box;
        float: none;
        width: 100%;
    }

    #index .addCont01 .thBoxArea .sBox:before {
        content: "";
        background: url("img/or_addCont01_sBox_up.png") 0 0 no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: -1.7%;
        left: 0;
        width: 100%;
        height: 1.9%;
    }

    #index .addCont01 .thBoxArea .sBox:after {
        content: "";
        background: url("img/or_addCont01_sBox_bot.png") 50% 100% no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: -1.7%;
        left: 0;
        width: 100%;
        height: 1.7%;
    }

    #index .addCont01 .thBoxArea .sBox .sTit {
        font-size: 1.5rem;
        border: none;
        outline: none;
        padding: 10px 0 10px 35px;
        margin: 0 0 10px;
        line-height: 1.3;
        display: block;
        text-align: left;
        background: url(img/tit_small_leaf.png) no-repeat left center / 20px;
    }

    #index .addCont01 .thBoxArea .sBox .sTit:before, #index .addCont01 .thBoxArea .sBox .sTit:after {
        content: none;
    }

    #index .addCont01 .thBoxArea .sBox .caption {
        text-align: center;
        margin: 15px 0 0;
    }

    #index .addCont01 .thBoxArea .sBox .comName {
        font-size: 16px;
        font-size: 1.6rem;
        text-align: center;
        background: none;
        outline: none;
        border: none;
        border-bottom: dashed 1px #444;
        border-left: none;
        padding: 10px;
        margin: 15px 0 20px;
        line-height: 1.3;
        display: block;
    }

    #index .addCont01 .thBoxArea .sBox .comName:before, #index .addCont01 .thBoxArea .sBox .comName:after {
        content: none;
    }

    #index .addCont01 .thBoxArea .sBox .icon {
        padding: 0;
        margin: 0 0 10px;
    }

    #index .addCont01 .thBoxArea .sBox .icon li {
        background: #83cdc0;
        border-radius: 5px;
        text-align: center;
        font-size: 1.1rem;
        color: #fff;
        width: calc(100% / 2 - 5px);
        float: left;
        padding: 8px 10px 6px;
        box-sizing: border-box;
        margin: 0 10px 10px 0;
    }

    #index .addCont01 .thBoxArea .sBox .icon li:nth-child(2n) {
        margin: 0 0 10px 0;
    }

    #index .addCont01 .thBoxArea .sBox .icon li span {
        display: table-cell;
        vertical-align: middle;
        line-height: 1.3;
    }

    #index .addCont01 .thBoxArea .sBox .grayArea {
        background: #f6f5f3;
        margin: 0 0 20px;
    }

    #index .addCont01 .thBoxArea .sBox .grayArea .ssTit {
        background: #eae0cc;
        border: none;
        font-size: 15px;
        font-size: 1.5rem;
        padding: 11px 20px 9px 20px;
        margin: 0;
        line-height: 1.4;
        outline: none;
        display: block;
        text-align: left;
    }

    #index .addCont01 .thBoxArea .sBox .grayArea .ssTit:before, #index .addCont01 .thBoxArea .sBox .grayArea .ssTit:after {
        content: none;
    }

    #index .addCont01 .thBoxArea .sBox .grayArea ul {
        margin: 0 0 0 1em;
        padding: 15px;
    }

    #index .addCont01 .thBoxArea .sBox .grayArea ul li {
        font-size: 13px;
        font-size: 1.3rem;
        background: none;
        padding: 0;
        text-indent: -1em;
    }

    #index .addCont01 .thBoxArea .sBox .grayArea ul li:before {
        content: "・";
    }

    #index .addCont01 .thBoxArea .sBox .btn-internal, #index .addCont01 .thBoxArea .sBox .btn-web {
        width: 90%;
        margin: 20px auto 10px;
    }

    #index .addCont01 .thBoxArea .sBox .btn-internal {
        margin: 10px auto 0;
    }

    #index .addCont01 .dashed {
        background: #FFF;
        padding: 20px;
        box-sizing: border-box;
        margin: 0 auto;
        width: 100%;
    }

    #index .addCont01 .dashed p {
        margin: 0;
    }

    /*addCont02*/
    #index .addCont02 {
        padding: 30px 0;
    }

    #index .addCont02 .titArea .titLArea {
        margin: 0;
    }

    #index .addCont02 .titL {
        background: linear-gradient(transparent 60%, #e0faf5 60%);
        text-align: center;
        position: relative;
        color: #444;
        margin: 0;
        box-sizing: border-box;
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.3;
        display: inline;
        border: none;
        outline: none;
        padding: 0;
    }

    #index .addCont02 .titL:before, #index .addCont02 .titL:after {
        content: none;
    }

    #index .addCont02 .dashed {
        margin: 0 auto 30px;
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
    }

    #index .addCont02 .bgbd {
        background: url(img/bg_addCont02_top.png) top -10px right no-repeat, url(img/bg_addCont02_bottom.png) bottom -20px left no-repeat, url("img/bg_bd_gray.gif");
        background-size: 130px auto, 130px auto, auto;
        padding: 20px 10px 30px 10px;
    }

    #index .addCont02 .sTitArea .titM {
        font-size: 2.2rem;
        line-height: 1.4;
    }

    #index .addCont02 .sTitArea .titM:before, #index .addCont02 .sTitArea .titM:after {
        display: none;
    }

    #index .addCont02 .sTitArea .titM:before {
        content: "";
        position: absolute;
    }

    #index .addCont02 {
        counter-reset: number;
    }

    #index .addCont02 .sTitArea {
        padding: 0 0 0 5.8rem;
        margin: 0 auto 1.5rem;
    }

    #index .addCont02 .sTitArea:before {
        width: 45px;
        height: 58px;
    }

    #index .addCont02 .sTitArea:after {
        content: none;
    }

    #index .addCont02 .sTitArea .catch {
        font-size: 1.4rem;
        line-height: 1.4;
        margin: 0 0 5px 0;
    }

    #index .addCont02 .subBoxWrap {
        background: url(img/bg_subbox.gif) no-repeat top left, url(img/bg_subbox.gif) no-repeat bottom right;
        position: relative;
        padding: 8px;
        margin: 0 auto 50px;
        background-size: 70px auto, 70px auto;
    }

    #index .addCont02 .subBox01 {
        background: #fffde4;
        padding: 20px;
    }

    #index .addCont02 .subBox01 .catch {
        font-size: 16px;
        font-size: 1.6rem;
        background: none;
        border: none;
        outline: none;
        text-align: center;
        padding: 0 0 15px;
        margin: 0 0 20px;
        line-height: 1.3;
        position: relative;
        display: block;
    }

    #index .addCont02 .subBox01 .catch:before {
        content: "";
        width: 60px;
        height: 3px;
        display: inline-block;
        background: #83cdc0;
        position: absolute;
        left: 50%;
        bottom: 0;
        top: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    #index .addCont02 .subBox01 .catch:after {
        content: none;
    }

    #index .addCont02 .subBox01 p {
        margin: 0;
    }

    #index .addCont02 .subBox02 {
        margin: 0 auto 40px;
        padding: 0;
    }

    #index .addCont02 .subBox02 .sTit,
    #index .addCont02 .subBox03 .sTit,
    #index .addCont02 .subBox04 .sTit {
        font-size: 2rem;
        margin: 0 auto 2rem;
        padding: 0 0 0 3.5rem;
    }
    #index .addCont02 .subBox02 .sTit:after,
    #index .addCont02 .subBox03 .sTit:after {
        display: none;
    }

    #index .addCont02 .subBox02 .dashed {
        margin: 0;
        background: #fff;
        width: auto;
        padding: 15px;
        box-sizing: border-box;
    }

    #index .addCont02 .subBox02 .dashed ul {
        margin: 0;
        padding: 0;
    }

    #index .addCont02 .subBox02 .dashed ul li {
        background: url(img/listdot.png) no-repeat 0 4px;
        padding: 0 0 4px 25px;
        box-sizing: border-box;
        line-height: 1.6;
        float: none;
        width: 100%;
    }

    #index .addCont02 .subBox03 {
        padding: 0;
    }

    #index .addCont02 .subBox03 .cf {
        box-sizing: border-box;
        margin: 0 0 40px;
        padding: 0;
    }

    #index .addCont02 .subBox03 .map {
        margin: 0 0 20px;
        width: 100%;
        float: none;
    }

    #index .addCont02 .subBox03 .map iframe {
        width: 100%;
        height: 250px;
    }

    #index .addCont02 .subBox03 .cf table {
        margin: 0;
        border: #a7e1d7;
        width: 100%;
        float: none;
    }

    #index .addCont02 .subBox03 .cf table tr {
        margin: 0;
    }

    #index .addCont02 .subBox03 .cf table th {
        width: 100%;
        display: block;
        font-size: 1.5rem;
    }

    #index .addCont02 .subBox03 .cf table td {
        font-size: 1.3rem;
        padding: 10px;
    }

    #index .addCont02 .bgbd .btn-web {
        width: 90%;
    }

    /*--------------------------------------
  Slider　カルーセルつきスライドショー
  ---------------------------------------*/
    #slideArea {
        margin: 0 auto 30px;
    }

    #slideArea .slideinner {
        margin: 0 auto;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        padding: 0;
    }

    .slick-slider {
        position: relative;
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

    .slick-slider .slick-track, .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
    }

    .slick-track:before, .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }

    [dir='rtl'] .slick-slide {
        float: right;
    }

    .slick-slide img {
        display: block;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

    .slick-initialized .slick-slide {
        display: block;
    }

    .slick-initialized .slick-slide p {
        display: block;
        margin: 10px 0 5px 0;
        line-height: 1.4;
        padding: 0;
        box-sizing: border-box;
        text-align: center;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .slick-loading .slick-slide {
        visibility: hidden;
    }

    .slick-vertical .slick-slide {
        display: block;
        height: 68px;
        box-sizing: border-box;
        /*border: 2px solid transparent;*/
    }

    .slick-arrow.slick-hidden {
        display: none;
    }

    .slider {
        position: relative;
        max-width: 940px;
    }

    .slider img {
        max-width: 100%;
        height: auto;
    }

    .slider .slider-nav-wrap {
        position: relative;
    }
    .slider .slider-nav-wrap .slider-nav .slick-track {
        left: 0;
        width: 100%;
        opacity: 1;
        position: relative;
        display: flex;
        align-items: center;
    }

    .slider .slider-nav-wrap .slider-nav .slick-slide {
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease;
        opacity: 1;
        padding: 0 4px;
        height: 7.7333333vw;
        max-height: 7.7333333vw;
        position: relative;
        overflow: hidden;
    }
    .slider .slider-nav-wrap .slider-nav .slick-slide img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: calc(100% - 8px);
        height: auto;
    }
    .slider .slider-nav-wrap .slider-nav .slick-slide:hover {
        opacity: .6;
    }

    .slider .slider-nav-wrap .slick-arrow {
        position: absolute;
        top: 50%;
        left: inherit;
        width: 0;
        height: 0;
        border-style: solid;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .slider .slider-nav-wrap .slick-prev {
        right: 0;
        border-width: 0;
        border-color: transparent transparent transparent #444444;
    }

    .slider .slider-nav-wrap .slick-next {
        left: 0;
        border-width: 0;
        border-color: transparent #444444 transparent transparent;
    }

    .slider .slider-for {
        float: none;
        width: 100%;
        margin: 0 0 40px;
    }

    .slider .slider-for button.slick-prev,
    .slider .slider-for button.slick-next {
        width: 20px;
        height: 20px;
        top: 45%;
        background-size: contain;
    }
    .slider .slider-for button.slick-prev {
        left: 3px;
    }
    .slider .slider-for button.slick-next {
        right: 3px;
    }
    .slider .slider-nav-wrap {
        position: static;
        top: inherit;
        right: inherit;
        width: 86%;
        padding: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: inherit;
        margin: 0 auto;
    }
    .slider .slider-nav-wrap .slick-next {
        transform: none;
        width: 7px;
        height: 11px;
        left: auto;
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: -1.2rem;
        background: url(img/arrow_slide_thumb_next.png) no-repeat;
        background-size: contain;
    }
    .slider .slider-nav-wrap .slick-prev {
        transform: none;
        width: 7px;
        height: 11px;
        right: auto;
        top: 0;
        bottom: 0;
        margin: auto 0;
        background: url(img/arrow_slide_thumb_prev.png) no-repeat;
        background-size: contain;
        left: -1.2rem;
    }

    #slideArea .caption {
        margin: 8px 0 10px !important;
    }

    /*addCont03*/
    #index .addCont03 {
        margin: 0 auto 40px;
    }

    #index .addCont03 .titLArea {
        margin: 10px auto 20px
    }

    #index .addCont03 .titLArea .titL {
        text-align: center;
        position: relative;
        color: #444;
        margin: 0;
        border: none;
        outline: none;
        box-sizing: border-box;
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.3;
        display: inline;
        padding: 0;
        background: linear-gradient(transparent 60%, #fffbce 60%);
    }

    #index .addCont03 .titLArea .titL:before, #index .addCont03 .titLArea .titL:after {
        content: none;
    }

    #index .addCont03 .blueBox {
        background: #e6fcf8;
        padding: 20px;
        display: block;
    }

    #index .addCont03 .blueBox .subBox, #index .addCont03 .blueBox .subBox:nth-last-child(2) {
        border: solid 1px #444;
        position: relative;
        background: #fff;
        padding: 20px 15px;
        margin: 0 0 18px;
        box-sizing: border-box;
        width: 100%;
    }

    #index .addCont03 .blueBox .subBox:last-child {
        margin: 0;
    }

    #index .addCont03 .blueBox .subBox:before {
        content: "";
        background: url(img/icon_addCont03_waku_top.png) no-repeat;
        top: -16px;
        left: -16px;
        width: 35px;
        height: 36px;
        display: inline-block;
        position: absolute;
    }

    #index .addCont03 .blueBox .subBox:after {
        content: "";
        background: url(img/icon_addCont03_waku_bottom.png) no-repeat;
        display: inline-block;
        position: absolute;
        bottom: -6px;
        right: -6px;
        width: 35px;
        height: 36px;
    }

    #index .addCont03 .blueBox .subBox .upper {
        margin: 0 0 25px;
    }

    #index .addCont03 .blueBox .subBox .ph {
        margin: 0 auto 20px;
        float: none;
    }
    #index .addCont03 .blueBox .subBox .txtArea .sTit {
        font-size: 18px;
        font-size: 1.8rem;
        color: #009994;
        background: none;
        padding: 0 0 10px;
        margin: 0 0 15px;
        border: none;
        border-bottom: dashed 1px #444;
        outline: none;
        display: block;
        line-height: 1.4;
        text-align: center;
    }

    #index .addCont03 .blueBox .subBox .txtArea .sTit:before, #index .addCont03 .blueBox .subBox .txtArea .sTit:after {
        content: none;
    }

    #index .addCont03 .blueBox .subBox .pointArea {
        padding: 30px 20px 20px;
    }

    #index .addCont03 .blueBox .subBox .pointArea .pointWrap {
        padding: 0 10px;
        background: #fff;
        display: table;
        margin: -45px auto 0;
    }

    #index .addCont03 .blueBox .subBox .pointArea .point {
        font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
        font-size: 13px;
        font-size: 1.3rem;
        color: #fff;
        background: #ee959d;
        padding: 6px 28px;
        margin: 0 0 15px;
        border: none;
        line-height: 1;
    }

    #index .addCont03 .blueBox .subBox .pointArea p {
        margin: 0;
        text-align: left;
    }

    /*--------------------------------------
  　table
  ---------------------------------------*/
    #contents table {
        width: 100%;
        table-layout: fixed;
        margin: 30px auto 30px;
    }

    #contents table {
        border-collapse: collapse;
        width: 100%;
        border: none;
    }

    #contents table tr {
        display: block;
        margin: 0;
    }

    #contents table tr:last-child {
        margin: 0;
    }

    /*--------------------------------------
  　float img
  ---------------------------------------*/
    /*.fr {
  float: none;
  }*/
    #contents .float-wrap {
        margin: 20px 0;
        padding: 0;
    }

    #contents .float-wrap .float-img {
        margin: 0 0 12px 0;
        padding: 0;
        width: 100%;
    }

    #contents .float-wrap .fr {
        width: 100%;
        padding: 0;
        text-align: left;
    }

    #contents .caption {
        margin: 8px auto 0;
        font-size: 1.2rem;
        word-break: break-all;
        text-align: center;
    }

    #contents #category .float-wrap .fl, #contents #page .float-wrap .fl {
        width: 100%;
    }

    #contents #category .float-wrap .fr, #contents #page .float-wrap .fr {
        width: 100%;
    }

    #contents #category .float-wrap .center, #contents #page .float-wrap .center {
        width: 100%;
    }

    #contents .floatBox01 .float-wrap {
        margin: 20px 0;
        padding: 0;
    }

    #contents .floatBox01 .float-wrap img {
        width: 100%;
    }

    #contents .floatBox01 .float-wrap p {
        margin: 0;
        padding: 0;
    }

    #contents .floatBox01 .float-wrap .fl.t_small, #contents #category .floatBox01 .float-wrap .fl.t_small, #contents #page .floatBox01 .float-wrap .fl.t_small {
        width: 40%;
        padding: 0 20px 0 0;
        text-align: center;
        float: left;
    }

    #contents .floatBox01 .float-wrap .fr.t_small, #contents #category .floatBox01 .float-wrap .fr.t_small, #contents #page .floatBox01 .float-wrap .fr.t_small {
        width: 40%;
        padding: 0 0 0 20px;
        margin: 0;
        text-align: center;
        float: right;
    }

    #contents .floatBox01 .float-wrap .ct {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 20px;
        text-align: center;
    }

    /*--------------------------------------
  　box-wrap
  ---------------------------------------*/
    #contents .box-wrap {
        margin: 20px 0;
        padding: 0;
        box-sizing: border-box;
    }

    #contents .box {
        position: relative;
        margin: 0 0 20px;
        width: 100%;
    }

    #contents #category .box, #contents #page .box {
        width: 100%;
    }

    #contents .left_box {
        padding: 2rem 5% 2.5rem;
        margin: 0;
    }
    #contents .left_box + .left_box {
        margin-top: 2.5rem;
    }
    #contents .left_box .flame {
        margin: 0 auto 2rem;
    }

    #contents .left_box .box-head {
        margin: 0 auto 1.8rem;
    }

    #contents .left_box .box-head .sttl {
        font-size: 2rem;
    }

    #contents .left_box .box-head .sttl:before, #contents .left_box .box-head .sttl:after {
        content: none;
    }

    #contents .left_box .box-head .sttl a {
        padding: 0 2.8rem 0 0;
    }

    #contents .left_box .box-body {
        text-align: left;
    }

    #contents .left_box .box-body p {
        margin: 0;
    }

    #contents .right_box {
        padding: 2.5rem 5%;
        margin: 0 auto;
    }
    #contents .right_box + .right_box {
        margin-top: 2.5rem;
    }

    #contents .right_box .fukiWrap {
        margin: -80px auto 0;
        display: table;
    }

    #contents .right_box .fukiCatch {
        font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "Roboto Slab" , Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
        color: #fff;
        font-size: 1.8rem;
        padding: 10px 20px;
        border-radius: 35px;
        text-align: center;
        background: #83cdc0;
        position: relative;
        margin: 0;
        max-width: 100%;
        font-weight: bold;
    }

    #contents #category .right_box .fukiCatch, #contents #page .right_box .fukiCatch {
        font-size: 18px;
        font-size: 1.8rem;
        padding: 10px 20px;
        max-width: 90%;
    }

    #contents .right_box .box-head {
        line-height: 1.4;
        font-size: 2rem;
    }

    #contents .right_box .box-head .sttl {
        font-size: 2rem;
    }

    #contents .right_box .box-head .sttl:before, #contents .right_box .box-head .sttl:after {
        content: none;
    }

    #contents .right_box .box-head a {
        padding-right: 2.8rem;
    }

    #contents .right_box .box-body {
        text-align: left;
    }

    #contents .right_box .box-body p {
        margin: 0;
    }

    #contents .right_box .dashed {
        margin: 20px 0 0;
    }

    #contents .right_box .dashed ul {
        margin: 0;
        padding: 15px 13px 13px 15px;
    }

    #contents .right_box .dashed ul li {
        background: url(img/listdot.png) no-repeat 0 4px;
        padding: 0 0 3px 25px;
        font-size: 13px;
        font-size: 1.3rem;
    }

    /* frame-wrap */
    #contents .frame-wrap {
        margin: 30px 0 20px;
        counter-reset: div;
        display: block;
    }
    #contents .frame {
        margin: 0 0 20px;
        width: 100%;
    }

    #contents .frameLeft {
        padding: 2rem 5%;
        margin: 0 auto;
    }
    #contents .frameLeft + .frameLeft {
        margin-top: 2rem;
    }
    #contents #category .frameLeft,
    #contents #page .frameLeft {
        padding: 15px;
        width: 100%;
    }
    #contents .frameLeft .decoTtl {
        padding: .5rem 5%;
        margin: 0 auto 2rem;
    }

    #contents .frameLeft .frame-head {
        font-size: 2rem;
        margin: 0 auto 1.5rem;
    }

    #contents .frameLeft .frame-head:before, #contents .frameLeft .frame-head:after {
        content: none;
    }

    #contents .frameLeft .frame-head a {
        padding: 0 25px 0 15px;
        background: url(img/arrow_green.png) no-repeat center right;
        background-size: 17px auto;
        display: block;
        font-weight: bold;
    }

    #contents .frameLeft .frame-body p {
        margin: 0;
    }

    #contents .frameLeft .frame-body .btn-internal {
        margin: 15px auto 10px;
    }

    #contents .frameCenter {
        padding: 2.2rem 5% 2.5rem;
        margin: 0;
    }
    #contents .frameCenter + .frameCenter {
        margin-top: 3rem;
    }
    #contents .frameCenter .frame-head {
        font-size: 2rem;
        margin: 0 auto 1.8rem;
        padding: 0 0 1.5rem 1.5rem;
        display: block;
    }

    #contents .frameCenter .frame-head:before, #contents .frameCenter .frame-head:after {
        content: none;
    }

    #contents .frameCenter .frame-head a {
        padding-right: 2.8rem;
    }
    #contents .frameCenter .frame-body p {
        margin: 0;
    }

    #contents .frameCenter .dashed {
        margin: 15px 0 0;
    }

    #contents .frameCenter .dashed ul {
        margin: 0;
        padding: 15px 13px 13px 15px;
    }

    #contents .frameCenter .dashed ul li {
        background: url(img/listdot.png) no-repeat 0 4px;
        padding: 0 0 3px 25px;
        font-size: 13px;
        font-size: 1.3rem;
    }

    #contents .frameRight {
        padding: 2rem 5% 2.5rem;
        margin: 0 auto;
    }
    #contents .frameRight + .frameRight {
        margin-top: 2.5rem;
    }

    #contents #category .frameRight, #contents #page .frameRight {
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
    }

    #contents .frameRight .ph {
        margin: 0 auto 2rem;
    }

    #contents .frameRight .frame-head {
        font-size: 2rem;
        margin: 0 auto 1.8rem;
        padding: 0 0 1.5rem;
    }

    #contents .frameRight .frame-head:after {
        content: none;
    }

    #contents .frameRight .frame-head a {
        padding-right: 2.8rem;
    }
    #contents .frameRight .frame-body {
        text-align: left;
    }

    #contents .frameRight .frame-body p {
        margin: 0;
    }

    #contents .frameRight .frame-body .btn-internal {
        margin: 15px auto 10px;
    }

    .rank, .noCount .recommend, .noCount .check, .noCount .point, .rank_wrap2 .recommend, .rank_wrap3 .check, .rank_wrap4 .point {
        font-size: 1.8rem;
        padding: 1.5rem .5rem 1.5rem 7.5rem;
    }

    /* compare-table-frame
----------------------------- */
    .compare-table-group {
        padding: 3%;
    }

    .compare-table-group h2 {
        font-size: 2.4rem;
        margin: 0 auto 3rem;
        line-height: 1.3;
    }

    #contents.contents_top .compare-table-group .catch-copy {
        font-size: 1.7rem;
        margin: 1rem 0 1.5rem;
        padding: 0 0 1.2rem;
        line-height: 1.4;
    }

    /*/////image-text-area /////*/
    .compare-table-frame .compare-table-group .image-text-area {
        padding: 5%;
    }

    /*/////title-text-area /////*/
    .compare-table-frame .title-text-area {
        padding: 5%;
    }

    /*/////title-table-area  /////*/
    .compare-table-frame .compare-table-group .title-table-area {
        padding: 5%;
    }

    .compare-table-frame .compare-table-group .title-table-area h2, .compare-table-frame .compare-table-group .title-table-area h3, .compare-table-frame .compare-table-group .title-table-area h4, .compare-table-frame .compare-table-group .title-table-area h5 {
        margin: 0 auto 2rem;
        color: #4c4c4c;
        border: 1px solid #16b7bf;
        border-radius: 5px;
        padding: 5% 5% 5% 8%;
        font-size: 2.0rem;
    }

    .compare-table-frame .compare-table-group .title-table-area h2:before {
        left: 1rem;
    }

    /*/////title-list-area /////*/
    .compare-table-frame .compare-table-group .title-list-area {
        background: #fff;
        padding: 5%;
    }

    .compare-table-frame .compare-table-group .title-list-area h2, .compare-table-frame .compare-table-group .title-list-area h3, .compare-table-frame .compare-table-group .title-list-area h4, .compare-table-frame .compare-table-group .title-list-area h5 {
        font-size: 2.0rem;
        padding: 5% 5% 5% 21%;
    }

    .compare-table-frame .compare-table-group .title-list-area h2:before {
        width: 40px;
        height: 45px;
        left: 10px;
        top: 11px;
    }

    #contents .compare-table-frame .compare-table-group .title-list-area ul li {
        color: #f46891;
        background: url(img/icon_catch04.png) no-repeat left 6% top 21px #f9f2e0;
        margin: 0 0 2rem;
        padding: 5% 5% 5% 16%;
        line-height: 1.6;
        font-size: 1.7rem;
    }

    .compare-table-frame .compare-table-group .title-list-area ul li p {
        color: #333;
        margin: 2rem 0 2rem -3rem;
    }

    /* addCont--selection */
    .wi-big {
        width: 100%;
        max-width: 100%;
        margin: 6rem auto 0;
        padding: 0 3%;
    }
    #index .addCont__company {
        margin: 0 auto;
        padding: 4rem 5% 3rem;
    }
    #index .addCont__company + .addCont__company {
        margin-top: 4rem;
    }
    .addCont__company__type {
        min-width: 170px;
        min-height: 36px;
        line-height: 36px;
        top: -18px;
        padding: 0 0.5rem;
    }
    .addCont__company__type::after {
        border-top: 16px solid transparent;
        right: -15px;
        top: 0px;
    }
    .slideArea--selection {
        margin: 0 auto 2.5rem;
        padding: 0;
    }
    .slideArea--selection .slider {
        display: block;
        text-align: center;
    }
    .slideArea--selection .slider .slider-for {
        margin: 0 auto 1rem;
    }

    .slideArea--selection .slick-initialized.slider-for .slick-slide {
        width: 100%!important;
    }
    .slideArea--selection .slick-slide p {
        line-height: 1.6;
        font-size: 1.2rem;
        color: #9c9c9c;
    }
    .slideArea--selection .slider .slider-nav-wrap {
        margin: 0 auto;
        display: block;
        align-items: center;
        height: auto;
        width: 100%;
    }
    .slideArea--selection .slider .slider-nav-wrap .slider-nav {
        max-width: 100%;
    }
    .slideArea--selection .slider .slider-nav-wrap .slick-prev,
    .slideArea--selection .slider .slider-nav-wrap .slick-next {
        transform: none;
        width: 7px;
        height: 11px;
        left: auto;
        right: auto;
        top: 0;
        bottom: 0;
        margin: auto 0;
        background: url(img/arrow_slide_thumb_prev.png) no-repeat;
        background-size: contain;
    }
    .slideArea--selection .slider .slider-nav-wrap .slick-prev {
        left: -1.2rem;
    }
    .slideArea--selection .slider .slider-nav-wrap .slick-next {
        right: -1.2rem;
        background: url(img/arrow_slide_thumb_next.png) no-repeat;
        background-size: contain;
    }
    .slideArea--selection .slider .slider-nav-wrap .slick-prev:hover, .slideArea--selection .slider .slider-nav-wrap .slick-next:hover {
        cursor: pointer;
        opacity: .6;
    }
    .slideArea--selection .slider .slider-nav-wrap .slick-nav-arrows .slick-prev,
    .slideArea--selection .slider .slider-nav-wrap .slick-nav-arrows .slick-next {
        display: none;
    }
    .addCont__company .btn-web a {
        max-width: 95%;
        width: 95%;
        font-size: 1.6rem;
        background-size: 15px auto;
        background-position: right 1rem center;
        padding: 1.8rem 3rem 1.8rem 1.5rem;
        margin: 3rem auto 0;
    }
    #index .addCont02 .addCont__company__viral,
    .addCont__company__feature,
    .addCont__company__data {
        margin: 4.5rem auto 0;
    }
    .addCont__company__viral__box-wrap {
        margin: 0 auto;
        display: block;
    }
    .addCont__company__viral__box {
        width: 100%;
        padding: 2rem 5%;
        margin: 0;
    }
    .addCont__company__viral__box + .addCont__company__viral__box {
        margin-top: 2rem;
    }
    .addCont__company .btn-accordion {
        margin: 2rem auto 0;
        background: #fff url(img/arrow_gray_down.png) no-repeat right 1.5rem center;
        background-size: 13px auto;
        border: 2px solid #e5e5e5;
        border-radius: 6px;
        text-align: center;
        padding: 1rem 4rem 1rem 3rem;
        font-size: 1.6rem;
        font-weight: bold;
        width: 90%;
    }
    .addCont__company .btn-accordion.is-open {
        background: #fff url(img/arrow_gray_up.png) no-repeat right 1.5rem center;
        background-size: 13px auto;
    }
    .addCont__company__viral__accordion {
        display: none;
        margin: 2rem auto 0;
    }
    .addCont__company__viral__box__head {
        padding: 0 0 1rem;
        margin: 0 auto 1.5rem;
    }
    .addCont__company__viral__box__img {
        width: 50px;
        height: auto;
    }
    .addCont__company .addCont__company__viral__box__catch {
        font-size: 1.8rem;
    }
    #index .addCont__company .addCont__company__viral__box__caption {
        text-align: left;
    }
    /* for chrome, safari */
    .addCont__company .addCont__company__viral__box__caption::-webkit-scrollbar {
        display:none;
    }
    .addCont__company__feature__box-wrap {
        padding: 2rem 5% 2.5rem;
    }
    .addCont__company__feature__box {
        display: block;
    }
    .addCont__company__feature__box + .addCont__company__feature__box {
        margin-top: 3rem;
    }
    .addCont__company__feature__box__catch,
    .type2 .addCont__company__feature__box__catch {
        width: 100%;
        margin: 0 auto 1.5rem;
        padding: 0 0 1rem 3rem;
        border-right: none;
        border-bottom: 2px solid #cdcdcd;
        font-size: 1.8rem;
        background-position: left 1px top 5px;
        background-size: 20px auto;
        letter-spacing: normal;
    }
    .addCont__company__feature + .btn-web a {
        margin: 3rem auto 0;
    }
    .addCont__company .btn-tel a {
        max-width: 95%;
        width: 95%;
        font-size: 1.6rem;
        padding: 1.8rem 2.5rem 1.8rem 3.5rem;
        margin: 1.5rem auto 0;
    }
    #index .addCont__company__data__table {
        margin: 0 auto;
        background: #fff;
        border: 1px solid #cdcdcd;
    }
    #index .addCont__company__data__table th,
    #index .addCont__company__data__table td {
        padding: 1rem 5%;
        width: 100%;
        display: block;
    }
    #index .addCont__company__data__table th {
        width: 100%;
        border: none;
    }
    #index .addCont__company__data__table td {
        font-size: 1.4rem;
        color: #444;
        border: none;
        border-top: 1px solid #cdcdcd;
    }

    /* addCont--point */
    .addCont--point {
        margin: 6rem auto 0;
        padding: 3rem 3% 4rem;
        background-size: 94px auto;
    }
    .addCont--point::before,
    .addCont--point::after {
        content: none;
    }
    .addCont__title-wrap {
        margin: 0 auto 2.5rem;
    }
    .addCont__title a {
        padding-right: 2.5rem;
        background-size: 16px auto;
        display: block;
    }
    #index .addCont__title--point {
        padding: 4.5rem 0 0;
        margin: 0 auto;
        background-size: 40px auto;
        font-size: 2.3rem;
    }
    .addCont__title--point a {
        display: inline;
    }
    .addCont__title--point .addCont__title__small {
        font-size: 1.8rem;
        margin: 0 auto 0.5rem;
    }
    #contents .frame-wrap--point {
        margin: 2.5rem auto 0;
    }

    /* addCont--example */
    .addCont--example {
        margin: 0 auto;
        padding: 4rem 3% 5rem;
    }
    .addCont--example .addCont__title-wrap {
        margin-bottom: 2rem;
    }
    #index .box-wrap--example {
        margin: 2rem auto 0;
        display: block;
        padding-right: 7px;
    }

    /* addCont--design */
    .addCont--design {
        padding: 5.5rem 3% 4rem;
        background: url(img/deco_design01.png) no-repeat top -0.4rem left calc(50% - 176px), url(img/deco_design02.png) no-repeat top 2.5rem right calc(50% - 168px);
        background-size: 118px auto, 89px auto;
    }
    .addCont--design .addCont__title-wrap {
        padding: 0 3%;
    }
    .addCont--design .addCont__title-wrap::before,
    .addCont--design .addCont__title-wrap::after {
        content: none;
    }
    #contents .frame-wrap--design {
        margin: 3rem auto 0;
    }

    /* addCont--trap */
    .addCont--trap {
        padding: 3rem 3% 4rem;
        background-size: 16px auto;
    }
    #index .addCont__title--trap {
        padding: 4.5rem 0 0;
        margin: 0 auto;
        background-size: 40px auto;
        display: block;
    }
    .addCont__title--trap,
    .addCont__title--trap a {
        color: #fff;
    }
    .addCont__title--trap a {
        display: inline;
        padding-right: 3rem;
    }
    .addCont__title--trap .addCont__title__small {
        display: block;
        font-size: 1.5rem;
        margin: 0 auto 0.2rem;
    }
    .addCont__title--trap a .addCont__title__small:hover {
        opacity: .6;
    }
    .addCont--trap .addCont__text {
        color: #fff;
    }
    #index .box-wrap--trap {
        margin: 3rem auto 0;
    }
    #index .box-head--trap {
        padding: 0 0 1.5rem;
        margin: 0 auto 1.5rem;
    }

    /* addCont--guide */
    .addCont--guide {
        padding: 2.5rem 3% 2.5rem;
    }
    #index .float-wrap--guide {
        display: block;
        margin: 0 auto;
    }
    #index .float-wrap .float-img--guide {
        padding: 0;
        width: 80%;
        margin: 0 auto 2rem;
    }
    .addCont__text-wrap--guide {
        display: block;
    }
    #index .addCont--guide .addCont__title--guide {
        font-size: 2.4rem;
        padding: 0 0 0 3.5rem;
        margin: 0 auto 1.5rem;
        letter-spacing: -0.5px;
    }
    .addCont__title--guide .addCont__title__small {
        font-size: 2.2rem;
    }
    #index .addCont--guide .addCont__title--guide::before {
        content: '';
        width: 25px;
        top: 15px;
    }
    .addCont--guide .btn-internal a {
        max-width: 100%;
        margin: 2.5rem auto 0;
        padding: 1rem 3rem 1rem 1rem;
    }

    /* addCont--list */
    .addCont--list {
        padding: 4rem 3%;
    }
    #index .addCont__title--list {
        display: block;
        line-height: 1.2;
    }
    .addCont__title--list a {
        display: inline;
        padding-right: 3rem;
    }
    .addCont__title--list .addCont__title__small {
        line-height: 1.4;
        display: block;
        font-size: 1.8rem;
        margin: 0 auto 0.5rem;
    }
    .addCont__title--list .addCont__title__small:hover {
        opacity: .6;
    }
    #contents .frame-wrap--list {
        margin: 3.5rem auto 0;
        padding-right: 7px;
    }
    .frame-body--list {
        padding-bottom: 1.8rem;
        margin: 0 auto 1.8rem;
    }
    .frame-body__info {
        display: flex;
    }
    .frame-body__info dt {
        flex-shrink: 0;
        margin: 0 2rem 0 .5rem;
        font-size: 1.4rem;
        color: #249424;
        font-weight: bold;
        text-align: left;
    }
    .frame-body__info dd {
        text-align: left;
        font-size: 1.4rem;
    }

    /* addCont--pr */
    .addCont--pr {
        margin: 4rem auto 0;
        padding: 0 3%;
    }
    .addCont__box--pr {
        display: block;
        padding: 2rem 5% 2.5rem;
    }
    .addCont__box__head--pr {
        width: 100%;
        border: none;
        border-bottom: 2px solid #cdcdcd;
        padding: 0 0 1.5rem;
        margin: 0 auto 1.5rem;
    }
    p.addCont__box__catch--pr {
        margin: 0 2rem 0 0;
        background: #64c864;
        border-radius: 12px;
        min-width: 63px;
        text-align: center;
        color: #fff;
        line-height: 23px;
        font-size: 1.4rem;
        font-weight: bold;
    }
    p.addCont__title--pr {
        margin: 0;
        font-size: 1.8rem;
        font-weight: bold;
        color: #323c46;
        width: 100%;
    }
    .addCont__title__link--pr {
        text-decoration: none;
        background: url(img/arrow_gray.png) no-repeat center right 1px;
        background-size: 16px auto;
        display: block;
        padding-right: 3rem;
    }
    .addCont__title__link--pr:hover {
        opacity: .6;
        cursor: pointer;
    }

}