@charset "utf-8";
/*=================================================
 * ブラウザのデフォルトのスタイルをリセット
 * ================================================= */

html, body, h1, h2, h3, h4, h5, h6,
ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article,
aside, hgroup, footer, figure, figcaption, nav {
    margin: 0;
    padding: 0;
    font-size: 100%;
}
body {
    line-height: 1.0;
    -webkit-text-size-adjust: none;
}
article, aside, canvas, details,
figcaption, figure, footer, header,
hgroup, menu, nav, section, summary {
    display: block;
}
img {
    border: 0;
    vertical-align: text-bottom;
}
ul {
    list-style: none;
}
table {
    border-spacing: 0;
    empty-cells: show;
}
/*=================================================
 * サイト全体の基本スタイル
 * ================================================= */

body {
    color: #333333;
    font-size: 14px;
    font-family: 'Hiragino Kaku Gothic Pro', "Helvetica";
    line-height: 1.6em;
    word-wrap: break-word;
}
a {
    color: rgb(45, 121, 221);
    text-decoration: underline;
}
a:link { color: rgb(45, 121, 221); text-decoration: underline;}
a:visited { color: rgb(45, 121, 221); text-decoration: underline;}
a:hover { color: #FF1493; text-decoration: none;}
a:active { color: #FF1493; text-decoration: none;}

p {
    margin-bottom: 1em;
}
em {
    font-style: normal;
}
input {
    padding: 5px;
    font-size: 14px;
}
.right {
    float: right;
}
.right:after {
    display: block;
    clear: both;
    content: '';
}
.clearfix:after {
    display: block;
    clear: both;
    content: "";
}
.Clear {
    clear: both;
    font-size: 1px;
}
hr {
    margin: 2em auto;
    width: 90%;
    height: 5px;
    border: 0;
}

/*=================================================
 *  サイトヘッダー
 * ================================================= */
.global-header {
    margin: 0 auto 1em;
    padding: 0;
    background-color: #fff;
}

.header-area {
    margin: 0 auto;
    padding: 0.5em 0 0;
    text-align: center;
    /*max-width: 320px;*/
}
.header-area h1,
.header-area a {
    display: block;
    margin: 0 auto;
    /*padding: 0.5em;*/
    color: #000;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2em;
}
.header-area img {
    max-width: 95%;
    max-height: 100px;
    height: auto;
}

.header-area p {
    margin: 0.5em auto 0;
    padding: 0.5em;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 1.2em;
    background-color: #283048;
}

/*=================================================
 *  Extra header
 * ================================================= */
.ex-contents .head {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 0.5em;
    margin: 0 6px 6px;
    line-height: 1;
    background: #E29C36;
    text-align: center;
}
.ex-btn a {
    display: block;
    clear: both;
    margin: 12px;
    padding: 6px 32px 6px 12px;
    background: url(../img/sp-ex-btn-bg.svg) #fff no-repeat right center;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-box-shadow: 0px 3px 0px #999;
    -moz-box-shadow: 0px 3px 0px #999;
    -ms-box-shadow: 0px 3px 0px #999;
    box-shadow: 0px 3px 0px #999;
    color: #999;
    text-align: left;
    text-decoration: none;
    font-weight: bold;
    /*font-size: 11px;*/
    font-size: 14px;
    border: 1px solid #999;
    border-radius: 10px;
}
.ex-btn.ex-btn-nomargin a {
    margin: 0;
}

.ex-btn.ex-btn-red a {
    background: url(../img/sp-ex-btn-bg-red.svg) #fff no-repeat right center;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-box-shadow: 0px 3px 0px rgb(212, 85, 85);
    -moz-box-shadow: 0px 3px 0px rgb(212, 85, 85);
    -ms-box-shadow: 0px 3px 0px rgb(212, 85, 85);
    box-shadow: 0px 3px 0px rgb(212, 85, 85);
    border: 1px solid rgb(212, 85, 85);
    color: rgb(212, 85, 85);
}
.ex-btn.ex-btn-blue a {
    background: url(../img/sp-ex-btn-bg-blue.svg) #fff no-repeat right center;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-box-shadow: 0px 3px 0px rgb(45, 121, 221);
    -moz-box-shadow: 0px 3px 0px rgb(45, 121, 221);
    -ms-box-shadow: 0px 3px 0px rgb(45, 121, 221);
    box-shadow: 0px 3px 0px rgb(45, 121, 221);
    border: 1px solid rgb(45, 121, 221);
    color: rgb(45, 121, 221);
}
.ex-btn.ex-btn-deep-blue a {
    background: url(../img/sp-ex-btn-bg-deep-blue.svg) #fff no-repeat right center;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-box-shadow: 0px 3px 0px rgb(40, 48, 71);
    -moz-box-shadow: 0px 3px 0px rgb(40, 48, 71);
    -ms-box-shadow: 0px 3px 0px rgb(40, 48, 71);
    box-shadow: 0px 3px 0px rgb(40, 48, 71);
    border: 1px solid rgb(40, 48, 71);
    color: rgb(40, 48, 71);
}
.ex-btn.ex-btn-green a {
    background: url(../img/sp-ex-btn-bg-green.svg) #fff no-repeat right center;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-box-shadow: 0px 3px 0px #999;
    -webkit-box-shadow: 0px 3px 0px rgb(47, 143, 71);
    -moz-box-shadow: 0px 3px 0px rgb(47, 143, 71);
    -ms-box-shadow: 0px 3px 0px rgb(47, 143, 71);
    box-shadow: 0px 3px 0px rgb(47, 143, 71);
    border: 1px solid rgb(47, 143, 71);
    color: rgb(47, 143, 71);
}
.ex-btn.ex-btn-orange a {
    background: url(../img/sp-ex-btn-bg-orange.svg) #fff no-repeat right center;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-box-shadow: 0px 3px 0px rgb(214, 135, 54);
    -moz-box-shadow: 0px 3px 0px rgb(214, 135, 54);
    -ms-box-shadow: 0px 3px 0px rgb(214, 135, 54);
    box-shadow: 0px 3px 0px rgb(214, 135, 54);
    border: 1px solid rgb(214, 135, 54);
    color: rgb(214, 135, 54);
}
.ex-btn.ex-btn-pink a {
    background: url(../img/sp-ex-btn-bg-pink.svg) #fff no-repeat right center;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-box-shadow: 0px 3px 0px rgb(217, 103, 158);
    -moz-box-shadow: 0px 3px 0px rgb(217, 103, 158);
    -ms-box-shadow: 0px 3px 0px rgb(217, 103, 158);
    box-shadow: 0px 3px 0px rgb(217, 103, 158);
    border: 1px solid rgb(217, 103, 158);
    color: rgb(217, 103, 158);
}
.ex-btn.ex-btn-purple a {
    background: url(../img/sp-ex-btn-bg-purple.svg) #fff no-repeat right center;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-box-shadow: 0px 3px 0px rgb(135, 63, 164);
    -moz-box-shadow: 0px 3px 0px rgb(135, 63, 164);
    -ms-box-shadow: 0px 3px 0px rgb(135, 63, 164);
    box-shadow: 0px 3px 0px rgb(135, 63, 164);
    border: 1px solid rgb(135, 63, 164);
    color: rgb(135, 63, 164);
}
.ex-btn.ex-btn-gray a {
    background: url(../img/sp-ex-btn-bg-gray.svg) #fff no-repeat right center;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-box-shadow: 0px 3px 0px #666;
    -moz-box-shadow: 0px 3px 0px #666;
    -ms-box-shadow: 0px 3px 0px #666;
    box-shadow: 0px 3px 0px #666;
    color: #666;
    border: 1px solid #666;
}
.ex-btn.ex-btn-b-dark-gray a {
    background: url(../img/sp-ex-btn-bg-white.svg) rgb(85, 85, 85) no-repeat right center;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-box-shadow: 0px 3px 0px rgb(51, 51, 51);
    -moz-box-shadow: 0px 3px 0px rgb(51, 51, 51);
    -ms-box-shadow: 0px 3px 0px rgb(51, 51, 51);
    box-shadow: 0px 3px 0px rgb(51, 51, 51);
    border: 1px solid rgb(85, 85, 85);
    color: rgb(255, 255, 255);
}
.ex-btn.ex-btn-center a {
    text-align: center;
}
.ex-btn.ex-btn-sub a {
    margin-left: 36px;
}


/*=================================================
 *  セクション、見出し、コンテンツエリア
 * ================================================= */

section.top-contents-area,
section.contents-area {
    /*margin-bottom: 1em;*/
}
.block:after {
    display: block;
    clear: both;
    content: '';
}
.contents-area h1,
.top-contents-area h2 {
    margin: 20px 10px 10px;
    padding: 10px;
    color: #283048;
    font-size: 17px;
    line-height: 1.3;
    border-bottom: 4px solid #ccc;
    position: relative;
}
.contents-area h1:after,
.top-contents-area h2:after {
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 2;
    content: '';
    width: 10%;
    height: 4px;
    background-color: #283048;
}

.contents-area h2,
.top-contents-area h3 {
    margin: 20px 10px 10px;
    padding: 0.5em;
    color: #283048;
    font-size: 15px;
    line-height: 1.3;
    border-bottom: 1px solid #283048;
}

.contents-area h3,
.top-contents-area h4 {
    margin: 20px 10px 10px;
    padding: 0.5em;
    color: #283048;
    font-size: 15px;
    line-height: 1.3;
    border-left: 4px solid #283048;
}

.contents-area h4,
.top-contents-area h5 {
    margin: 20px 10px 10px;
    padding: 0.5em;
    color: #283048;
    font-size: 15px;
    line-height: 1.3;
}
.top-contents-area p,
.contents-area p {
    padding: 0.5em 1em 0px;
}
.top-contents-area p img,
.contents-area p img {
    margin: 0 auto;
}
.top-contents-area ol,
.contents-area ol {
    margin: 0 1em 1em;
    list-style-type: decimal;
}
.top-contents-area ol li,
.contents-area ol li {
    margin: 0 0 0 2em;
    padding: 0;
}
/*.top-contents-area ul,
.contents-area ul {
    margin: 0 1em 1em;
    padding: 1em;
    list-style-type: circle;
}

.top-contents-area ul li,
.contents-area ul li {
    margin-left: 1em;
    padding: 0.2em 1em 0.2em 1em;
    text-indent: -1.0em;
}*/
.top-contents-area ul,
.contents-area ul {
    margin: 0 0 0 10px;
    list-style-type: none;
}
.top-contents-area ul li,
.contents-area ul li {
    margin: 0 0.5em 0.5em;
    padding: 0.2em 1em 0.2em 0;
    /*background: url(../img/sp-li-01.png) transparent no-repeat 5px 5px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;*/
}
.top-contents-area ul li:before,
.contents-area ul li:before {
    content: "■";
    margin-right: 0.5em;
    color: #283048;
}
.contents-area ul li ol li:before{
    content: none;
}
.top-contents-area dl,
.contents-area dl {

}

.top-contents-area dl dt,
.contents-area dl dt {
    padding-left: 1em;
}

.top-contents-area dl dd,
.contents-area dl dd {
    padding-left: 1em;
}

/* extend list style */
/*.contents-area ul li:before {
    content: "○";
    margin-right: 0.5em;
}*/

.ex-ranking-list,
.ex-ranking-list2  {
    margin: 0.5em 0 1em;
    padding: 0;
}
.ex-ranking-list .list-head,
.ex-ranking-list2 .list-head {
    margin: 0;
    padding: 0.5em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #000;
}
.ex-ranking-list ul,
.ex-ranking-list2 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.ex-ranking-list ul li {
    margin: 0;
    padding: 0;
    background: url(../img/sp-li-02b.png) #fff no-repeat right center;
    -moz-background-size: 30px 20px;
    background-size: 30px 20px;
    border-bottom: 2px solid #f2f2f2;
}
/* リスト要素全体をボタン化 */
.ex-ranking-list ul li a {
    display: block;
    margin: 0;
    text-decoration: none;
    color: #000;
}
.ex-ranking-list ul li a img.thumb {
    width: 90px;
    height: 57px;
    padding: 10px;
    float: left;
}
.ex-ranking-list ul li a p.ttl {
    margin: 0;
    padding: 2px;
    font-weight: bold;
}
.ex-ranking-list ul li a .list-body {
}
.ex-ranking-list ul li a .list-body p {
    margin: 0;
    padding: 0;
    line-height: 1em;
    font-size: 0.9em;
}
.ex-ranking-list ul li a .list-body p span {
    font-weight: bold;
    color: #f00;
}
.ex-ranking-list ul li a .list-body p.sub-ttl {
    margin: 0 auto 7px;
}
.ex-ranking-list ul li a .list-body p.sub-ttl span {
    font-weight: normal;
    color: #000;
    padding: 2px;
    background-color: #ccc;
}
/* リスト要素内にボタン配置 */
.ex-ranking-list2 .list-head {
    color: #fff;
    background-color: #0e3669;
}

.ex-ranking-list2 ul li {
    margin: 0;
    padding: 0;
    background-color: #fff;
    border-bottom: 2px solid #0e3669;
    text-align: center;
}
.ex-ranking-list2 ul li>p.ttl {
    margin: 0;
    padding: 2px;
    font-weight: bold;
    font-size: 1.5em;
    color: #0e3669;
}
.ex-ranking-list2 ul li>p.lead {
    margin: 0;
    padding: 2px;
}
.ex-ranking-list2 ul li>p.inner-btn a {
    display: block;
    margin: 0.5em 2em 1em;
    padding: 0.5em 40px 0.5em 0.5em;
    background: url(../img/sp-btn-bg-g.png) no-repeat right center;
    -moz-background-size: 40px 100px;
    background-size: 40px 100px;
    -webkit-box-shadow: 0px 2px 1px #ccc;
    -moz-box-shadow: 0px 2px 1px #ccc;
    -ms-box-shadow: 0px 2px 1px #ccc;
    box-shadow: 0px 2px 1px #ccc;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    background-color: #ff6261;
}



/*=================================================
 *  カテゴリーメニュー
 * ================================================= */

.subcontents {
    margin: 30px 0 0 0;
    margin: 0;
    border-bottom: 1px solid #ccc;
}
.subcontents div.tit {
    margin: 0px;
    padding: 0;
    border-top: 1px solid #ccc;
    color: #fff;
    font-size: 14px;
}
.subcontents div.tit a {
    display: block;
    overflow: hidden;
    margin: 0px;
    padding: 16px 50px 16px 10px;
    background-color: #283048;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../img/sp-li-02w.png);
    -moz-background-size: 30px 20px;
    background-size: 30px 20px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.2em;
    border-bottom: 2px solid #ccc;
    font-weight: bold;
}

.subcontents li {
    border-top: 1px solid #ccc;
}
.subcontents li.special {
}
.subcontents li a {
    display: block;
    overflow: hidden;
    padding: 17px 50px 17px 20px;
    background: url(../img/sp-li-02b.png) #fff no-repeat right center;
    -moz-background-size: 30px 20px;
    background-size: 30px 20px;
    color: #333;
    text-decoration: none;
    line-height: 1.2em;
    font-weight: normal;
}
.subcontents li.special a {
    color: #f00000;
    font-weight: bold;
}
.subcontents li.list01 a {
    border-left: 6px solid #283048;
}
.subcontents li.list02 a {
    border-left: 6px solid #DF546A;
}

.subcontents li:first-child {
}
.subcontents li:last-child {
    border-bottom: none;
}
.subcontents li.col-2 {
    display: inline-block;
    float: left;
    width: 50%;
    border: 2px solid #fff;
    box-sizing: border-box;
    border-radius: 5px;
}
.subcontents li.col-2 a {
    background: url(../img/sp-li-02w.png) #82beb4 no-repeat right center;
    -moz-background-size: 30px 20px;
    background-size: 30px 20px;
    color: #fff;
    border-radius: 5px;
}

/*=================================================
 *  サイトフッター
 * ================================================= */
.pagetop {
    margin: 10px 10px 0px auto;
    text-align: center;
    width: 120px;
    background: #e9e9e9;
    color: #283048;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.pagetop a {
    color: #283048;
    text-decoration: none;
}

.global-footer {
    margin: 0;
    font-size: 14px;
    background: #e9e9e9;
}
.global-footer div.tit {
    margin: 0px;
    padding: 10px 0px 0px 10px;
    /*border-top: 1px solid #BBE5E9;*/
    color: #283048;
    font-size: 14px;
}
.global-footer div.tit:before {
    content: "◆";
    margin-right: 5px;
}
.global-footer nav {
    padding: 10px 0px 1.5em;
}
.global-footer ul {
    margin: 0px 10px;
    padding: 0px;
}
.global-footer ul li {
    border-bottom: 1px solid #e9e9e9;
}
.global-footer ul li a {
    display: block;
    padding: 12px 0 12px 16px;
    background: #fff;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}
.global-footer li:last-child {
    border-bottom: none;
}
.global-footer li:first-child a {
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}
.global-footer li:last-child a {
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}
.copyright {
    margin: 0px;
    padding: 10px 10px 10px;
    border-top: 3px double #283048;
    color: #283048;
    text-align: center;
    font-weight: bold;
    font-size: 80%;
    line-height: 1.2em;
}
.copyright a {
    color: #283048;
    text-decoration: none;
}

/*=================================================
 * ランキングページ
 * ================================================= */
/*-- table --*/
.top-contents-area table,
.contents-area table {
    margin: 0 auto 1.5em;
    padding: 0;
    width: 95%;
    border-collapse: collapse;
}
.top-contents-area table th,
.top-contents-area table td,
.contents-area table th,
.contents-area table td {
    padding: 5px;
    border: 1px solid #ccc;
    line-height: 1.5em;
}
.top-contents-area table th,
.contents-area table th {
    background-color: #283048;
    color: #fff;
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
}
.top-contents-area table td,
.contents-area table td {
    background-color: #fff;
}


/*=================================================
 * ボタン
 * ================================================= */
.btn01 a {
    display: block;
    margin: 0.5em 2em 1em;
    padding: 10px 40px 10px 3px;
    background: url(../img/sp-btn-bg-g.png) no-repeat right center;
    -moz-background-size: 40px 100px;
    background-size: 40px 100px;
    -webkit-box-shadow: 0px 2px 1px #ccc;
    -moz-box-shadow: 0px 2px 1px #ccc;
    -ms-box-shadow: 0px 2px 1px #ccc;
    box-shadow: 0px 2px 1px #ccc;
    color: #fff;
    text-align: center;
    text-decoration: none;
    /*text-shadow: #004080 1px 1px 0px;*/
    font-weight: bold;
    border: 4px solid #fff;
    border-radius: 5px;
}
.btn01.btn-tel a {
    margin: 0 2em 2em;
    background: url(../img/sp-btn-tel-bg.png) no-repeat right center;
    -moz-background-size: 40px 100px;
    background-size: 40px 100px;
}
.btn01.btn-l a {
    margin-right: 1em;
    margin-left: 1em;
    padding: 16px 40px 16px 3px;
}
.btn01.btn-nomargin a {
    margin: 0;
}
.btn01.btn-red-orange a {
    color: #fff;
    background-color: #ea3e3e;
}
.btn01.btn-yellow a {
    color: #000;
    background-color: #FFC82E;
}
.btn01.btn-orange a {
    color: #fff;
    background-color: #eb6100;
}
.btn01.btn-erth-orange a {
    color: #fff;
    background-color: #D69A44;
}
.btn01.btn-green a {
    color: #fff;
    background-color: #93DFCA;
}
.btn01.btn-deep-green a {
    color: #fff;
    background-color: #0f993d;
}
.btn01.btn-light-green a {
    color: #fff;
    background-color: #cfc;
}
.btn01.btn-pink a {
    color: #fff;
    background-color: #FF7C9E;
}
.btn01.btn-pink2 a {
    color: #fff;
    background-color: #FF89A0;
}
.btn01.btn-pink3 a {
    color: #fff;
    background-color: #ff6261;
}
.btn01.btn-light-pink a {
    color: #fff;
    background-color: #fcc;
}
.btn01.btn-blue a {
    color: #fff;
    background-color: #2E76CF;
}
.btn01.btn-light-blue a {
    color: #fff;
    background-color: #8fdcff;
}
.btn01.btn-light-blue2 a {
    color: #fff;
    background-color: #08bff1;
}
.btn01.btn-deep-blue a {
    color: #fff;
    background-color: #004986;
}
.btn01.btn-deep-blue2 a {
    color: #fff;
    background-color: #283048;
}
.btn01.btn-blue-green a {
    color: #fff;
    background-color: #0f6e82;
}
.btn01.btn-purple a {
    color: #fff;
    background-color: #873fa4;
}
.btn01.btn-cyan a {
    color: #fff;
    background-color: #28c8b7;
}
.btn01.btn-chocolate a {
    color: #fff;
    background-color: #7a520f;
}
.btn01.btn-light-gray a {
    color: #fff;
    background-color: #ccc;
}
.btn01.btn-tel-green a {
    color: #fff;
    background-color: #22ac38;
}
.btn01.btn-tel-white a {
    color: #22ac38;
    background-color: #fff;
    border: 4px solid #93DFCA;
}
.btn01.btn-last a {
    margin: 0.5em 1em 2em;
}
.btn01.btn-text-left a {
    text-align: left;
    padding-left: 10px;
}
.btn01.btn-text-gray a {
    color: #585858;
}


/*=================================================
 * スタイル
 * ================================================= */

.img100 {
    margin: 0 0.5em 0.5em;
    padding: 0;
    text-align: center;
    line-height: 1em;
}
.img100 img {
    max-width: 100%;
    height: auto;
}

.img50>img {
    width: 50%;
    height: 50%;
}
p.cap {
    text-align: center;
    font-size: 0.9em;
}
p.center,
.center {
    margin: 0;
    padding: 0;
    text-align: center;
}
.center p {
    text-align: center;
}
.text-right {
    text-align: right;
}
.alignleft {
    float: left;
    padding: 0px 20px 20px 0px;
}
.alignright {
    padding: 0px 0px 20px 20px;
    float: right;
}
div.disclaimer {
    margin: 0;
    padding: 1em;
    background-color: #fff;
}
div.disclaimer p {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
}
div.disclaimer p.ttl {
    font-size: 1em;
    font-weight: bold;
}
.box-foot {
    padding: 1em;
    border-top: 4px solid #ccc;
    border-bottom: 4px solid #ccc;
}
.box-foot p {
    margin: 0;
    padding: 0;
}
.box01 {
    margin: 1em;
    padding: 0;
    padding-top: 1em;
    border: 1px solid #283048;
}
.box02 {
    margin: 1em 0;
    padding: 0;
    padding-top: 1em;
    background-color: #fafaf5;
}
.box03 {
    margin: 0 1em 1em;
    padding: 0;
    background-color: #fff;
    border: 1px solid #283048;
    border-radius: 5px;
}
.box03 p.ttl {
    text-align: center;
    font-size: 1.2em;
    border-bottom: 1px dashed #283048;
}

/* Add */
.guide-content {
    margin: 2em 0 1em;
    padding: 0 0 1em;
    background-color: #fafaf5;
}
.guide-content .badge {
    float: left;
    position: relative;
    top: -10px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #d92455;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.guide-content .badge p {
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    line-height: 1em;
    margin: 0;
    padding: 0;
}
.guide-content .badge p span {
    font-size: 9px;
}
.guide-content .guide-content-header {
    margin: 0.5em;
    padding: 0.5em 0.5em 0.5em 64px;
}
.guide-content .guide-content-header h3 {
    color: #fff;
    margin: 0;
    padding: 0.5em;
    line-height: 1.2em;
    background-color: #283048;
    border: none;
}
.guide-content .guide-content-header h3 span {
    font-size: 14px;
    background-color: #D69A44;
}
.guide-sub-title {
    color: #fff;
    background-color: #606b78;
    text-align: center;
}
.foot-content {
    margin: 2em 0 1em;
    padding: 0 0 1em;
    background-color: #283048;
    color: #fff;
}
.foot-content .badge {
    float: left;
    position: relative;
    top: -10px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #d92455;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.foot-content .badge span {
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.foot-content .foot-content-header {
    margin-bottom: 0.5em;
    padding: 0.5em 1em 0.5em 80px;;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 1px solid #fff;
}
.foot-content .foot-content-header span{
    font-size: 14px;
}
.btn01.btn-tel2 a {
    color: #fff;
    background-color: #28C8B7;
}
.top-contents-area h3 {
    margin: 20px 10px 10px;
    padding: 0.5em;
    color: #283048;
    font-size: 15px;
    line-height: 1.3;
    border-bottom: none;
    background: url(../img/sp-top-h3-bg.png) repeat 0 0;
}
.top-contents-area h3 span {
    color: #fff;
    background-color: #d92455;
    margin-right: 0.5em;
}
.top-box {
    margin: 1em 0 2em;
    padding: 0;
    padding-bottom: 1em;
    background-color: #fafaf5;
    border-top: 4px solid #283048;
}
.top-box .banner {
    margin: 0.5em 1em;
    padding: 0.5em;
    color: #fff;
    background-color: #283048;
    text-align: center;
}
.top-sub-title {
    margin-top: 2em;
    padding: 0.5em !important;
    font-size: 1.5em;
    color: #fff;
    background-color: #283048;
    text-align: center;
}

/*--- oki_20180327 ---*/
.hikaku td {
    vertical-align: text-top;
}
.bold{
    font-weight: bold;
}
.attention{
    font-size: 18px;
    font-weight: bold;
}
.marker_y{
    background-color: #FFFF99;
}
.maker_p{
    background-color: #fbcad9;
}

.boxkate2 {
    max-width: 87%;
    border: solid 2px #505865;
    margin: 10px auto;
    background-color: #ffffff;
    font-weight: bold;
}

.boxkate2 ol{
    margin: 0;
}

.scroll {
    overflow: scroll;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

p.red {
    color: red;
}

/*20210308*/
.sansyoumoto{
    word-wrap : break-word;
}

/*20221003*/
.kanren {
    position: relative;
    box-sizing: border-box;
    margin: 3rem auto;
    padding: 0rem;
    border: solid 1px #000;
    border-top: 6px solid;
    background: #fafaf5;
    width:90%;
}
.kanren .midasi {
    padding: 1rem;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
}