@charset "UTF-8";
html, button, input, select, textarea { color: #262626; }

img { -webkit-backface-visibility: hidden; }

@media screen and (max-width: 640px) { .spNone { display: none; } }
.subNaviService .sony-banner, .subSimple, .headerInner, .elementSubNavi.subtop { display: none; }

.elementHeader { height: auto; display: block; width: 100%; }

.elementSubNavi { height: 54px; border-bottom: 1px solid #333333; position: relative; }
.elementSubNavi .nuroTop { position: absolute; top: 15px; left: 50%; margin-left: -44px; }
.elementSubNavi ul { /*li*/ }
.elementSubNavi ul li.mansionTop { height: 90px !important; border-bottom: 1px solid #ffbe48; }
.elementSubNavi ul li.mansionTop a { height: 90px !important; }
.elementSubNavi ul li.mansionWidth { width: 100%; float: left; }
.elementSubNavi ul li.mansionWidth a { background: #FFA500; border-bottom: 1px solid #ffbe48; border-right: 1px solid #ffbe48; }
.elementSubNavi ul li.mansionHarf a { background: #FFA500; border-bottom: 1px solid #ffbe48; border-right: 1px solid #ffbe48; }
.elementSubNavi ul li.bizHarf a { background: #00558b; border-bottom: 1px solid #3094d3; border-right: 1px solid #3094d3; }
.elementSubNavi ul li.tengHarf a { background: #666; border-bottom: 1px solid #999; border-right: 1px solid #999; }
.elementSubNavi .top { height: 42px; }
.elementSubNavi .top .menu { width: 40px !important; background: url(/common/images/header/menu_icon_black.png) no-repeat center 12px !important; background-size: 20px auto !important; margin: 0 0 0 5px; position: relative; height: 42px; }
.elementSubNavi .top .menu.open { background: url(/common/images/header/menu_icon_close_black.png) no-repeat center center !important; background-size: 20px auto !important; transform: rotate(270deg); }
.elementSubNavi .top:after { position: absolute; display: block; content: ""; background: url(/common/images/header/menu_icon_txt_black.png) no-repeat; bottom: 0; left: 5px; width: 40px; height: 9px; }
.elementSubNavi .top .tel { cursor: pointer; display: block; height: 42px; width: 75px; position: absolute; right: 5px; top: 0px; background: url(/common/images/header/menu_icon_telephone_black.png) no-repeat center bottom; background-size: 75px auto; text-indent: 100%; white-space: nowrap; overflow: hidden; font-size: 0; }
.elementSubNavi .top .tel .icon { cursor: pointer; background: url(/common/images/header/menu_icon_telephone_mark_black.png) no-repeat center center; background-size: 13px auto; -webkit-transition: -webkit-transform 350ms ease; transition: transform 350ms ease; display: block; height: 13px; width: 13px; position: absolute; right: 30px; top: 10px; font-size: 0; }
.elementSubNavi .top .tel.open .icon { background: url(/common/images/header/menu_icon_telephone_close_black.png) no-repeat center center !important; background-size: 13px auto !important; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

.elementHeader.headerIndex .headerInner { position: relative; background: #fff; border-bottom: 1px solid #333333; }

img { max-width: 100%; }

section { box-sizing: border-box; }

.content { width: 100%; margin: 0 auto; /*section*/ }
.content h1 { margin: 0 0 20px; }
.content .kvNote { padding: 0 55% 0px 10px; margin-top: -10%; }
.content .kvNote li { font-size: 12px; text-align: left; }
.content section { /*.inner*/ /*secTop*/ /*.secDounyu*/ /*secSpeed*/ /*.secChigai*/ /*.secMansion*/ /*.secDenwa*/ /*.secOp*/ /*.secFlow*/ /*.secArea*/ /*.secConv*/ /*secAttention*/ }
.content section .inner { padding: 40px 20px; }
.content section .inner p { font-size: 12px; line-height: 180%; text-align: left; }
.content section .inner .convNote { text-align: center; font-size: 0.9em !important; }
.content section .inner .txtLink { margin: 0; text-align: center; font-size: 14px; }
.content section .inner .txtLink a { text-decoration: none; color: #000; }
.content section .inner .txtLink a:hover { text-decoration: underline; }
.content section .inner .txtLink a:before { content: "＞"; font-size: 12px; }
.content section.secTop .inner h2 { margin: 0 0 20px; }
.content section.secTop .inner .topImg { margin: 0 0 30px; }
.content section.secTop .inner a.btn { max-width: 80%; display: block; margin: 20px auto 30px; }
.content section.secDounyu { background: #e1e1e1; }
.content section.secDounyu .inner { /*.serchBox*/ }
.content section.secDounyu .inner h2 { margin: 30px 0 15px; }
.content section.secDounyu .inner .donyuLead:before { display: block; text-align: center; margin: 0 0 20px; }
.content section.secDounyu .inner .donyuLead.first:before { content: url("/lp/formansion/img/txt_dounyu1_deco.png"); }
.content section.secDounyu .inner .donyuLead.second:before { content: url("/lp/formansion/img/txt_dounyu2_deco.png"); }
.content section.secDounyu .inner .dounyuTxt { margin-bottom: 20px; }
.content section.secDounyu .inner .searchBox { background: #dbdbdb; padding: 15px 10px; display: flex; align-items: center; justify-content: center; margin: 20px 0 40px; }
.content section.secDounyu .inner .searchBox li { margin: 0 5px; font-size: 16px; }
.content section.secDounyu .inner .searchBox li input { background: #e9e9e9; border: 1px solid #a1a1a1; padding: 5px; font-size: 14px; padding: 5px; width: 5em; }
.content section.secDounyu .inner .dounyuPr { margin: 20px 0; }
.content section.secDounyu .inner .dounyuPr > div { margin-bottom: 30px; }
.content section.secDounyu .inner .dounyuPr > div p { margin: 25px 0; }
.content section.secDounyu .inner .dounyuPr > div a { display: block; }
.content section.secSpeed .inner h2 { margin: 0 0 20px; text-align: left; }
.content section.secSpeed .inner .speedLeed { margin: 0 0 20px; }
.content section.secChigai { background: #f1f1f1; }
.content section.secChigai .inner { /*chigaiLi*/ }
.content section.secChigai .inner h3 { margin: 0 0 15px; }
.content section.secChigai .inner .chigaiLead { margin: 0 0 20px; text-align: center; }
.content section.secChigai .inner .chigaiLi { margin: 0 0 20px; }
.content section.secChigai .inner .chigaiLi li { padding: 25px 15px; }
.content section.secChigai .inner .chigaiLi li:first-child { border-bottom: 1px solid #aeaeae; }
.content section.secChigai .inner p.chigaiTxt { text-align: center; font-weight: bold; font-size: 16px; margin: 0 0 15px; }
.content section.secMansion .inner { /*mansionLi*/ /*table*/ }
.content section.secMansion .inner h3 { margin: 0 10px 15px; }
.content section.secMansion .inner .manshionLead { background: #ff0042; padding: 15px 25px; margin: 0 0 20px; }
.content section.secMansion .inner .mansionLi { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; }
.content section.secMansion .inner .mansionLi li { margin: 0 0 15px; box-sizing: border-box; border-left: 1px solid #999; padding: 10px 15px; width: 33.3%; /*&:nth-of-type(4) , &:nth-of-type(5)*/ }
.content section.secMansion .inner .mansionLi li p { font-size: 12px; margin: 15px 0 0; text-align: center; }
.content section.secMansion .inner .mansionLi li p strong { display: block; margin-top: 5px; font-size: 20px; }
.content section.secMansion .inner .mansionLi li p strong > span { font-size: 16px; }
.content section.secMansion .inner .mansionLi li p strong > span > span { font-size: 12px; }
.content section.secMansion .inner .mansionLi li .price { color: #ff0042; font-size: 24px; margin: 20px 0 0; }
.content section.secMansion .inner .mansionLi li .price span { font-size: 16px; }
.content section.secMansion .inner .mansionLi li:nth-of-type(4), .content section.secMansion .inner .mansionLi li:nth-of-type(5) { width: 50%; }
.content section.secMansion .inner .mansionLi li:nth-of-type(4) p, .content section.secMansion .inner .mansionLi li:nth-of-type(5) p { font-size: 14px; }
.content section.secMansion .inner .mansionLi li:nth-of-type(4) p strong, .content section.secMansion .inner .mansionLi li:nth-of-type(5) p strong { font-size: 22px; }
.content section.secMansion .inner .mansionLi li:nth-of-type(4) p strong > span, .content section.secMansion .inner .mansionLi li:nth-of-type(5) p strong > span { font-size: 18px; }
.content section.secMansion .inner .mansionLi li:nth-of-type(4) p strong > span > span, .content section.secMansion .inner .mansionLi li:nth-of-type(5) p strong > span > span { font-size: 14px; }
.content section.secMansion .inner .mansionLi li:nth-of-type(4) .price, .content section.secMansion .inner .mansionLi li:nth-of-type(5) .price { font-size: 28px; line-height: 100%; }
.content section.secMansion .inner .mansionLi li:nth-of-type(4) .price span, .content section.secMansion .inner .mansionLi li:nth-of-type(5) .price span { font-size: 20px; }
.content section.secMansion .inner .mansionLi li:nth-of-type(5), .content section.secMansion .inner .mansionLi li:nth-of-type(3) { border-right: 1px solid #999; }
.content section.secMansion .inner table { margin: 0 0 20px; width: 100%; }
.content section.secMansion .inner table caption { text-align: left; font-weight: bold; font-size: 18px; margin: 0 0 10px; }
.content section.secMansion .inner table tr td { border: 1px solid #999999; vertical-align: middle; text-align: center; font-size: 16px; padding: 15px 10px; }
.content section.secMansion .inner table tr td span { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZmYwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iI2YwZmYwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2YwZmYwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZmYwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(240, 255, 0, 0)), color-stop(59%, rgba(240, 255, 0, 0)), color-stop(60%, #f0ff00), color-stop(100%, #f0ff00)); background-image: -moz-linear-gradient(top, rgba(240, 255, 0, 0) 0%, rgba(240, 255, 0, 0) 59%, #f0ff00 60%, #f0ff00 100%); background-image: -webkit-linear-gradient(top, rgba(240, 255, 0, 0) 0%, rgba(240, 255, 0, 0) 59%, #f0ff00 60%, #f0ff00 100%); background-image: linear-gradient(to bottom, rgba(240, 255, 0, 0) 0%, rgba(240, 255, 0, 0) 59%, #f0ff00 60%, #f0ff00 100%); }
.content section.secMansion .inner table tr td:nth-child(odd) { background: #e6e6e6; font-size: 14px; }
.content section.secMansion .inner .tokutenList { margin: 15px 0 30px; }
.content section.secMansion .inner .tokutenList li { margin-bottom: 15px; }
.content section.secDenwa { background: #e9e9e9; }
.content section.secDenwa .inner { /*.denwaOp*/ }
.content section.secDenwa .inner h4 { margin: 0 0 20px; }
.content section.secDenwa .inner p { margin: 0; font-size: 14px; text-align: center; }
.content section.secDenwa .inner .denwaSet li { background: #fff; border: 1px solid #919191; padding: 15px; margin: 0 auto 15px; width: 80%; }
.content section.secDenwa .inner .denwaOp > div { padding: 20px 15px; }
.content section.secDenwa .inner .denwaOp > div p { margin: 0; }
.content section.secDenwa .inner .denwaOp > div ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }
.content section.secDenwa .inner .denwaOp > div ul li { width: 48%; box-sizing: border-box; background: #fff; border: 1px solid #909090; padding: 10px; text-align: center; font-size: 14px; margin: 0 0 5px; font-weight: bold; }
.content section.secDenwa .inner .denwaOp > div:last-child { border-top: 1px solid #b1b1b1; }
.content section.secOp .inner h5 { margin: 0 0 20px; }
.content section.secOp .inner ul li { margin: 0 auto 10px; max-width: 400px; }
.content section.secOp .inner ul li a { border: 1px solid #9f9f9f; text-decoration: none; display: block; }
.content section.secOp .inner ul li a div { padding: 20px 10px 10px; }
.content section.secOp .inner ul li a span { display: block; padding: 10px; color: #000; font-size: 12px; text-decoration: none; background: #e6e6e6; }
.content section.secOp .inner ul li a span:before { content: "＞"; font-size: 10px; }
.content section.secFlow { background: #e9e9e9; /*.flow*/ }
.content section.secFlow h5 { margin: 0 0 20px; }
.content section.secFlow .step1 { background: #fff; border: 1px solid #a5a5a5; padding: 0 15px 15px; text-align: left; }
.content section.secFlow .step1 p { margin-bottom: 20px; }
.content section.secFlow .flow { /*.flowA*/ /*.flowB*/ }
.content section.secFlow .flow .goal { padding: 20px 20px 15px; text-align: center; border: 1px solid #a5a5a5; background: #fff; }
.content section.secFlow .flow .flowA { padding: 20px 0 0; position: relative; }
.content section.secFlow .flow .flowA:before { position: absolute; top: 0; content: ""; right: 25px; height: 50%; width: 26px; background-size: 26px auto; background: url("/lp/formansion/img/flow_a_arow1.png") center top no-repeat; z-index: 2; }
.content section.secFlow .flow .flowA:after { position: absolute; bottom: 0; content: ""; right: 25px; height: 50%; width: 26px; background-size: 26px auto; background: url("/lp/formansion/img/flow_a_arow2.png") center bottom no-repeat; z-index: 2; }
.content section.secFlow .flow .flowA .flowLead { margin: 0 0 20px; padding-right: 45px; text-align: center; }
.content section.secFlow .flow .flowA .stepA { position: relative; z-index: 1; text-align: left; margin: 20px 0 0; padding: 0 0 25px; }
.content section.secFlow .flow .flowA .stepA li { background: #fff; border: 1px solid #a5a5a5; padding: 0 75px 15px 15px; margin: 0 0 25px; position: relative; }
.content section.secFlow .flow .flowA .stepA li p { margin: 15px 0 0; }
.content section.secFlow .flow .flowA .stepA li:after { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 9px 0 9px; border-color: #ff8800 transparent transparent transparent; bottom: -18px; left: 50%; margin-left: -9px; }
.content section.secFlow .flow .flowA .stepA li:last-child { margin-bottom: 0; }
.content section.secFlow .flow .flowA .stepA li:last-child:after { content: none; }
.content section.secFlow .flow .flowA .circle { width: 55px; position: absolute; right: 10px; top: 50%; margin-top: -27px; z-index: 4; }
.content section.secFlow .flow .flowB { margin-top: 30px; /*.flowBwrap*/ }
.content section.secFlow .flow .flowB .flowLead { margin: 0 0 20px; text-align: center; }
.content section.secFlow .flow .flowB .flowBwrap { background: #d1d1d1; padding: 15px; /*step1*/ }
.content section.secFlow .flow .flowB .flowBwrap .goal { background: #ededed; }
.content section.secFlow .flow .flowB .flowBwrap .step1 { background: #ededed; border: 1px solid #a5a5a5; padding: 0 15px 15px 15px; position: relative; text-align: left; }
.content section.secFlow .flow .flowB .flowBwrap .step1:after { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 9px 0 9px; border-color: #a0a0a0 transparent transparent transparent; bottom: -20px; left: 50%; margin-left: -9px; }
.content section.secFlow .flow .flowB .flowBwrap .step1 a.step1Btn { display: inline-block; color: #fff; text-decoration: none; background: #fc9b28; padding: 15px; font-size: 14px; }
.content section.secFlow .flow .flowB .flowBwrap .step1 a.step1Btn:before { width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 5px; border-color: transparent transparent transparent #ffffff; content: ""; display: inline-block; margin-right: 5px; vertical-align: middle; }
.content section.secFlow .flow .flowB .flowBwrap .flowBox { position: relative; }
.content section.secFlow .flow .flowB .flowBwrap .flowBox:before { position: absolute; top: 0; content: ""; right: 25px; height: 50%; width: 26px; background-size: 26px auto; background: url("/lp/formansion/img/flow_b_arow1.png") center top no-repeat; z-index: 2; }
.content section.secFlow .flow .flowB .flowBwrap .flowBox:after { position: absolute; bottom: 0; content: ""; right: 25px; height: 50%; width: 26px; background-size: 26px auto; background: url("/lp/formansion/img/flow_b_arow2.png") center bottom no-repeat; z-index: 2; }
.content section.secFlow .flow .flowB .flowBwrap .flowBox .stepB { padding: 25px 0; margin: 0; }
.content section.secFlow .flow .flowB .flowBwrap .flowBox .stepB li { background: #ededed; border: 1px solid #a5a5a5; padding: 0 75px 15px 15px; margin: 0 0 25px; position: relative; text-align: left; }
.content section.secFlow .flow .flowB .flowBwrap .flowBox .stepB li:after { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 9px 0 9px; border-color: #a0a0a0 transparent transparent transparent; bottom: -18px; left: 50%; margin-left: -9px; }
.content section.secFlow .flow .flowB .flowBwrap .flowBox .stepB li:last-child { margin-bottom: 0; }
.content section.secFlow .flow .flowB .flowBwrap .circle { width: 55px; position: absolute; right: 10px; top: 50%; z-index: 4; }
.content section.secArea .inner h5 { margin: 0 0 20px; }
.content section.secArea .inner .searchBlock { border: 1px solid #c6c6c6; padding: 15px; font-size: 14px; margin: 20px 0 0; }
.content section.secArea .inner .searchBlock p { margin: 0; text-align: center; font-size: 14px; }
.content section.secArea .inner .searchBlock .searchBox { margin: 20px 0 0; display: flex; align-items: center; justify-content: center; }
.content section.secArea .inner .searchBlock .searchBox li { margin: 0 5px; font-size: 16px; }
.content section.secArea .inner .searchBlock .searchBox li input { border: 1px solid #a1a1a1; padding: 5px; font-size: 14px; padding: 5px; width: 5em; }
.content section.secConv { background: #108c00; }
.content section.secConv .inner h5 { padding: 10px 0 0; margin: 0 0 20px; }
.content section.secConv .inner p, .content section.secConv .inner li, .content section.secConv .inner a { color: #fff; }
.content section.secConv .inner .telArea { margin: 40px 0 0; border: 1px solid #88c680; padding: 30px 15px 20px; position: relative; }
.content section.secConv .inner .telArea .telLead { position: absolute; top: -10px; left: 50%; margin-left: -152px; }
@media screen and (max-width: 350px) { .content section.secConv .inner .telArea .telLead { margin-left: -135px; }
  .content section.secConv .inner .telArea .telLead img { width: 270px; } }
.content section.secConv .inner .telArea ul { margin: 0 0 25px; }
.content section.secConv .inner .telArea ul li { margin: 0 0 10px; }
.content section.secAttention { padding: 40px 20px; }
.content section.secAttention .inner { background: #eee; padding: 0 0 20px; }
.content section.secAttention .inner h6 { font-size: 18px; font-weight: bold; padding: 15px; border-bottom: 1px solid #a9a9a9; margin: 0 0 15px; }
.content section.secAttention .inner li, .content section.secAttention .inner dd { margin: 0 15px 5px; text-align: left; }
.content section.secAttention .inner dt { font-weight: bold; text-align: left; margin: 0 15px 5px; }

#footArea { background: #262626; border-top: 1px #cccccc solid; color: #ffffff; margin: 49px 0 0; padding: 16px 0 16px; text-align: center; width: 100%; }

/*# sourceMappingURL=style_sp.css.map */