@charset 'utf-8';

/*	Cascading Style Sheets: style.css 5.2	*/


/*	memo
font-family（字体）
ゴシック→"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif
明朝→"Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif
*/

.SIDE_BANNER {
    width: 220px;
    float: left;
    background: #e4f4fb;
}

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {
    margin: 0px;
    padding: 0px;
    color: #000;
    background: #fff;
    font: normal normal normal 12px/2em Arial, 'BIZ UDPGothic','Noto Sans Japanese', "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", Verdana, Geneva, "ＭＳ ゴシック", sans-serif;
    letter-spacing: 0.05em;
}

a {
    outline: 0px none #fff;
    background-repeat: no-repeat;
}

a span,
a strong,
a em,
a small,
a img {
    cursor: pointer;
}

br {
    letter-spacing: 0px;
}

div {
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    border: 0px solid #000;
}

hr {
    clear: both;
    height: 1px;
    color: #000;
    background: #000;
    text-align: left;
    margin: 0px;
    border: 0px none #000;
    display: block;
}

img {
    margin: 0px;
    padding: 0px;
    border: 0px solid #000;
}

form {
    margin: 0px;
    padding: 0px;
}

select {
    cursor: hand;
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    padding: 0px;
    font-size: 100%;
    line-height: 100%;
    font-weight: normal;
    font: inherit;
}

ul,
ol {
    margin: 0px;
    padding: 0px;
}

li {
    margin: 0px;
    padding: 0px;
    display: block;
    list-style: none outside none;
}

li img {
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

li a img {
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

dl {
    clear: both;
    float: left;
    display: inline;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

dt {
    clear: both;
    float: left;
    display: block;
    width: 15%;
    margin: 0px;
    padding: 0px;
}

dd {
    clear: none;
    float: left;
    display: block;
    width: 85%;
    margin: 0px;
    padding: 0px;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
    border: 0px solid #ccc;
    table-layout: fixed;
    empty-cells: show;
    margin: 0px;
    padding: 0px;
}

td,
th {
    margin: 0px;
    padding: 0px;
}


/*共通*/

body {
    color: #000;
}

a {
    color: #000;
    text-decoration: none;
}

strong {
    font-style: normal;
    font-weight: normal;
}

em {
    font-style: normal;
    font-weight: normal;
}

.SHEET {
    width: 960px;
    margin: 0 auto 0px auto;
}

img.ARROW {
    width: 3px;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

#PAGE {
    width: 100%;
    padding-bottom: 50px;
}

#HEADER {
    width: 100%;
    margin: 0 auto;
    overflow: visible;
}

#HEADER .SHEET {
    margin-bottom: 0;
}

#HEADER h1 {
    width: 590px;
    height: 25px;
    float: left;
    margin: 5px 0 0 0;
    font-size: 11px;
    line-height: 1.5em;
}

#HEADER strong.H1 {
    width: 530px;
    height: 25px;
    float: left;
    margin: 5px 0 0 0;
    font-size: 11px;
    line-height: 1.5em;
}

#HEADER ul.H_CONTACT {
    width: auto;
    float: right;
    margin: 0;
}

#HEADER ul.H_CONTACT li {
    width: auto;
    float: left;
    margin-left: 2px;
}

#HEADER ul.H_CONTACT li a {
    width: 120px;
    height: 30px;
    float: left;
    background: #878787 url(../img/h_con_bg.png);
    color: #fff;
    text-align: center;
    line-height: 30px;
}

#HEADER ul.H_CONTACT li a.MYPAGE {
    background: #ff7f00 url(../img/h_my_bg.png);
}

#HEADER ul.H_CONTACT li a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
}

#HEADER ul.H_CONTACT li a:active {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
}

#HEADER .LOGO_SP {
    display: none;
}

#HEADER .LOGO {
    width: auto;
    float: left;
}

#HEADER .LOGO img.LG {
    width: auto;
    float: left;
}

#HEADER .LOGO span {
    display: none;
}

#HEADER .LOGO:hover span {
    text-decoration: underline;
}

#HEADER .LOGO:active span {
    text-decoration: underline;
}

#HEADER .TEL {
    width: auto;
    float: right;
    margin: 10px 0 0 0;
}

#HEADER .TEL span {
    width: auto;
    float: right;
    clear: both;
    font-size: 11px;
    line-height: 1.2em;
}

#HEADER .TEL em {
    width: auto;
    float: right;
    clear: both;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.2em;
}

#HEADER .TEL strong {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2em;
}

#HEADER .SUBMENU {
    width: 30%;
    float: right;
    margin: 10px 0 0 0;
}

#HEADER .SUBMENU li {
    width: auto;
    float: left;
    margin: 0 0 0 20px;
}

#HEADER .SUBMENU li a {
    width: auto;
    float: left;
}

#HEADER .SUBMENU li a:hover {
    text-decoration: underline;
}

#HEADER .SUBMENU li a:active {
    text-decoration: underline;
}

#HEADER a.RES {
    width: 300px;
    float: left;
    margin: 0px 0 5px 10px;
    padding: 5px 0;
    background: #fff550;
}

#HEADER a.RES:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
}

#HEADER a.RES:active {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
}

#HEADER a.RES img {
    width: 60px;
    float: left;
    margin: 15px 10px 5px 10px;
}

#HEADER a.RES span.MAIL {
    width: 220px;
    float: right;
    color: #000;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.5em;
}

#HEADER a.RES span.MAIL strong {
    font-weight: bold;
    font-size: 18px;
}

#HEADER a.RES span.CON_RES {
    width: 150px;
    float: right;
    margin: 0 10px 0 0;
    padding: 5px 30px;
    background: #bb2f80;
    color: #fff;
    text-align: center;
    line-height: 1.8em;
}

#HEADER a.RES span.CON_RES img {
    width: 20px;
    float: none;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

#HEADER a.RES span.CON_RES span {
    float: none;
}

.navi_btn {
    display: none;
}

.NAVI {
    width: 100%;
    float: left;
    margin: 5px 0 0 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow: visible;
}

.NAVI .SHEET {
    overflow: visible;
}

.NAVI ul {
    width: auto;
    height: 30px;
    float: left;
    margin: 0 0 0 20px;
    overflow: visible;
}

.NAVI ul li {
    width: 95px;
    height: 27px;
    float: left;
    border-bottom: 3px solid #fff;
}

.NAVI ul li.mm-item {
    overflow: visible;
}

.NAVI ul li.mm-item div.mm-item-content {
    width: 106px;
    float: left;
    margin-top: 5px;
    background: #fff;
    color: #000;
    position: absolute;
    z-index: 300;
}

.NAVI ul li.mm-item div.mm-js-shadow {
    display: none;
}

.NAVI ul li.mm-item div.mm-item-content a {
    width: 110px;
    height: 30px;
    float: left;
    border: 1px solid #ccc;
    border-top: none;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #1da0e3 0%, #1575a6 100%) repeat scroll 0 0;
    color: #fff;
    font-weight: normal;
}

.NAVI ul li.mm-item div.mm-item-content a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
}

.NAVI ul li.mm-item div.mm-item-content a:active {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
}

.NAVI ul li.CLOSE {
    display: none;
}

.NAVI ul li a {
    width: 95px;
    height: 27px;
    float: left;
    text-align: center;
    font-weight: bold;
    line-height: 30px;
}

.NAVI ul li.M_REFORM {
    width: 176px;
}

.NAVI ul li.M_REFORM a {
    width: 176px;
}

.NAVI ul li:hover {
    border-bottom: 3px solid #1da4e7;
}

.NAVI ul li:active {
    border-bottom: 3px solid #1da4e7;
}

#PAGE {
    background: #e4f4fb;
    z-index: 100;
}

#PAGE ul.BREAD {
    width: 960px;
    float: left;
    clear: both;
    padding: 5px 0;
}

#PAGE ul.BREAD li {
    width: auto;
    float: left;
    margin-right: 10px;
    font-size: 11px;
}

#PAGE ul.BREAD li a {
    font-size: 11px;
}

#PAGE ul.BREAD li a:hover {
    text-decoration: underline;
}

#PAGE ul.BREAD li a:active {
    text-decoration: underline;
}

#PAGE ul.BREAD li img.ARROW {
    float: left;
    margin: 8px 0 0 0;
}

#PAGE .BACK {
    display: none;
}

#PAGE .SHEET .SIDE {
    width: 230px;
    float: left;
    margin: 0;
}

#PAGE .SHEET .SIDE ul {
    width: 222px;
    float: left;
    border-bottom: none;
}

#PAGE .SHEET .SIDE ul li {
    width: 220px;
    float: left;
    margin: 0 0 3px 0;
}

#PAGE .SHEET .SIDE ul li a {
    width: 180px;
    height: 45px;
    float: left;
    padding: 0 20px;
    background: #1da4e7 url(../img/arrow_white.png) no-repeat 90% 50%;
    background-size: 4px auto;
    color: #fff;
    line-height: 45px;
}

#PAGE .SHEET .SIDE ul li a.CURRENT {
    background: #fff url(../img/arrow_blue.png) no-repeat 90% 50%;
    background-size: 4px auto;
    color: #1da4e7;
}

#PAGE .SHEET .SIDE ul li a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
}

#PAGE .SHEET .SIDE ul li a:active {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
}

#PAGE .SHEET .SIDE li.LI_TOP {
    width: 220px;
    margin-bottom: 15px;
}

#PAGE .SHEET .SIDE li.LI_CAT {
    width: 220px;
    background: none;
    border: none;
    float: left;
    clear: none;
    border: none;
    margin-bottom: 5px;
}

#PAGE .SHEET .SIDE li.LI_CAT img {
    float: left;
    clear: none;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

#PAGE .SHEET .SIDE li.LI_CAT a {
    width: auto;
    height: auto;
    float: left;
    clear: none;
    color: #000;
    background: none;
    border: none;
    padding: 0;
    line-height: 15px;
}

#PAGE .SHEET .SIDE li.LI_CAT a:link {
    color: #000;
}

#PAGE .SHEET .CONTENTS {
    width: 700px;
    float: right;
    margin: 0;
    background: #fff;
}

#PAGE .SHEET .CONTENTS .INSIDE {
    width: 640px;
    float: left;
    padding: 30px;
    padding-bottom: 50px;
}

#PAGE .INSIDE h3 {
    font-size: 13px;
    font-weight: bold;
}

#PAGE .BORDER {
    width: 640px;
    height: 10px;
    float: left;
    clear: none;
    border-top: 1px dashed #ccc;
    margin: 10px 0;
}

#PAGE .INSIDE h4 {
    font-size: 25px;
    font-weight: bold;
    float: left;
    clear: none;
}

#PAGE .INSIDE h4 span {
    width: 45px;
    height: 45px;
    background: url(../img/span_back.png) 45%;
    float: left;
    clear: none;
    display: block;
    margin: 0 0 10px 0;
    text-align: center;
    color: #fff;
    line-height: 45px;
}

#PAGE .INSIDE h4 strong {
    width: auto;
    float: left;
    clear: none;
    font-size: 25px;
    font-weight: bold;
    float: left;
    clear: none;
    margin-left: 20px;
    line-height: 31px;
    background-image: url(../img/back_yellow.png);
    background-repeat: repeat;
    background-position: 0% 80%;
    margin-top: 5px;
}

#PAGE .INSIDE h4 .H4_RIGHT {
    width: 590px;
    float: right;
    clear: none;
}

#PAGE .INSIDE h4 .H4_RIGHT strong {
    width: auto;
    float: left;
    clear: both;
    margin: 0 0 0 20px;
}

#PAGE .INSIDE h4 .H4_RIGHT small {
    width: auto;
    float: left;
    clear: both;
    font-size: 13px;
    margin-left: 20px;
}

#PAGE .INSIDE strong.LEFT_MARGIN {
    float: left;
    clear: none;
    margin: 0 0 0 70px;
    font-weight: bold;
}

#PAGE .INSIDE strong.STRONG_LEFT {
    font-weight: bold;
    float: left;
    clear: none;
    margin-top: 20px;
}

#PAGE .INSIDE img.IMG_TOP {
    float: left;
    clear: none;
    margin: 20px 0 0 0;
}

#PAGE .INSIDE p {
    float: left;
    clear: none;
}

#PAGE .INSIDE img.ZU {
    border: 15px solid #c0c0c0;
    float: left;
    clear: none;
    margin: 30px 0;
}

#PAGE .INSIDE p {
    width: auto;
    float: left;
    clear: none;
}

#PAGE .INSIDE p.P_LEAD {
    margin: 20px 0 30px 0;
}

#PAGE .INSIDE p.INFO {
    width: 150px;
    float: left;
    clear: none;
}

#PAGE .INSIDE p.P490 {
    width: 490px;
    float: left;
    clear: none;
}

#PAGE .INSIDE strong.STRONG_LEFT490 {
    width: 490px;
    font-weight: bold;
    float: left;
    clear: none;
    margin-top: 20px;
}

#PAGE .INSIDE p img.ILLUST {
    width: 150px;
    float: right;
    clear: none;
}

#PAGE .INSIDE strong img.ILLUST {
    width: 150px;
    float: right;
    clear: none;
}


/*#PAGE .INSIDE strong { width:640px; float:left; clear:none; }*/

#PAGE .INSIDE ul.PHOTO {
    width: 660px;
    float: left;
    clear: none;
    margin: 20px 0 0 0;
}

#PAGE .INSIDE ul.PHOTO li {
    width: 315px;
    margin: 0 15px 0 0;
    float: left;
    clear: none;
    line-height: 1.7em;
}

#PAGE .INSIDE ul.PHOTO li img {
    width: 315px;
    float: left;
    clear: none;
    margin-bottom: 10px;
}

#PAGE .INSIDE img.IMAGE_RIGHT {
    width: 150px;
    float: right;
    celar: none;
}

#PAGE .INSIDE img.IMAGE_RIGHT_FLOWER {
    width: 70px;
    float: right;
    celar: none;
}


/*	問い合せボックス*/

#PAGE .SHEET .CONTACTBOX {
    width: 640px;
    float: left;
    margin: 30px 0 0 0;
    background: #fff550;
}

#PAGE .SHEET .CONTACTBOX strong {
    width: 640px;
    float: left;
    border-bottom: 1px solid #999;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    line-height: 2.5em;
}

#PAGE .SHEET .CONTACTBOX .TEL {
    width: 220px;
    float: left;
    padding: 10px 0 15px 20px;
    border-right: 1px solid #999;
    font-weight: bold;
    font-size: 12px;
    line-height: 2.5em;
}

#PAGE .SHEET .CONTACTBOX .TEL strong {
    width: 220px;
    float: left;
    margin: 5px 0 0 0;
    font-weight: bold;
    font-size: 25px;
    line-height: 1.2em;
}

#PAGE .SHEET .CONTACTBOX .TEL strong em {
    font-size: 15px;
    line-height: 1.2em;
}

#PAGE .SHEET .CONTACTBOX .MAIL {
    width: 360px;
    float: right;
    margin: 10px 20px 0 0;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 2.5em;
}

#PAGE .SHEET .CONTACTBOX ul.CON {
    width: 370px;
    float: left;
    margin: 10px 0 0 63px;
}

#PAGE .SHEET .CONTACTBOX ul.CON li {
    width: 185px;
    float: left;
}

#PAGE .SHEET .CONTACTBOX ul.CON li a {
    width: 180px;
    float: left;
    color: #fff;
    text-align: center;
    line-height: 2.5em;
}

#PAGE .SHEET .CONTACTBOX ul.CON li a img {
    width: 20px;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

#PAGE .SHEET .CONTACTBOX ul.CON li a.CON_CON {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(to bottom, #666 0%, #000 100%) repeat scroll 0 0;
}

#PAGE .SHEET .CONTACTBOX ul.CON li a:hover.CON_CON {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(to bottom, #ffa366 0%, #f60 100%) repeat scroll 0 0;
}

#PAGE .SHEET .CONTACTBOX ul.CON li a:active.CON_CON {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(to bottom, #ffa366 0%, #f60 100%) repeat scroll 0 0;
}

#PAGE .SHEET .CONTACTBOX ul.CON li a.CON_RES {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(to bottom, #d682b3 0%, #bb2f80 100%) repeat scroll 0 0;
}

#PAGE .SHEET .CONTACTBOX ul.CON li a:hover.CON_RES {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(to bottom, #ffa366 0%, #f60 100%) repeat scroll 0 0;
}

#PAGE .SHEET .CONTACTBOX ul.CON li a:active.CON_RES {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(to bottom, #ffa366 0%, #f60 100%) repeat scroll 0 0;
}


/*会社概要などのページトップの画像*/

#PAGE .PAGE_TOP_WRAP {
    width: 100%;
    background: #fff;
}

#PAGE .PAGE_TOP {
    width: 1040px;
    margin: 0 auto;
}

#PAGE .PAGE_TOP img {
    float: left;
    clear: none;
}

h2.BAR {
    width: 670px;
    height: 45px;
    float: left;
    margin: 0;
    padding: 0 0 0 30px;
    background: #1da4e7;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    line-height: 45px;
}


/*リフォーム事例などのh3*/

h3.H3_BORDER {
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
}


/*会社概要などのサイドバー*/

#PAGE .SHEET .SIDE_WHITE {
    width: 220px;
    float: left;
    margin: 0;
    background: url(../img/sidebar_back.png);
}

#PAGE .SHEET .SIDE_WHITE .SIDE_TOP {
    width: 180px;
    /*height:40px;*/
    padding: 10px 20px;
    background: #1da4e7;
    color: #fff;
}

#PAGE .SHEET .SIDE_WHITE .SIDE_TOP strong {
    width: 180px;
    float: left;
    clear: none;
    line-height: 1.7em;
}

#PAGE .SHEET .SIDE_WHITE .SIDE_TOP span {
    width: 180px;
    float: left;
    clear: none;
    line-height: 1.7em;
    font-size: 10px;
}

#PAGE .SHEET .SIDE_WHITE ul {
    width: 200px;
    float: left;
    border-bottom: none;
    margin: 10px;
    background: #fff;
}

#PAGE .SHEET .SIDE_WHITE ul li.CLOSE {
    display: none;
}

#PAGE .SHEET .SIDE_WHITE ul li {
    width: 200px;
    height: 46px;
    float: left;
    margin: 0 0 0px 0;
}

#PAGE .SHEET .SIDE_WHITE ul li a {
    width: 170px;
    height: 45px;
    float: left;
    padding: 0 0 0 30px;
    background: #fff url(../img/arrow_black.png) no-repeat 8% 50%;
    background-size: 4px auto;
    color: #000;
    line-height: 45px;
    border-bottom: 1px dotted #ccc;
}

#PAGE .SHEET .SIDE_WHITE ul li a.CURRENT {
    background: #fff url(../img/arrow_black.png) no-repeat 90% 50%;
    background-size: 4px auto;
    color: #1da4e7;
}

#PAGE .SHEET .SIDE_WHITE ul li a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
    background: #e4f4fb url(../img/arrow_black.png) no-repeat 8% 50%;
    background-size: 4px auto;
    color: #000;
}

/*20230820 HM-ta 追加 -----------------------------*/
#PAGE .SHEET .SIDE_WHITE ul li.side.op {
    cursor: pointer;
    border:1px dotted #ccc;
}
#PAGE .SHEET .SIDE_WHITE ul li span {
    line-height: 47px;
}
#PAGE .SHEET .SIDE_WHITE ul li span img{
    background-size: 4px auto;
    height: 7px;
    color: black;
    margin-top: 20px;
    padding: 0 15px;
}
#PAGE .SHEET .SIDE_WHITE ul span#open1,
#PAGE .SHEET .SIDE_WHITE ul span#open2,
#PAGE .SHEET .SIDE_WHITE ul span#open3,
#PAGE .SHEET .SIDE_WHITE ul span#open4 {
    display: none; 
    clear: both; 
    padding: 0 0 10px ;
    border-bottom:1px dotted #ccc;
}

#PAGE .SHEET .SIDE_WHITE ul span#open1 a p#acdn-target, 
#PAGE .SHEET .SIDE_WHITE ul span#open2 a p#acdn-target, 
#PAGE .SHEET .SIDE_WHITE ul span#open3 a p#acdn-target,
#PAGE .SHEET .SIDE_WHITE ul span#open4 a p#acdn-target {
    padding: 0 0 0 20px;
}

#PAGE .SHEET .SIDE_WHITE ul span#open1 a p:hover,
#PAGE .SHEET .SIDE_WHITE ul span#open2 a p:hover,
#PAGE .SHEET .SIDE_WHITE ul span#open3 a p:hover,
#PAGE .SHEET .SIDE_WHITE ul span#open4 a p:hover  {
    background-color: #e4f4fb ;
}
#PAGE .SHEET .SIDE_WHITE ul li:hover {
    background-color: #e4f4fb ;
}
/*20230820 HM-ta 追加 -----------------------------*/

#PAGE .SHEET .SIDE_WHITE ul li a:active {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
    background: #e4f4fb url(../img/arrow_black.png) no-repeat 8% 50%;
    background-size: 4px auto;
    color: #000;
}

#F_MENU {
    width: 100%;
    padding: 20px 0 0 0;
    background: url(../img/f_line.gif) repeat-x;
    z-index: 100;
    background-color: #FFF;
}

ul.MENU_FOOT {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
    border-left: 1px solid #ccc;
    overflow: visible;
    text-align: center;
}

.MENU_FOOT li {
    width: auto;
    height: auto;
    float: left;
    display: inline-block;
    border-right: 1px solid #ccc;
}

.MENU_FOOT li.M_IR {
    display: none;
}

.MENU_FOOT li.M_RECRUIT {
    display: none;
}

.MENU_FOOT li.M_COOPERATE {
    display: none;
}

.MENU_FOOT li.M_RESERVATION {
    float: right;
}

.MENU_FOOT li.F_LINK_TITLE {
    display: none;
}

.MENU_FOOT li a {
    width: auto;
    float: left;
    padding: 0 20px;
    text-align: center;
    font-weight: bold;
    line-height: 1.2em;
}

.MENU_FOOT li a img {
    display: none;
}

.MENU_FOOT li a:hover {
    text-decoration: underline;
}

.MENU_FOOT li a:active {
    text-decoration: underline;
}

.MENU_FOOT li.M_RESERVATION a {
    margin: -5px 0;
    padding: 5px 30px;
    background: #f93b1d;/*#bb2f80;*/
    color: #fff;
}

.MENU_FOOT li.M_RESERVATION a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
    text-decoration: none;
}

.MENU_FOOT li.M_RESERVATION a:active {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
    text-decoration: none;
}

ul.F_LINK {
    width: 800px;
    float: left;
    margin: 0 0 20px 0;
}

ul.F_LINK_S {
    width: 160px;
    margin: 40px 0 15px 0;
}

ul.F_LINK li {
    width: 160px;
    height: auto;
    float: left;
    padding: 0;
    font-size: 11px;
}

ul.F_LINK li a {
    float: left;
    clear: both;
    font-size: 11px;
    line-height: 2em;
    color: #999;
}

ul.F_LINK li a:hover {
    text-decoration: underline;
}

ul.F_LINK li a:active {
    text-decoration: underline;
}

ul.F_LINK li a.FB {
    width: 160px;
    float: left;
    margin: 5px 0 0 0;
}

ul.F_LINK li a.FB:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
}

ul.F_LINK li a.FB:active {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
}

ul.F_LINK li a.FB img {
    width: 34px;
    float: left;
}

ul.F_LINK li a.FB span {
    width: 120px;
    float: right;
    margin: 5px 0 0 0;
    line-height: 1.2em;
}

ul.F_LINK li.F_LINK_TITLE {
    width: 960px;
    margin: 20px 0 0 0;
}

ul.F_LINK li.F_LINK_TITLE a {
    font-weight: bold;
    color: #595757;
}

#FOOTER {
    width: 100%;
    padding: 20px 0;
    background: #595757;
    color: #fff;
    font-size: 12px;
    line-height: 1.2em;
    z-index: 100;
}

#FOOTER span {
    width: auto;
    float: left;
    margin: 0 20px 0 0;
}

#FOOTER span.F_COPYRIGHT {
    width: auto;
    float: right;
    margin: 0 35px 0 0;
}

#PAGETOP {
    width: 40px;
    height: 40px;
    float: left;
    background: #000;
    position: fixed;
    bottom: 0;
    right: 2.5%;
    z-index: 300;
}

#PAGETOP:hover {
    background: #666;
}

#PAGETOP:active {
    background: #666;
}

#PAGETOP img {
    width: 10px;
    float: left;
    margin: 18px 0 0 15px;
}

#slide_menu {
    display: none;
}

.COMING {
    width: 720px;
    float: left;
    padding: 200px 0;
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    font-family: arial;
}


/* animation*/

.SHEET #Stage1 {
    margin-left: -40px;
    display: block;
}

#FOOT_animation {
    background-color: #e4f4fb;
    display: block;
}

#FOOT_animation .flow-wrapper {
    overflow: visible;
}


/* 20190912 bnr */

.SHEET.bnr {
    text-align: center;
    margin-top: 20px;
}

.SHEET.bnr img {
    /* width: 960px; */
}
.raijo_banner{
    width: 56%;
}
/*----------------------------------------
  added by sakaguchi 2021/07/16
------------------------------------------ */
#PAGE .SHEET .pc-side-nav-fixed {
	top: 2%;
	left: 68%;
	width: 18%;
	position: fixed;
}


/* 0531追加 */
@media screen and (max-width: 740px){
.tokuten_210531{
    max-width: 100%;
    margin: 0;
}
.tokuten_210531 img{
    max-width: 100%;
}
}

/*20220410*/
.btn_header_sdgs {
	float: left;
	margin: 8px 0 0 10px;
}
@media screen and (max-width: 740px){
.btn_header_sdgs {
	display: none;
}
}
.btn_header_sdgs_sp {
	display: none;
}
@media screen and (max-width: 740px){
.btn_header_sdgs_sp {
	display: inline;
	float: left;
	margin: 15px 0 0 0;
}
.btn_header_sdgs_sp img {
	width: 30px;
}
}

/*--- ローンシミュレーション HMta20221118---*/

ul.LOAN_SIMULATION_DIV {
    clear: none;
    background: #f9f9f9;
    height: 82px;
    padding: 10px 0 0 0;
    float: left;
    width: 640px;
}
ul.LOAN_SIMULATION_DIV li {
	float:left;
	text-align: left;
	margin:0 10px;
}
ul.LOAN_SIMULATION_DIV li:first-child {
	line-height: 80px;
	font-size: 18px;
	font-weight:bold;
}
ul.LOAN_SIMULATION_DIV li:nth-child(2),
ul.LOAN_SIMULATION_DIV li:nth-child(3),
ul.LOAN_SIMULATION_DIV li:nth-child(5) {
	line-height: 18px;
}
ul.LOAN_SIMULATION_DIV li .MILLION {
    font-size: 18px;
	color:#333;
}
ul.LOAN_SIMULATION_DIV li .LOAN_CAP {
	margin: 0 0 3px;
}
ul.LOAN_SIMULATION_DIV li input[type="text"] {
	width:50px;
	height:30px;
	margin:0 5px 0 0;
	font-size: 17px;
	text-align: right;
}
ul.LOAN_SIMULATION_DIV li input[type="text"] .PAYMENT_EX {
	width:120px;
	font-size: 22px;
	font-weight:bold;
}

ul.LOAN_SIMULATION_DIV li #MONTHLY_PRICE {
	font-size: 30px;
	font-weight:bold;
	color:#c62f25;
	width: 120px;
}

#CALC_SIMULATION {
    float: right;
    width: 70px;
    background-color: fff;
    text-align: center;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
    margin: 22px 0;
    cursor: pointer;
}
@media screen and (max-width:480px) {
    ul.LOAN_SIMULATION_DIV {
        height: initial;
        padding: initial;
        width: 100%;
    }
    ul.LOAN_SIMULATION_DIV li:first-child {
        width: 100%;
    }
    #PAGE .INSIDE p.LOAN_IMP {
        font-size:11px !important;
    }
 
}

/*20230330 h-m okz*/
.mm_pc {
	display: block;
}
.mm_sp {
	display: none;
}
/*20230501 h-m okz*/
.flex {
    display: flex;
    flex-wrap: wrap;
}
.flex-x-center {
	justify-content: center;
}
.flex-x-between {
	justify-content: space-between;
}
.flex-y-top {
	align-items: flex-start;	
}
.flex-y-center {
	align-items: center;	
}
.flex-y-stretch {
	align-items: stretch;	
}
.flex-g-30 > *:not(:last-child) {
	margin-right: 30px;
}
@media screen and (max-width: 991px) {
.flex {
    display: block;
}
.flex-g-30 > *:not(:last-child) {
	margin-right: 0px;
}
}
.flex-w-465 {
	flex-basis: 465px;
}
.responsive {
	width: 100%;
	max-width: 100%;
}