@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a,input,textarea{ margin:0;padding:0; border:0; font-size:100%; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{ display:block;}
nav ul{ list-style:none;}
ul{ list-style:none;}
blockquote,q{ quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none;}
pre,code,kbd,samp{ font-family:monospace,monospace; font-size:inherit;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:0;}
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:normal;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
sup{ vertical-align:text-top; font-size:75%;}
sub{ vertical-align:text-bottom; font-size:75%;}
input,textarea,select{ z-index:auto; font-family:inherit; font-size:inherit; font-weight:inherit; vertical-align:middle;}
a{ outline:none;}
audio:not([controls]){ display:none;}
time{ display:inline;}
[hidden]{ display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{ visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{ padding:0; border:0;}

body {-webkit-text-size-adjust: 100%; -webkit-font-smoothing:antialiased;}

/* BASE CONFIGURATIONS
==================================================== */
body{ font-size:14px; font-family:"Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka, Verdana, sans-serif, "ＭＳＰゴシック", "MS P Gothic",arial,helvetica, Geneva; color:#352106; line-height:22.8px; background:url(../images/bg.gif);}
/*
a{ -webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:0.3s ease; -ms-transition:0.3s ease; transition:0.3s ease;}
a:hover{ opacity:0.6;}
*/
::-moz-selection{background:#462a04; color:#fff; text-shadow:none;}
::selection{background:#462a04; color:#fff; text-shadow:none; }
a:link{ color:#462a04; text-decoration:underline;}
a:visited{ color:#462a04; text-decoration:underline;}
a:hover{ color:#e60012; text-decoration:none;}
a:active{ color:#c00;}

a.hover,a img,button,input[type=button],input[type=submit],input[type=reset],a div{ -webkit-transition:0.3s ease; -moz-transition: all 0.3s ease; -o-transition:0.3s ease; -ms-transition:0.3s ease; transition:0.3s ease;}
a.hover:hover,a:hover img,button:hover,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,a div:hover{ opacity:0.7;}


/* ========== contents ========== */
html,body {margin:0; padding:0;}
body {position:static; overflow:auto; width:auto; *overflow-y:hidden;}

#commonHeader {width:980px; margin:0 auto 20px; height:150px; position:relative; padding:40px 0 0;}
#commonHeader #logo{float:left; z-index:0; position:relative; padding:0 16px 0 0;}
#commonHeader .copy{float:left; position:relative; z-index:0; padding:9px 48px 0 0;}
#commonHeader .tel{background:url(../images/headerTel.png) right -10px top no-repeat; width:165px; height:35px; text-indent:100%; white-space:nowrap; overflow:hidden; position:relative; top:-4px; float:right;}
#commonHeader .request{float:right; position:relative; top:-4px;}
#commonHeader nav{clear:both; zoom:1; position:absolute; left:0; bottom:2px; height:45px; overflow:hidden; background:url(../images/gnav.png) left top no-repeat; width:980px;}
#commonHeader nav:after{content:''; clear:both; display:block;}
#commonHeader nav ul li {float:left;}
#commonHeader nav ul li a{display:block; height:45px; background:url(../images/gnav.png) left -45px no-repeat; width:163px; text-indent:100%; overflow:hidden; white-space:nowrap;
filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:0.3s ease; -ms-transition:0.3s ease; transition:0.3s ease;}
#commonHeader nav ul li:nth-child(2) a{width:163px; background-position:-163px -45px;}
#commonHeader nav ul li:nth-child(3) a{width:163px; background-position:-326px -45px;}
#commonHeader nav ul li:nth-child(4) a{width:163px; background-position:-489px -45px;}
#commonHeader nav ul li:nth-child(5) a{width:163px; background-position:-652px -45px;}
#commonHeader nav ul li:nth-child(6) a{width:163px; background-position:-815px -45px;}
#commonHeader nav ul li a:hover {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#commonHeader nav ul li.active a{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

/* active */
body.home   #commonHeader nav ul li:nth-child(1) a{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
body.reform #commonHeader nav ul li:nth-child(2) a{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
body.house  #commonHeader nav ul li:nth-child(3) a{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
body.exterior  #commonHeader nav ul li:nth-child(4) a{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
body.blog  #commonHeader nav ul li:nth-child(5) a{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
body.company  #commonHeader nav ul li:nth-child(6) a{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
body.access #commonHeader nav ul li:nth-child(7) a{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
body.contact  #commonHeader nav ul li:nth-child(8) a{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

#commonFooter{position:relative; z-index:0; min-width:980px; overflow:hidden;}
#commonFooter h1{margin-bottom:18px;}
#commonFooter address {color:#fff; font-size:11px; font-style:italic; letter-spacing:1px;}
#commonFooter #pageTop {background:url(../images/hr.gif) left bottom repeat-x;}
#commonFooter #pageTop p{width:980px; margin:0 auto; height:35px;}
#commonFooter #pageTop p a{background:url(../images/btnPagetop.png) left top no-repeat; width:112px; height:14px; display:block; float:right; overflow:hidden; text-indent:100%; white-space:nowrap;}
#commonFooter #footerBnrs {background:url(../images/footerIllust.gif) center bottom repeat-x; padding:20px 10px 108px; min-height:150px;}
#commonFooter #footerBnrs ul{width:980px; margin:0 auto; clear:both; zoom:1; padding:0 0 0 10px;}
#commonFooter #footerBnrs ul:after{content:''; clear:both; display:block;}
#commonFooter #footerBnrs ul li {float:left; padding:0 10px 20px; font-size:0;}
#commonFooter #footerClose {clear:both; zoom:1; background:#3f2400;}
#commonFooter #footerClose nav {background:url(../images/hrWhite.gif) left bottom repeat-x; padding:29px 0; width:980px; margin:0 auto;}
#commonFooter #footerClose nav ul {text-align:center;}
#commonFooter #footerClose nav ul li {display:inline-block; border-right:1px solid #b0a9a3; padding:0 11px 0 7px; line-height:13px;}
#commonFooter #footerClose nav ul li a {color:#fff; font-size:13px; line-height:13px; text-decoration:none;}
#commonFooter #footerClose nav ul li a:hover{text-decoration:underline;}
#commonFooter #footerClose nav ul li:last-child{border:none;}
#commonFooter #footerClose dl {padding:29px 0; width:980px; margin:0 auto; clear:both; zoom:1; background:url(../images/hrWhite.gif) left bottom repeat-x;}
#commonFooter #footerClose dl:after{content:''; clear:both; display:block;}
#commonFooter #footerClose dl dt{float:left; padding:0 20px 0 0;}
#commonFooter #footerClose dl dd{color:#fff; width:400px; float:left; padding-right:40px; font-size:12px; line-height:20.8px;}
#commonFooter #footerClose dl dd.turn {width:378px; padding:0;}
#commonFooter #footerClose address {width:980px; margin:0 auto; line-height:53px; color:#fff; font-size:10px; text-align:center; font-style:normal;}
#commonFooter #footerClose address a{color:#fff; text-decoration:none;}
#commonFooter #footerClose address a:hover{text-decoration:underline;}

#pageLoading {position:fixed; left:0; top:0; z-index:900; width:100%; height:100%; background:url(../images/loading2.gif) center center no-repeat #fff; text-indent:100%; overflow:hidden; white-space:nowrap;}

main {margin:0 auto 0; width:980px; zoom:1; position:relative; clear:both;}
main:after{content:''; clear:both; display:block;}

article {width:882px; margin:0 auto;}
article.wide {width:980px;}

section {width:100%; margin:0 auto 40px; clear:both; zoom:1; position:relative; z-index:0; padding:0;}
section:after{content:''; clear:both; display:block;}

h1.main {height:50px; margin-bottom:40px; text-align:center; overflow:hidden; position:relative; background-position:center bottom; background-repeat:no-repeat; text-indent:100%; white-space:nowrap; position:relative; top:-1px;}
article h2 {font-weight:bold; font-size:18px; margin:0 0 10px; color:#755c3a;}
article h2 span {display:inline-block; font-size:13px; font-weight:normal;}

ul.reform li {display: inline;
        font-size: 20px;
        border-right: solid 1px #aaaaaa;
        padding-left: 10px;
        padding-right: 10px;}
ul.reform li:first-child {border-left: solid 1px #aaaaaa;}
ul.reform {text-align: center;
     margin-bottom: 20px;}
ul.reform a {text-decoration: none;}

/* form */
article .formSection div.btn {text-align:center;}
article .formSection div.btn button {background:#755c3a; border:1px solid #755c3a; color:#fff; font-weight:bold; border-radius:4px; font-size:20px; width:310px; height:70px; line-height:70px; cursor:pointer;}
article .formSection dl {padding:0 0 30px 92px; color:#684040;}
article .formSection dl dt {width:230px; clear:left; float:left; font-weight:bold; margin-bottom:20px; padding-right:30px; line-height:40px;}
article .formSection dl dt.line2 {line-height:20.5px;}
article .formSection dl dt strong {color:#ff0000;}
article .formSection dl dd{zoom:1; overflow:hidden; margin-bottom:20px; min-height:40px;}
article .formSection dl dd input.text {line-height:40px; background:#fff; border-radius:4px; border:1px solid #755c3a; width:220px; padding:0 5px;}
article .formSection dl dd input.text.address{width:460px;}
article .formSection dl dd input.text.mailaddress{width:280px;}
article .formSection dl dd input.text.staffname{width:280px;}

article .formSection dl dd .form-textarea {
    width: 460px;
    padding: 10px;
    background:#fff;
    border-radius:4px; 
    border:1px solid #755c3a; line-break: anywhere;}

article .formSection dl dd span{display:inline-block; padding-left:20px;}
article .formSection dl dd label{height:40px; line-height:40px; font-weight:bold; padding:0 20px 0 0; cursor:pointer;}
article .formSection dl dd label input{background:#fff; height:20px; width:20px; line-height:20px; margin-right:2px;}

/* archives */
article .archives .item {width:215px; float:left; margin:0 40px 40px 0;}
article .archives .item:nth-child(4n){margin-right:0;}
article .archives .item a{border-radius:4px; overflow:hidden; position:relative; display:block; background:url(../images/loading2.gif) center center no-repeat; font-size:0; height:160px; margin-bottom:10px;}
article .archives .item a:before{content:''; background:url(../images/showDetail.png) left top no-repeat; width:215px; height:160px; position:absolute; left:0; top:0; display:block; z-index:10;border-radius:4px; overflow:hidden; top:50px; -webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:0.3s ease; -ms-transition:0.3s ease; transition:0.3s ease;}
article .archives .item a.link:before{top:0;}
article .archives .item a img {filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:0.3s ease; -ms-transition:0.3s ease; transition:0.3s ease;}
article .archives .item dl dt{float:left; width:4em;}
article .archives .item dl dd{zoom:1; overflow:hidden; padding:0 0 0 1em; position:relative;}
article .archives .item dl dd:after{content:'：'; position:absolute; left:0; top:0;}

/* mv */
#mv{margin-bottom:33px;}

/* gallery */
article .gallery {padding:0; position:relative;}
article .gallery .imgs {width:710px; height:440px; overflow:hidden; margin-bottom:30px; position:relative; opacity:0; filter:alpha(opacity=0); -moz-opacity:0;}
article .gallery:before{content:''; background:url(../images/loading2.gif) left top no-repeat; width:32px; height:32px; display:block; position:absolute; left:334px; top:204px;}
article .gallery .imgs ul {width:99999px; position:absolute; left:0; top:0; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out;}
article .gallery .imgs ul li{float:left; width:710px; text-align:center; background-color:#eee; border-radius:4px;}
article .gallery .thumbs {position:absolute; right:0; top:0; width:140px; z-index:0;}
article .gallery .thumbs li{width:140px; height:100px; margin:0 0 13px 0; float:left; background-position:center center; background-repeat:no-repeat; background-size:auto 100px; cursor:pointer; text-indent:-9999px; background-color:#fff; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; border-radius:4px; overflow:hidden;}
article .gallery .thumbs li:nth-child(2n+1){clear:both; zoom:1;}
.ie8 article .gallery .thumbs li{text-indent:0; overflow:hidden; background:#000 !important; text-align:center;opacity:1; filter:alpha(opacity=100); -moz-opacity:1;}
.ie8 article .gallery .thumbs li img{height:100px;}
article .gallery span.mask{display:block; border:2px solid #014291; height:100px; width:140px; z-index:10; position:absolute; right:0; top:0;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; border-radius:4px;}
article .gallery#active0  span.mask{top:0;}
article .gallery#active1  span.mask{top:113px;}
article .gallery#active2  span.mask{top:226px;}
article .gallery#active3  span.mask{top:339px;}
article .gallery#active0 .imgs ul{left:0px;}
article .gallery#active1 .imgs ul{left:-710px;}
article .gallery#active2 .imgs ul{left:-1420px;}
article .gallery#active3 .imgs ul{left:-2130px;}
article .gallery h2 {margin:0;}
article .gallery p {color:#332300;}
article .gallery p a {display:inline-block; margin:24px 0 0;}

/* step */
article .step {background:#f0e9d6; box-shadow:rgba(223, 208, 167, 0.9) 0px 0px 3px 1px; -webkit-box-shadow:rgba(223, 208, 167, 0.9) 0px 0px 3px 1px; -moz-box-shadow:rgba(223, 208, 167, 0.9) 0px 0px 3px 1px; border-radius:8px; padding:23px 30px 20px 220px; min-height:190px;}
article .step figure{position:absolute; left:23px; top:23px;}
article .step h2{background:url(../images/houseadviser/point1.png) left bottom no-repeat; height:83px; text-indent:200%; white-space:nowrap; overflow:hidden; width:750px; margin-bottom:15px; margin-top:-42px;}
article .step p {margin-bottom:24px;}
article .step p:last-child{margin:0;}
article .step p.link {position:absolute; left:516px; top:35px; background:url(../images/arr.png) left 0.45em no-repeat; padding-left:14px;}



/* conversion */
article .conversion {background:url(../images/conversion.png) center top no-repeat; height:92px; overflow:hidden; position:relative; width:630px; margin-bottom:35px !important;}
article .conversion h2,
article .conversion h3,
article .conversion p {text-indent:100%; overflow:hidden; white-space:nowrap;}
article .conversion p.contact {position:absolute; right:17px; top:33px; text-indent:0;}
article .conversion p.contact a{display:block; width:310px; height:60px;text-indent:100%; overflow:hidden; white-space:nowrap; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -webkit-transition:all 0.3s ease; -moz-transition: all 0.2s ease; -o-transition:0.2s ease; -ms-transition:0.2s ease; transition:0.2s ease; background:#fff; border-radius:6px;}
article .conversion p.contact a:hover{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}


/* aside */
aside{width:300px; float:right; padding-bottom:30px;}
aside nav {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:20px 20px 17px; margin-bottom:30px;
box-shadow:rgba(223, 208, 167, 0.9) 0px 0px 3px 1px; -webkit-box-shadow:rgba(223, 208, 167, 0.9) 0px 0px 3px 1px; -moz-box-shadow:rgba(223, 208, 167, 0.9) 0px 0px 3px 1px;}
aside h2{font-size:18px; font-weight:bold; color:#755c3a; line-height:18px; margin-bottom:20px;}
aside ul li{line-height:18px; margin-bottom:7px;}
aside ul li a {color:#755c3a; font-size:13px; line-height:18px; text-decoration:none; display:block; background:url(../images/arr9x9.gif) left 0.4em no-repeat; padding-left:14px;}
aside ul li a:hover{text-decoration:underline;}
aside ul + h2 {padding-top:34px;}
aside p {margin-bottom:10px; font-size:0;}
aside ul li a.active{font-weight:bold; text-decoration:none;}
aside ul li a.active:hover{text-decoration:underline;}



/*
    Colorbox Core Style:
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin-top:46px; overflow:visible; background:#fff;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#fff; padding:0; overflow:hidden !important;}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#fff;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:46px; height:46px; position:absolute; top:-46px; background:url(../images/btn_close.png) center top no-repeat;}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious{background-position:0px 0px; right:44px; display:none;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px; display:none;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{right:0;}
#cboxClose:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


/* scrollbar */
.ps-container .ps-scrollbar-x-rail {
    position: absolute; /* please don't change 'position' */
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
	display:none;
}
.ps-container .ps-scrollbar-y-rail {
    position: absolute; /* please don't change 'position' */
    right: 0px; /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px;
    background-color: #eeeeee;
}
.ps-container .ps-scrollbar-y {
    position: absolute; /* please don't change 'position' */
    left: 0; /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
    background-color: #755c3a;
	zoom:1; z-index:10;
	display:block !important;
}
.ps-container.ie6 .ps-scrollbar-y {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
    visibility: hidden;
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
    visibility: visible;
}


.ourreform {padding:20px 0;}
.ourreform h2{background: url(../images/home/h2_ourreform.png) center top no-repeat;height: 60px;margin: 0;overflow: hidden;white-space: nowrap;text-indent: 100%;font-weight: bold;font-size: 18px;margin: 0 0 10px;color: #755c3a;}
.ourreform-list {background:#F0E9D6 url(../images/reform-list-illust.png) no-repeat center bottom 30px; padding:40px 14% 110px;border:1px solid #EAE0C2;border-radius:10px; margin:0 auto;max-width:980px;text-align:center;}
.ourreform-list li {display:inline-block;color:#352106;line-height: 1.66666666666667;}
.ourreform-list li:after {content:"\00ff0f";padding:0 1em;}
.ourreform-list li:last-child:after {display:none;}

.campaign-bnr,.campaign-bnr2{text-align:center;margin:0 auto 50px;width:810px;height:120px;  font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;font-weight: 800;font-style: normal;}
.campaign-bnr a{background:url(../images/bnr_campaign.png) no-repeat center;width:810px;height:120px;display:block;text-align:left;line-height:1;color:#322702;text-decoration:none;padding:25px 0 0 420px;}
.campaign-bnr a:hover,.campaign-bnr2 a:hover {color:#322702;text-decoration:none;opacity:.7}
.campaign-bnr span,.campaign-bnr strong,.campaign-bnr2 span,.campaign-bnr2 strong{display:block;white-space:norwrap;}
.campaign-bnr span,.campaign-bnr2 span{font-size:30px;font-weight:800;display:inline;}
.campaign-bnr span span,.campaign-bnr2 span span{font-size:16px;}
.campaign-bnr strong,.campaign-bnr2 strong{font-size:24px;font-weight:800;text-indent:5px;padding-top:20px;}
.campaign-bnr2 a{background:url(../images/bnr_campaign2.png) no-repeat center;width:810px;height:120px;display:block;text-align:left;line-height:1;color:#322702;text-decoration:none;padding:25px 0 0 420px;}

.attention{color:#ff0000;padding:0 30px 50px;}/* padding:0 30px 30px */
.attention dt{font-size:20px;font-weight:800;}
.attention dd{padding:1em 0 0;}