@charset "utf-8";

/* ============================================================

[Base]

============================================================ */

/* ----------------------------------------------------------------
Format for Body
----------------------------------------------------------------- */
body{
margin:0;
padding:0;
line-height:1.5;
color:#333;
background-color:#fff;
font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',Osaka,Verdana,Arial, Helvetica, sans-serif;
font-size:100.01%;
border-top:5px solid #f08200;
}

/* ----------------------------------------------------------------
Module: Heading
----------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6{
margin:0;
padding:0;
}

/* ----------------------------------------------------------------
Module: Text
----------------------------------------------------------------- */
p{
margin:0;
padding:0;
font-size:81.25%;
}

strong{
color:#dd0000;
font-weight:bold;
}

em{
font-weight:bold;
}

/* ----------------------------------------------------------------
Module: Hypertext
----------------------------------------------------------------- */
a:link, a:visited{
color:#1D3A98;
text-decoration:underline;
}

a:hover, a:active{
color:#1D3A98;
text-decoration:none;
}

/* ----------------------------------------------------------------
Module: List
----------------------------------------------------------------- */
ul,ol,dl{
margin:0;
padding:0;
list-style:none;
}

ol{
list-style-type:decimal;
}

ul ul{
list-style:none;
}

li p,li li,li dt,li dd{
font-size:100%;
}

li,dt,dd{
margin:0;
padding:0;
}

dl dd p,dl dd li,dl dd dt,dl dd dd{
font-size:100%;
}

li p,li li,li dt,li dd,dd p,dd li,dd dt,dd dd{
font-size:100%;
}

/* ----------------------------------------------------------------
Module: Table
----------------------------------------------------------------- */
table{
margin:0;
padding:0;
}

td p,td li,td dt,td dd{
font-size:100%;
}

/* ----------------------------------------------------------------
Module: Image
----------------------------------------------------------------- */
img{
border:0;
vertical-align:bottom;
}

/* ----------------------------------------------------------------
Module: Form
----------------------------------------------------------------- */
fieldset{
margin:0;
padding:0;
border:0;
}

legend{
display:none;
}

input,select{
font-size:100%;
}

/* ============================================================

[Structures]

============================================================ */


/* ----------------------------------------------------------------
Header
----------------------------------------------------------------- */
#header{
width:960px;
margin:0 auto;
padding:25px 10px 18px;
display: table;
}

#header #logo-pri{
font-size:145%;
font-weight:bold;
margin:0 10px 0 0;
display: table-cell;
vertical-align: top;
}
#header #logo-pri img{
max-width: 100%;
}

#header.logo_txt {
position: relative;
}

#header.logo_txt > #logo-pri {
color: #BF0202;
font-size: 28px;
position: absolute;
bottom: 10px;
}

#header #logo-pri img{
vertical-align:middle;
}

#header #logo-sec{
float:right;
margin:0;
}
#header .area-logo {
display: table-cell;
text-align: right;
white-space: nowrap;
vertical-align: top;
}
#header .area-logo #logo-pri{
margin-right: 0;
max-width: 345px;
}

#header .area-logo #logo-pri,
#header .area-logo #logo-sec{
float: none;
display: inline-block;
vertical-align: middle;
}

#header .area-logo p + p{
padding-left: 60px;
position: relative;
}

#header .area-logo p + p:before,
#header .area-logo p + p:after{
content: '';
display: block;
width: 3px;
height: 30px;
background: #666;
position: absolute;
left: 28px;
top: 50%;
margin-top: -15px;
}

#header .area-logo p + p:before{
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

#header .area-logo p + p:after{
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#header .area-logo.none p + p{
padding-left: 10px;
}
#header .area-logo.none p + p:before,
#header .area-logo.none p + p:after{
content: none;
}

/* ----------------------------------------------------------------
MainVisual
----------------------------------------------------------------- */

#mainVisual{
border-top:2px solid #cccccc;
border-bottom:2px solid #cccccc;
background:#ff860f url(/otona/ldp/tng/ldp_common/images/bg_mainVisual_01.png) repeat-x 0 0;
}

#mainVisual-02{
border-top:2px solid #cccccc;
background-color:#fdfbf7;
}

#mainVisual-inner{
margin:0 auto;
width:960px;
background:url(/otona/ldp/tng/ldp_common/images/bg_mainVisual_02.png) no-repeat right top;
padding:27px 0 15px;
position:relative;
}

#mainVisual-02-inner{
margin:0 auto;
width:960px;
}

#mainVisual-inner.ver-movie{
background:url(/otona/ldp/tng/ldp_common/images/bg_mainVisual_03.png) no-repeat right top;
}

#mainVisual-02-inner .txt{
display:flex;
margin-top:10px;
}

#mainVisual-02-inner .txt p{
width:31%;
font-size:80%;
}

#mainVisual-inner .list li{
float:left;
}

#mainVisual-inner .list li .note{
color:#fff;
font-size:64%;
display:block;
}

#mainVisual-inner .list li a:hover img{
filter: alpha(opacity=60);
opacity:0.8;
}

#mainVisual-inner .link{
position:absolute;
left:11px;
bottom:17px;
}

#mainVisual-inner .link.ver-01{
position:absolute;
left:0;
bottom:-23px;
}


#mainVisual-inner .link a{
font-weight:bold;
color:#bf0202;
}

#mainVisual-inner .link.ver-02 a{
color:#214286;
}

#mainVisual-inner .movie{
margin:16px 0 0 54px;
padding:5px;
width:536px;
height:321px;
background-color:#fff;
box-shadow:0 0 6px 1px #333;
}

#mainVisual-inner .bnr-01{
position:absolute;
right:13px;
top:179px;
}

/* ----------------------------------------------------------------
Contents
----------------------------------------------------------------- */
#contents{
background:#ffffff url(/otona/ldp/tng/ldp_common/images/bg_contents_01.png) repeat-x 0 0;
padding-top:20px;
}
#contents.ver-01{
padding-top:40px;
}

#contents-02{
background-color:#fdfbf7;
padding-top:30px;
}
#contents-02 .column2 {
margin-bottom: 30px;
}

#contents-03{
background-color:#fdfbf7;
padding:0;
}

#contents-04 {
background-color:#fdfbf7;
padding-top: 50px;
border-top: solid #ffdfcc 2px;
}

#contents-inner,
#contents-02 > .contents-inner,
#contents-04 > .contents-inner {
margin:0 auto;
/*width:960px;*/
}

.box-estimate-01{
/*margin:0 auto 22px;*/
margin:0 auto 53px;
width:960px;
}

.box-estimate-01 h2{
text-align:center;
margin-bottom:13px;
}

.box-estimate-01 .txt{
float:left;
}

.box-estimate-01 .btn{
float:right;
}

.box-estimate-01 .note{
color:#5d5148;
font-size:79.6%;
display:block;
margin-top:3px;
}

.box-estimate-02{
margin:53px 0;
}

/*.box-estimate-02 p{
text-align:center;
}*/
.box-estimate-01, .box-estimate-02 {
text-align:center;
}

.box-estimate-03{
margin:0 auto 22px;
width:960px;
}

.box-estimate-03 h2{
margin:0 auto 13px;
/*width:685px;*/
}

.box-estimate-03 .left{
float:left;
}

.box-estimate-03 .right{
float:right;
}

.box-estimate-03 .note{
color:#333333;
font-size:10px;
font-weight:normal;
display:block;
text-align:right;
margin-top:3px;
}

.box-section{
border-left:3px solid #fadfcf;
border-right:3px solid #fadfcf;
border-bottom:3px solid #fadfcf;
background-color:#ffffff;
margin-bottom:15px;
position:relative;
}
.box-section._02 {
border-bottom:none;
margin-bottom: 0;
}

.box-section:after{
border-bottom: 1px solid #cccccc;
content: "";
position:absolute;
width:960px;
height: 1px;
bottom:-3px;
left:-3px;
}
.box-section._02:after {
border-bottom: none;
}
.box-section._01{
background:#ffffff url(/otona/ldp/tng/ldp_common/images/bg_section01_01.png) no-repeat bottom left;
}

.box-section._01 .img{
padding:30px 21px 8px 183px;
}

.box-section._01 .img .note{
color:#666666;
font-size:84.6%;
display:block;
text-align:right;
margin-top:8px;
}

.box-section._02{
background:#ffffff url(/otona/ldp/tng/ldp_common/images/bg_section02_01.png) no-repeat bottom right;
}

.box-section._02 > .box-section-inner {
width: 750px;
}

.box-section-inner > .box-section-inner.bg {
background: url(/otona/ldp/tng/ldp_common/images/bg_color_pattern_01.png) no-repeat ;
margin: 0 0 10px;
padding: 30px;
width: 690px;

}
.box-section._02 {
padding:30px 0 8px 21px;
}

.box-section._02 p {
font-size: 16px;
}

.box-section._02 .note{
color:#666666;
font-size:12px;
display:block;
}

.box-section._03{
background:#ffffff url(/otona/ldp/tng/ldp_common/images/bg_section03_01.png) no-repeat bottom left;
margin-bottom:33px;
}

.box-section._03.ver-01{
background:#ffffff url(/otona/ldp/tng/ldp_common/images/bg_section03_01.png) no-repeat bottom left;
}

.box-section._03 .img{
padding:30px 21px 8px 183px;
}

.box-section._03 .img .note{
color:#666666;
font-size:84.6%;
display:block;
text-align:right;
margin-top:8px;
}

.box-section-02{
border:3px solid #fadfcf;
border-top:none;
background-color:#ffffff;
margin-bottom:70px;
}

.box-section-02 .lead{
font-size:16px;
padding-bottom:40px;
}

.box-section-02._01 .lead{
padding:40px;
}

.box-section-02._02 ._02_01{
padding:40px;
background:url(/otona/ldp/tng/ldp_common/images/bg_section02_03.png) bottom right no-repeat transparent;
}

.box-section-02._02 .noteList01 li{
position:relative;
padding-left: 1.5em;
color:#666666;
font-size:12px;
}

.box-section-02._02 .noteList01 span{
position: absolute;
left: 0;
}

.box-section-02 ._03_02{
padding:40px;
background:#ffffff url(/otona/ldp/tng/ldp_common/images/bg_section03_02.png) no-repeat bottom left;
}

.box-section-02 ._03_02:after{
content:"";
display:block;
clear:both;
}

.box-section-02._03 .box-section-02-inner {
float:right;
}

.box-section-02 .box-section-02-inner {
width:590px;
padding:30px;
background-color:#f7f7f1;
border-radius:8px;
}

.box-section-02 .box-section-02-inner .box-section-02-inner-box{
padding:30px;
background-color:#fdfdfb;
border-radius:8px;
}

.box-section-02 .box-section-02-inner .box-section-02-inner-box p{
font-size:14px;
}

.box-section-03{
text-align: center;
margin-bottom: 20px;
}

.box-section-03 p{
font-size: 30px;
color: #f00;
}

._movie-area{
background-color:#f7f7f1;
position:relative;
}

.movie{
width:480px;
margin:0 auto;
padding:40px;
}

.box-section_04{
/*background:#eaeaea url(/otona/ldp/tng/ldp_common/images/bg_section04_01.png) no-repeat 0 0;*/
background:#eaeaea;
/*margin-bottom:26px;*/
margin:0 auto 26px;
padding:18px 19px;
position:relative;
width:922px;
}

.box-section_04 h2, .box-section_04 .tel{
margin-bottom:15px;
}

.box-section_04 #box-cid{
position:absolute;
top:50px;
left:489px;
width:126px;
}

.box-section_04 #box-cid dt{
background-color:#777777;
color:#ffffff;
text-align:center;
font-size:81.2%;
padding:2px 0;
}

.box-section_04 #box-cid dd{
background-color:#ffffff;
color:#777777;
text-align:center;
padding:2px 0;
}

.box-section._05{
margin-bottom:40px;
}

.box-section._05 p{
padding:25px 45px 35px 25px;
}

.box-section._06 {
background:#ffffff url(/otona/ldp/tng/ldp_common/images/bg_section02_02.png) no-repeat bottom right;
}

.box-section._06 p.img{
padding:30px 0 20px 20px;
}

.box-company{
/*margin-top:30px;*/
margin:30px auto 0;
background-color:#eaeaea;
padding:10px 20px;
width: 920px;
}

.box-company dl{
font-size:69.2%;
color:#5d5148;
margin-bottom:10px;
}

.box-company dl dt{
font-weight:bold;
margin-bottom:5px;
}


.box-company p{
font-size:69.2%;
color:#5d5148;
}

.box-service{
background-color:#fff;
padding:20px;
margin-bottom:40px;
text-align:center;
border:3px solid #fadfcf;
}

.bobun{
text-align:right;
font-size:69.2%;
color:#5d5148;
/*margin-bottom:26px;*/
margin:0 auto 26px;
width:960px;
}

.bnr-list{
overflow:hidden;
margin:0 0 7px -10px;
}

.bnr-list li{
display:inline-block;
margin-left:10px;
}

.bnr-list li a:hover{
opacity:0.7;
}

.note-bnr{
color:#231815;
font-size:53.8%;
}

.note-form-01{
text-align:center;
font-weight:bold;
font-size:120%;
margin-bottom:40px;
}

.pagetop{
text-align:right;
margin-top:50px;
}

.column2{
margin-bottom:70px;
}
.column2:after{
content:"";
display:block;
clear:both;
}
.column2_1,.column2_2{
float:left;
}
.column2_1{
padding-right:20px;
}

.column2.cpn{
background:linear-gradient(0deg, #fdfbf7, #ffe5cb);
display:flex;
padding:0 64px;
}

/* ----------------------------------------------------------------
Footer
----------------------------------------------------------------- */
#footer{
margin-top:5px;
}

#footer .copy{
padding:4px 0;
background-color:#f08200;
text-align:center;
font-size:72%;
color:#ffffff;
}


/* ----------------------------------------------------------------
CP概要用
----------------------------------------------------------------- */

#overview #contents{
background-image:none;
padding-top:7px;
}

.hdg2-01{
color:#ffffff;
background-color:#fe850e;
padding:10px;
border-left:5px solid #ffcc00;
margin-bottom:20px;
}

.tbl-01{
border:1px solid #cccccc;
border-collapse:collapse;
border-spacing:0;
font-size:81.25%;
/*margin-bottom:30px;*/
margin:0 auto 30px;
width:960px;
}

.tbl-01 th{
background-color:#fdf6e4;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
padding:15px 20px;
text-align:left;
vertical-align:top;
}

.tbl-01 td{
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
padding:15px 20px;
vertical-align:top;
}

.list-blt-01 > li{
position:relative;
padding:0 0 6px 18px;
}

.list-blt-01 > li:before{
background-color:#fe850e;
border-radius:2px;
content:"";
display:block;
height:4px;
left:7px;
position:absolute;
top:7px;
width:4px;
}

.list-blt-02 > li{
position:relative;
padding:0 0 6px 18px;
}

.list-blt-02 > li:before{
background-color:#cc0000;
border-radius:2px;
content:"";
display:block;
height:4px;
left:7px;
position:absolute;
top:7px;
width:4px;
}

.list-note-01 > li{
color:#777777;
margin-left:1em;
text-indent:-1em;
}

.list-note-02 > li{
color:#777777;
margin-left:2em;
text-indent:-2em;
}

table.tbl-01 ol li {margin-left:1.5em;}


/* ============================================================

[2018.8 LP renew]

============================================================ */
.hdg-lp-renew-01 {
border: solid #ffdfcc;
border-width: 2px 2px 0 2px;
background: #fff;
}
.hdg-lp-renew-02 {
text-align: center;
margin: 46px 0;
}
.hdg-lp-renew-03 {
border-top: solid #ffdfcc 2px;
background: #fff;
padding-top: 50px;
}
.hdg-lp-renew-03 + .box-section-02.renew_01 {
margin-bottom: 0;
border-width: 0;
padding-bottom: 50px;
}
.hdg-lp-renew-03 > span {
display: block;
width: 960px;
margin: 0 auto;
}
.box-section-02.renew_01 {
border-width: 0 2px 2px 2px;
}
.box-section-02.renew_01 .lead {
padding-top: 38px;
text-align: center;
}
.box-section-02.renew_01 .lead + .lead {
padding-top: 0;
}
.box-section-02.renew_01 ._03_02 {
background: #fff;
padding-bottom: 0;
}
.box-section-02.renew_01 ._03_03 {
background: #f7f7f1;
padding: 40px 28px;
}
.box-section-02.renew_01 .box-lp-renew-01 {
background: #fff;
padding: 24px 30px 24px;
}
.box-section-02.renew_01 .box-lp-renew-01 + .box-lp-renew-01 {
margin-top: 20px;
}
.box-section-02.renew_01 .box-lp-renew-01 .lead {
padding: 20px 0 0;
}
.box-section-02.renew_01 .img-lp-renew-01 {
text-align: center;
position: relative;
top: -20px;
}
.box-section-02.renew_01 .noteList01 li {
position:relative;
padding-left: 1.5em;
color:#666666;
font-size:12px;
}
.box-section-02.renew_01 .noteList01 span {
position: absolute;
left: 0;
}
.tbl-lp-renew-01 {
padding: 0 28px;
width: 960px;
margin: 26px auto;
}
.tbl-lp-renew-01 > table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
}
.tbl-lp-renew-01 > table thead tr > :nth-child(odd),
.tbl-lp-renew-01 > table tbody tr:nth-child(odd) > :nth-child(even),
.tbl-lp-renew-01 > table tbody tr:nth-child(even) > :nth-child(odd) {
background-color: #fff7f0;
}
.tbl-lp-renew-01 > table thead tr > th,
.tbl-lp-renew-01 > table thead tr > td {
text-align: center;
}
.tbl-lp-renew-01 > table tbody tr > th {
text-align-last: left;
}
.tbl-lp-renew-01 > table tbody tr > td {
text-align: center;
}
.tbl-lp-renew-01 > table tr > th,
.tbl-lp-renew-01 > table tr > td {
padding: 20px;
border: solid #e9d5bf;
border-width: 0;
}
.tbl-lp-renew-01 > table tr > :first-child {
border-left-width: 2px;
}
.tbl-lp-renew-01 > table tr > :last-child {
border-right-width: 2px;
}
.tbl-lp-renew-01 > table thead tr:first-child > th,
.tbl-lp-renew-01 > table thead tr:first-child > td {
border-top-width: 2px;
}
.tbl-lp-renew-01 > table tbody tr:last-child > th,
.tbl-lp-renew-01 > table tbody tr:last-child > td {
border-bottom-width: 2px;
}
.tbl-lp-renew-01 > table thead tr:first-child > :first-child {
border-radius: 6px 0 0 0;
}
.tbl-lp-renew-01 > table thead tr:first-child > :last-child {
border-radius: 0 6px 0 0;
}
.tbl-lp-renew-01 > table tbody tr:last-child > :first-child {
border-radius: 0 0 0 6px;
}
.tbl-lp-renew-01 > table tbody tr:last-child > :last-child {
border-radius: 0 0 6px 0;
}
.tbl-lp-renew-01 > table tr > th + th,
.tbl-lp-renew-01 > table tr > th + td,
.tbl-lp-renew-01 > table tr > td + th,
.tbl-lp-renew-01 > table tr > td + td {
border-left: solid 2px #e9d5bf !important;
}
.tbl-lp-renew-01 > table tbody .highlight > th,
.tbl-lp-renew-01 > table tbody .highlight > td {
border: solid #eb652b;
border-top-width: 3px;
border-bottom-width: 3px !important;
}
.tbl-lp-renew-01 > table tbody .highlight > :not(:last-child) {
border-right-width: 0;
}

/* ============================================================

[2018.10 LP footer button]

============================================================ */
@-webkit-keyframes feed-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes feed-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes feed-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes feed-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.area-estimate-01 {
position: fixed;
background-color: rgba(0, 0, 0, .7);
bottom: 0;
left: 0;
right: 0;
padding: 0 20px;
opacity: 0;
display: none;
}
.area-estimate-01.is-animate {
display: block;
}
.area-estimate-01.is-animate.is-view {
-webkit-animation: feed-in .2s linear 0s forwards;
animation: feed-in .2s linear 0s forwards;
}
.area-estimate-01.is-animate:not(.is-view) {
-webkit-animation: feed-out .2s linear 0s forwards;
animation: feed-out .2s linear 0s forwards;
}
.area-estimate-01.is-view {
display: block;
opacity: 1;
}

.area-estimate-01 > .inner {
display: table;
width: 960px;
margin: 0 auto;
padding: 20px 0;
}
.area-estimate-01 .btn {
display: table-cell;
vertical-align: middle;
}
.area-estimate-01 .btn + .param-cert {
padding-left: 40px;
}
.area-estimate-01 .param-cert {
display: table-cell;
vertical-align: middle;
}
.area-estimate-01 .param-cert > a {
color: #fff;
font-size: 14px;
position: relative;
}
.area-estimate-01 .param-cert > a > .mark {
position: absolute;
left: -1em;
}

/* ============================================================

[2019.02 LP .box-form-01 module]

============================================================ */

.box-form-01.type-01 {
border: 3px solid #1c3976;
padding: 30px 20px;
background-color: #fff;
position: relative;
margin-bottom: 30px;
}
.box-form-01.type-01 form._static {
display: none;
}
.box-form-01.type-01 .param-cert {
font-size: 120%;
font-weight: bold;
text-align: center;
margin-top: 1em;
}
.box-form-01.type-01 .btn > button {
font: inherit;
background: none;
color: inherit;
border: none;
cursor: pointer;
}
.box-form-01.type-01 .param-cert > button {
font: inherit;
background: none;
border: none;
color: #1D3A98;
text-decoration: underline;
cursor: pointer;
}
.box-form-01.type-01 .param-cert > button:hover,
.box-form-01.type-01 .param-cert > button:focus,
.box-form-01.type-01 .param-cert > button:active {
text-decoration: none;
}
.box-form-01.type-01 form._has-err .btn > button {
cursor: auto;
}
.box-form-01.type-01 form._has-err .param-cert > button {
cursor: auto;
text-decoration: none;
font: inherit;
background: none;
color: inherit;
border: none;
}
.box-form-01 .hdg-form-01 {
margin-top: 1.2em;
margin-bottom: .75em;
font-size: 1.2rem;
}
.box-form-01 .hdg-form-01 > span {
display: inline-block;
vertical-align: middle;
border: solid 1px #999;
border-radius: .2em;
padding: .2em 10px .1em;
}
.box-form-01 .hdg-form-02 {
background-color: #cc0000;
color: #fff;
font-size: 1.1rem;
padding: .2em 10px .1em;
}
.box-form-01 .list-num-01 {
margin-bottom: .75em;
font-size: 1rem;
}
.box-form-01 .list-num-01 > li {
padding-left: 1.5em;
position: relative;
}
.box-form-01 .list-num-01 > li > .num {
position: absolute;
left: 0;
}
.box-form-01 .txt-note-01 {
margin-bottom: .75em;
font-size: .875rem;
padding-left: 1.5em;
position: relative;
}
.box-form-01 .txt-note-01 > .mark {
position: absolute;
left: 0;
}
.box-form-01 .box-code-01 {
padding: 20px;
background-color: #fad1ab;
margin-bottom: .75em;
}
.box-form-01 .box-code-01.column2 {
display: table;
padding: 20px 0;
width: 100%;
}
.box-form-01 .box-code-01.column2 > .col {
display: table-cell;
width: 50%;
vertical-align: top;
}
.box-form-01 .box-code-01.column2 > .col:nth-child(even) {
padding: 0 20px 0 10px;
}
.box-form-01 .box-code-01.column2 > .col:nth-child(odd) {
padding: 0 10px 0 20px;
}
.box-form-01 .box-code-01 .txt-note-01 {
font-weight: bold;
}
.box-form-01 .box-code-01 .txt-code-01 {
display: table;
font-size: 2rem;
}
.box-form-01 .box-code-01 .txt-err-01 {
color: #cc0000;
font-size: .875rem;
margin-top: .75em;
}
.box-form-01 form:not(._has-err) .box-code-01 .txt-err-01 {
display: none;
}
.box-form-01 .box-code-01 .txt-code-01 > span {
display: table-cell;
vertical-align: middle;
padding: .2em 6px;
}
.box-form-01 .box-code-01 .txt-code-01 > span > select {
font-size: 1.5rem;
}

.box-form-01 .box-code-01 .txt-code-02 {
display: table;
font-size: 1.5rem;
}
.box-form-01 .box-code-01 .txt-code-02 > span {
display: table-cell;
vertical-align: middle;
padding: .55em 6px;
}
.lyt-modal-01 {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100vh;
z-index: 10001; /* header z-index +1 */
background-color: rgba(0,0,0,.3);
display: none;
justify-content: center;
align-items: center;
padding: 0 10px;
opacity: 0;
transition: opacity .2s;
}
.lyt-modal-01._is-animate {
display: flex;
}
.lyt-modal-01._is-view {
display: flex;
opacity: 1;
}
.lyt-modal-01 > .inner {
width: 100%;
max-width: 800px;
max-height: calc(100vh - 40px);
position: relative;
overflow-y: auto;
}
.lyt-modal-01 .blind {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
.lyt-modal-01 .blind > span {
position: absolute;
top: -999em;
left: -999em;
}
.lyt-modal-01 .btn-close-01 {
width: 50px;
height: 50px;
background-color: #ccc;
border-radius: 6px;
position: absolute;
top: 8px;
right: 8px;
box-shadow: none;
border: none;
padding: 0;
cursor: pointer;
}
.lyt-modal-01 .btn-close-01 > span {
position: absolute;
top: -999em;
left: -999em;
}
.lyt-modal-01 .btn-close-01:before,
.lyt-modal-01 .btn-close-01:after {
content: "";
display: block;
width: 4px;
height: 28px;
background-color: #000;
border-radius: 4px;
position: absolute;
top: 11px;
left: 23px;
}
.lyt-modal-01 .btn-close-01:before {
transform: rotate(45deg);
}
.lyt-modal-01 .btn-close-01:after {
transform: rotate(-45deg);
}
.lyt-modal-01 .box-confirm-01 {
background-color: #fff;
padding: 66px 10px 2em;
text-align: center;
font-size: 1.4rem;
}
.lyt-modal-01 .box-confirm-01 p + p {
margin-top: .4em;
}
.lyt-modal-01 .box-confirm-01 .check-01 {
position: relative;
display: inline-block;
padding: .1em 0 .1em 40px;
cursor: pointer;
}
.lyt-modal-01 .box-confirm-01 .check-01 > input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
opacity: 0;
position: absolute;
}
.lyt-modal-01 .box-confirm-01 .check-01 > input[type="checkbox"]:hover + span,
.lyt-modal-01 .box-confirm-01 .check-01 > input[type="checkbox"]:focus + span,
.lyt-modal-01 .box-confirm-01 .check-01 > input[type="checkbox"]:active + span {
text-decoration: underline;
}
.lyt-modal-01 .box-confirm-01 .check-01 > input[type="checkbox"] + span:before {
content: "";
display: block;
width: 30px;
height: 30px;
background-color: #ccc;
border-radius: .2em;
position: absolute;
top: 0;
left: 0;
}
.lyt-modal-01 .box-confirm-01 .check-01 > input[type="checkbox"] + span:after {
content: "";
display: block;
width: 10px;
height: 18px;
border: solid #fff;
border-width: 0 5px 5px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 0;
left: .4em;
opacity: 0;
transition: opacity .2s;
}
.lyt-modal-01 .box-confirm-01 .check-01 > input[type="checkbox"]:checked + span:after {
opacity: 1;
}
.lyt-modal-01 .box-confirm-01 .btn-01 {
width: 100%;
max-width: 400px;
background-color: #08287d;
font-size: 1.5rem;
font-weight: bold;
color: #fff;
border: 0;
border-radius: .2em;
padding: 10px 1em;
transition: background-color .2s, color .2s, opacity .2s;
cursor: pointer;
text-decoration: none;
}
.lyt-modal-01 .box-confirm-01 .btn-01:hover,
.lyt-modal-01 .box-confirm-01 .btn-01:focus,
.lyt-modal-01 .box-confirm-01 .btn-01:active {
opacity: .8;
}
.lyt-modal-01 .box-confirm-01 .btn-01._is-disabled {
background-color: #ccc;
color: #000;
}
.lyt-modal-01 .box-confirm-01 .btn-01._is-disabled:hover,
.lyt-modal-01 .box-confirm-01 .btn-01._is-disabled:focus,
.lyt-modal-01 .box-confirm-01 .btn-01._is-disabled:active {
opacity: 1;
}

/* ============================================================

[other]

============================================================ */
.txt-small{ font-size:71.25%;}
.txt-medium{ font-size:120%;}
.txt-large{ font-size:130%; font-weight:bold;}
.align-L{text-align:left !important;}
.align-C{text-align:center !important;}
.align-R{text-align:right !important;}
.valign-M{vertical-align:middle !important;}
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb70{margin-bottom:70px !important;}
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.pb20{padding-bottom:20px !important;}
.pb40{padding-bottom:40px !important;}
.bnr-fixed{
position: fixed;
top: 30%;
right: 0;
z-index: 3;
}

/* ============================================================
[Clearfix]
============================================================ */
#header, .box-estimate-01, .box-estimate-03, #mainVisual-inner .list{
zoom:1;
}

#header:after, .box-estimate-01:after, .box-estimate-03:after, #mainVisual-inner .list:after,#header .area-logo:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}

/* ----------------------------------------------------------------
	Heading
----------------------------------------------------------------- */

.hdg-t2-01{
font-size:200%;
font-weight:bold;
padding:20px 30px;
border:1px solid #e4e4e4;
/*margin-bottom:40px;*/
margin:100px auto 40px;
position:relative;
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNkY2RjYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MzApIiAvPgo8L3N2Zz4=);
background-image:linear-gradient(to bottom, #fff, #f6f6f6);
background-color:#f6f6f6;
width:898px;
}

.hdg-t2-01:after{
position:absolute;
content:" ";
display:block;
border-bottom:4px solid #e5892d;
width:960px;
left:-1px;
bottom:-5px;
}

.hdg-t2-01.ver-01{
text-align:center;
font-size:243%;
padding:5px 30px;
}

.hdg-t2-01.ver-01 span{
font-size:144%;
vertical-align:middle;
}

.hdg-t2-01 sup,.hdg-t3-01 sup,.hdg-t4-01 sup{
font-size:60%;
font-weight:normal;
}

/* ----------------------------------------------------------------
	box-estimate-01, box-estimate-02 EX
----------------------------------------------------------------- */


.box-estimate-01 small, .box-estimate-02 small{
display:inline-block;
text-align:center;
color:#638BB3;
}

.box-estimate-01 p, .box-estimate-02 p{
font-size:125%;
font-weight:bold;
margin-bottom:20px;}