@charset "UTF-8";

/* カウンター
------------------------------- */
.counter{
position:static;
margin:0 auto;
padding:10px 0 0;
text-align:center;
font-size:100%;
}

.counter span{
padding:0 5px;
background-color:#49A4DD;
color:#FFF;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
}

.counter li{
display:inline-block;
vertical-align:middle;
margin-right:10px;
}


/* .hero
-----------------------------------------------*/
.hero{
position:relative;
min-height:220px;
background:
url(../images/top/001.png) no-repeat right bottom,/* 右マンション */
url(../images/top/005.png) no-repeat 0 bottom,/* 左住宅 */
url(../images/top/003.png) no-repeat 100% 5px,/* 雲右 */
url(../images/top/002.png) no-repeat 0 bottom,/* 左木々 */
#6FCFD4;
}

.hero #hero-catch{
max-width:960px;
margin:auto;
padding:20px;
}

.hero #hero-catch{
font-size:4vw;
font-weight:normal;
line-height:1.3; 
color:#FFF;
}

.hero #hero-catch span{
color:#FF0;
}


/* sns
-----------------------------------------------*/
#share{
display:none;
}

.sns-col{
display:flex;
align-items:center;
justify-content:center;
padding:15px 10px 10px;
line-height:20px;
}

.sns-btn{
margin:0 6px;
line-height:0;
}

.sns-layout{
display:block !important;
}


/* main
-----------------------------------------------*/

main{
padding:0 5px;
}

main h1.top{
white-space:nowrap;
font-size:4vw;
text-align:center;
}

.lead{
margin:0 0 10px;
padding:10px;
background-color:#F7F7F7;
background-color:#FDFEEF;
border:#8C9EBD solid 3px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
text-align:center;
}

.lead i{
display:inline-block;
font-size:600%;
margin:0 auto;
padding:0;
color:#8C9EBD;
vertical-align:top;
}

.lead i.small{
font-size:400%;
padding:0 20px 0 0;
transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
}

.lead p{
text-align:left;
padding-bottom:0.5em;
}

.lead dl{
margin:10px 0 10px;
}

.lead dt{
max-width:300px;
margin:3px auto;
padding:5px 10px;
color:#FFC;
background-color:#395A9D;
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;
}

.lead dt:before{
display:inline-block;
padding-right:0.8em;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f118";
color:#FFF;
}

.lead dt:after{
display:inline-block;
padding-left:0.8em;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f25a";
color:#FFF;
}


.lead ul{
margin:0 5px 10px;
padding:10px;
background-color:#FFF;
border:#8C9EBD solid 1px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
text-align:left;
font-size:90%;
}

.lead ul li{
margin-left:20px !important;
padding:0.2em 0;
list-style-type:disc;
}

.lead ul li span{

}


main h2{
overflow:hidden;
text-align:center;
margin:0.5em 0 0.5em; 
padding:5px 10px;
color:#111;
font-size:100%;
font-weight:700;
}

main h2 span{
position:relative;
display:inline-block;
margin:0 1.5em;
padding:0 0.5em;
/*text-align:left;*/
}

main h2 span:before,
main h2 span:after{
position: absolute;
top:50%;
content:'';
display:block;
min-width:500px;
height:2px;
background-color:#49A4DD;
}

main h2 span:before{
right:100%;
}

main h2 span:after{
left:100%;
}


main section{
margin:1em auto;
padding:0.5em 0;
border:none;
-webkit-box-shadow:0 0 8px 0 rgba(102,102,102,0.3);
box-shadow:0 0 8px 0 rgba(102,102,102,0.3);
}

main section p{
padding:0.5em 1em;
line-height:1.5;

text-align:left;
}




/* .topics-menu
------------------------- */
.topics-menu{
position:relative;
margin:10px;
padding:0 0 5px;
}

.topics-menu ul{
position:relative;
margin:0 0 5px;
padding:5px 0;
height:300px;
font-size:14px;
line-height:1.4;
list-style:none;
background-color:#FFF;
border:#CCC solid 1px;
text-align:left;
overflow:auto;
}

.topics-menu li{
position:relative;
display:block;
color:#000;
text-decoration:none;
border-bottom:solid 1px #EEEEEE;
}

.topics-menu li.link-n{
margin:0;
padding:5px;
}

.topics-menu li{
margin:0;
padding:5px 5px 10px 5px;
}



.topics-menu li a{
display:block;
margin:0;
text-decoration:none;
color:#333;
}

.topics-menu li time,
.topics-menu li a time{
position:absolute;
left:5em;
top:0;
}

.topics-menu li img{
position:absolute;
left:11em;
top:2px;
}

.topics-menu li p,
.topics-menu li a p{
position:relative;
margin:0;
padding:15px 8px 15px 4.6em;
}

.topics-menu li a p{
color:#487CBB;
}

.topics-menu li a p:after{
position:absolute;
right:3px;
top:70%;
content:'\f101';
margin:-18px 0 0 0;
color:#888;
font-family:'FontAwesome';
font-size:16px;
line-height:1;
}

.topics-menu li a:hover{
background-color:#FDF1D7;
}


/* .cont-topics
------------------------------- */
.cont-topics{
margin:1em auto;
padding:0.2em 0;
background-color:FFFFFF;
text-align:center;
}

.cont-topics ul{
background-color:rgba(233,255,210,0.2);
}

.cont-topics ul li a:hover{
background-color:rgba(233,255,210,0.6);
}



.topics-menu ul li.blog:before{
position:absolute;
left:0;
top:0;
padding:4px;
content:'ブログ';
font-size:12px;
color:#FFF;
background-color:#428BCA;
line-height:1;
}

.topics-menu ul li.news:before{
position:absolute;
left:0;
top:0;
padding:4px;
content:'ニュース';
font-size:12px;
color:#FFF;
background-color:#5CB85C;
line-height:1;
}

.topics-menu ul li.books:before{
position:absolute;
left:0;
top:0;
padding:4px;
content:'本の紹介';
font-size:12px;
color:#FFF;
background-color:#D9534F;
line-height:1;
}


.all-list{
margin:0.5em auto;
text-align:center;
font-size:120%;	
}

.all-list a{
position:relative;
display:block;
max-width:300px;
text-align:center;
margin:5px auto;
padding:0.5em 1.5em;
color:#333;
text-shadow: 1px 1px 2px #FFF;
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(236,236,251) 0%,rgb(202,202,217) 100%); 
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(236,236,251)),color-stop(1, rgb(202,202,217)));
background-image:-webkit-linear-gradient(-90deg,rgb(236,236,251) 0%,rgb(202,202,217) 100%);
background-image:linear-gradient(180deg,rgb(236,236,251) 0%,rgb(202,202,217) 100%);
border:rgb(202,202,217) solid 1px;
font-weight:700;
text-decoration:none;

-webkit-border-radius:5px; 
-moz-border-radius:5px;
border-radius:5px;	
}

.all-list a:hover{
position:relative;
left:1px;
top:1px;
}

.all-list a:after{
position:absolute;
right:3.5%;
top:25%;
content:'\f138';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:120%;
color:#C00;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;	
}




/* .pickup
------------------------------- */

.pickup-link,
.pickup-qa,
.pickup-news{
margin:2.5em auto;
max-width:600px !important;
text-align:center;
font-size:95%;
}

.pickup-link a,
.pickup-qa a,
.pickup-news a{
position:relative;
display:block;
width:70%;
text-align:left;
margin:5px auto;
padding:5px 2.5em 5px 2.5em;
color:#333;
text-shadow: 1px 1px 2px #FFF;
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(236,236,251) 0%,rgb(202,202,217) 100%); 
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(236,236,251)),color-stop(1, rgb(202,202,217)));
background-image:-webkit-linear-gradient(-90deg,rgb(236,236,251) 0%,rgb(202,202,217) 100%);
background-image:linear-gradient(180deg,rgb(236,236,251) 0%,rgb(202,202,217) 100%);
border:rgb(202,202,217) solid 1px;
font-weight:700;
text-decoration:none;

-webkit-border-radius:5px; 
-moz-border-radius:5px;
border-radius:5px;
}


.pickup-qa .questionnaire-results a{
text-align:center;	
}

.pickup-qa .questionnaire-results a i{
font-size:20px !important;
color:#F60 !important;
position:static!important;
}

.pickup-link a:hover,
.pickup-qa a:hover,
.pickup-news a:hover{
position:relative;
left:1px;
top:1px;
}

.pickup-link .drc,
.pickup-qa .drc{
color:#C00;
}

.pickup-link a span.bm:before{
position:absolute;
left:-5%;
top:20%;
content:'\f108';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:45px;
color:#003399;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.pickup-link a span.am:after{
position:absolute;
right:2.5%;
top:35%;
content:'\f0a9';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:30px;
color:#F60;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}



.pickup-qa a span.bm:before{
position:absolute;
left:-5%;
top:20%;
content:'\f044';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:50px;
color:#003399;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.pickup-qa a span.am:after{
position:absolute;
right:2.5%;
top:35%;
content:'\f14c';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:30px;
color:#F90;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}



.pickup-news a span.bm:before{
position:absolute;
left:-7%;
top:3px;
content:'\f099';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:60px;
color:#1da1f2;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.pickup-news a span.am:after{
position:absolute;
right:2.5%;
top:35%;
content:'\f0ab';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:30px;
color:#C00;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}


.bwsp{
display:none;
}


/* メニュー01
-----------------------------------------------*/
.menu-area01{
margin:5px auto;
padding-top:10px;
display:flex;
flex-wrap:wrap;
}

.menu-area01 .menu-col{
display:flex;
flex:1;
margin:0 5px 10px;
align-items:center;
justify-content:center;

font-size:12px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing::border-box;
text-align:center;
}

.menu-area01 .menu-col i{
font-size:160%;
color:#FB964C;
margin-top:0.5em;
}

.menu-area01 a.menu-box{
position:relative;
display:block;
padding:10px;
text-align:center;
text-decoration:none;
}

.area-b{
background-color:#FEF4EF;
-moz-border-radius:100px;
-webkit-border-radius:100px;
border-radius:100px;
box-shadow:2px 2px 3px rgba(0,0,0,0.3);
border:#FB964C solid 8px;
}

.area:hover, .area:focus{
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
box-shadow:1px 1px 2px rgba(0,0,0,0.3);
}

.menu-area01 .menu-box img {
margin:5px auto;
padding:0;
}

.menu-area01 .menu-box h3 {
color:#000;
font-size:120%;
font-weight:700;
margin:3px 0;
line-height:1.2;
}

.menu-area01 .menu-box img{
float:none;
width:100%;
max-width:134px;
height:auto;
margin:2px auto 10px;
text-align:center;
}

.menu-area01 .menu-box p.lead-copy{
margin:0;
padding:0;
color:#222;
font-size:100%;
}


/* seismic-diagnosis-link .condominium-diagnosis-link
----------------------------------------*/
.seismic-diagnosis-link,
.condominium-diagnosis-link{
max-width:70%;
margin:1em auto;
text-align:center;
font-size:12px;

}

.seismic-diagnosis-link a,
.condominium-diagnosis-link a{
position:relative;
display:block;
padding:4px 4px 4px 8px;
background-color:#FEECEB;
border:#F60 solid 5px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
color:#333;
text-decoration:none;
line-height:1.5;
}

.seismic-diagnosis-link a:hover,
.condominium-diagnosis-link a:hover{
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}

.seismic-diagnosis-link i,
.condominium-diagnosis-link i{
color:#F60;
font-size:160%;
margin-top:0.5em;
}

.seismic-diagnosis-link a h3,
.condominium-diagnosis-link a h3{
color:#000;
font-size:120%;
font-weight:700;
margin:3px 0;
line-height:1.2;
}

.seismic-diagnosis-link a p.lead-copy,
.condominium-diagnosis-link a p.lead-copy{
margin:0;
padding-top:0;
color:#222;
font-size:100%;
}


/* メニュー02
-----------------------------------------------*/
.menu-area02{
margin:5px auto;
padding-bottom:20px;
display:flex;
}

.menu-area02 .menu-col{
display:flex;
flex:1 1 48%;
margin:0 1% 10px;
align-items:center;
justify-content:center;

font-size:12px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing::border-box;
text-align:center;
}

.menu-area02 .icon{
display:inline-block;
margin-bottom:20px;
font-size:40px;
width:2em;
line-height:2em;
border-radius:50%;
text-align:center;
color:#FFF;
}

.menu-area02 .reason .icon{
background-color:#75C7EE;
}

.menu-area02 .point .icon{
background-color:#8DC377;
}

.menu-area02 a.menu-box{
position:relative;
display:block;
padding:15px 5px;
text-align:center;
text-decoration:none;
}

.reason{
background-color:#75C7EE;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.point{
background-color:#8DC377;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.menu-area02 .reason{
border:#75C7EE solid 5px;
background-color:rgba(117,199,238,0.1);
}

.menu-area02 .point{
border:#8DC377 solid 5px;
background-color:rgba(141,195,119,0.1);	
}

.reason:hover, .reason:focus,
.point:hover, .point:focus{
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}

.menu-area02 .menu-box h3 {
color:#000;
font-size:120%;
margin:3px 0;
line-height:1.2;
}

.menu-area02 .menu-box p.lead-copy{
margin:0;
padding:0;
color:#000;
font-size:100%;
}

.menu-area02 .menu-col i.fa-chevron-circle-right{
font-size:160%;
margin-top:0.5em;
}

.menu-area02 .reason i.fa-chevron-circle-right{
color:#75C7EE;
}

.menu-area02 .point i.fa-chevron-circle-right{
color:#8DC377;
}



/* メニュー03
-----------------------------------------------*/
.menu-area03{
margin:5px auto;
padding-bottom:20px;
display:flex;
}

.menu-area03 .menu-col{
display:flex;
flex:1 1 48%;
margin:0 1% 10px;
align-items:center;
justify-content:center;

font-size:12px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing::border-box;
text-align:center;
}

.menu-area03 .icon{
display:inline-block;
margin-bottom:20px;
font-size:40px;
width:2em;
line-height:2em;
border-radius:50%;
text-align:center;
color:#FFF;
}

.menu-area03 .timing .icon{
background-color:#CA94E6;
}

.menu-area03 .preparation .icon{
background-color:#9D9DFF;
}

.menu-area03 a.menu-box{
position:relative;
display:block;
padding:15px 5px;
text-align:center;
text-decoration:none;
}

.timing{
background-color:#CA94E6;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.preparation{
background-color:#9D9DFF;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.menu-area03 .timing{
border:#CA94E6 solid 5px;
background-color:rgba(202,148,230,0.1);
}

.menu-area03 .preparation{
border:#9D9DFF solid 5px;
background-color:rgba(157,157,255,0.1);	
}

.timing:hover, .timing:focus,
.preparation:hover, .preparation:focus{
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}

.menu-area03 .menu-box h3 {
color:#000;
font-size:120%;
margin:3px 0;
line-height:1.2;
}

.menu-area03 .menu-box p.lead-copy{
margin:0;
padding:0;
color:#000;
font-size:100%;
}

.menu-area03 .menu-col i.fa-chevron-circle-right{
font-size:160%;
margin-top:0.5em;
}

.menu-area03 .timing i.fa-chevron-circle-right{
color:#CA94E6;
}

.menu-area03 .preparation i.fa-chevron-circle-right{
color:#9D9DFF;
}





/* メニュー04
-----------------------------------------------*/
.menu-area04{
margin:5px auto;
padding-bottom:20px;
display:flex;
}

.menu-area04 .menu-col{
display:flex;
flex:1 1 48%;
margin:0 1% 10px;
align-items:center;
justify-content:center;

font-size:12px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing::border-box;
text-align:center;
}

.menu-area04 .icon{
display:inline-block;
margin-bottom:20px;
font-size:40px;
width:2em;
line-height:2em;
border-radius:50%;
text-align:center;
color:#FFF;
}

.menu-area04 .knowledge .icon{
background-color:#E6669B;
}

.menu-area04 .property-selection .icon{
background-color:#F8A331;
}

.menu-area04 a.menu-box{
position:relative;
display:block;
padding:15px 5px;
text-align:center;
text-decoration:none;
}

.knowledge{
background-color:#E6669B;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.property-selection{
background-color:#F8A331;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.menu-area04 .knowledge{
border:#E6669B solid 5px;
background-color:rgba(230,102,155,0.1);
}

.menu-area04 .property-selection{
border:#F8A331 solid 5px;
background-color:rgba(248,163,49,0.1);	
}

.knowledge:hover, .knowledge:focus,
.commentary:hover, .property-selection:focus{
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}

.menu-area04 .menu-box h3 {
color:#000;
font-size:120%;
margin:3px 0;
line-height:1.2;
}

.menu-area04 .menu-box p.lead-copy{
margin:0;
padding:0;
color:#000;
font-size:100%;
}

.menu-area04 .menu-col i.fa-chevron-circle-right{
font-size:160%;
margin-top:0.5em;
}

.menu-area04 .knowledge i.fa-chevron-circle-right{
color:#E6669B;
}

.menu-area04 .property-selection i.fa-chevron-circle-right{
color:#F8A331;
}



/* #pn-area
-----------------------------------------------*/
#pn-area{
background-color:#FDF9EA;
}

.link-twitter a{
display:flex;
align-items:center;
justify-content:space-between;
max-width:300px;
margin:1em auto;
padding:0.5em;
background-color:#1da1f2;
color:#FFF;
text-decoration:none;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
}

.link-twitter a:before{
display:flex;
padding:0 0 0 40px;
content:'\f099';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:200%;
color:#FFF;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.link-twitter a:after{
display:flex;
padding:0 40px 0 0;
content:'\f08e';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:160%;
color:#FFF;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.link-twitter a:hover{
position:relative;
top:1px;
left:1px;
}

.twitter-widget{
margin:10px auto;
width:312px !important;
word-wrap:break-word;
}

.twitter-widget iframe{
width:740px !important;
}


/*メディアクエリ
-----------------------------------------------------------------*/
@media all and (min-width:700px) {
	
/*カウンター
------------------------------- */
.counter{
position:absolute;
top:70px;
left:70px;
}


.hero{
min-height:220px;
}

.hero #hero-catch{
font-size:5vw;
}

.hero{
position:relative;
min-height:220px;
background:
url(../images/top/001-2.png) no-repeat 76% bottom,/* 右住宅 */
url(../images/top/001.png) no-repeat right bottom,/* 右マンション */
url(../images/top/005.png) no-repeat 30% bottom,/* 左住宅 */
url(../images/top/003.png) no-repeat 95% 0,/* 雲右 */
url(../images/top/004.png) no-repeat 2% 10px,/* 左雲 */
url(../images/top/002.png) no-repeat 10% bottom,/* 左木々 */
#6FCFD4;
}

/* sns
-----------------------------------------------*/
#share{
display:block;
}


main h1.top{
font-size:4.5vw;
}
	
p.lead{
border:#333 solid 1px;
}

.lead i{
font-size:600%;
float:left;
margin-top:-5px;
padding-right:10px;
}

.lead ul{
display:flex;
padding:0 20px;
}

.lead ul li{
flex:1;
margin:1%;
}

.menu-box h3 {
font-weight:700;
}

.menu-area01 .menu-box h3,
.menu-area02 .menu-box h3,
.menu-area03 .menu-box h3,
.menu-area04 .menu-box h3{
font-size:160% !important;
}


main section{
margin:1em auto;
padding:10px;
}


.pickup-link,
.pickup-qa,
.pickup-news{
margin:2em auto;
}

.pickup-link a span.am:after{
right:1.6%;
top:30%;
}

.pickup-qa a span.am:after{
right:1.6%;
}

.pickup-news a span.bm:before{
position:absolute;
left:-5%;
top:0;
}

.pickup-news a span.am:after{
right:1.6%;
top:20%;
}


.bwsp{
display:block;
text-align:center !important;
}


.pickup-qa .questionnaire-results a i{
float:none !important;
margin-top:0;
padding-right:0;
}


/* メニュー01
-----------------------------------------------*/
#Home .menu-area01{
margin:0 auto 10px;
}

#Home .menu-area01 .menu-col{
display:flex;
margin:0 5% 10px;
}

/* #pn-area
-----------------------------------------------*/

.twitter-widget{
width:660px;
}

/* seismic-diagnosis-link condominium-diagnosis-link
----------------------------------------*/
.seismic-diagnosis-link,
.condominium-diagnosis-link{
margin:2em auto;
}

.seismic-diagnosis-link h3,
.condominium-diagnosis-link h3{
margin:1em ;
font-size:160% !important;
}

.seismic-diagnosis-link a,
.condominium-diagnosis-link a{
display:flex;
align-items:center;
justify-content:center;
-moz-border-radius:100px;
-webkit-border-radius:100px;
border-radius:100px;
}

.seismic-diagnosis-link a div,
.condominium-diagnosis-link a div{
flex:1;
}

.seismic-diagnosis-link a img,
.condominium-diagnosis-link a img{
max-width:260px;
height:auto;
}




/* foot-banner
-----------------------------------------------*/
#foot-banner li{
max-width:24.46%;/* 230/940 */
height:auto;
display:inline-block;
margin:10px 20px;
}




}




@media all and (min-width:960px) {


.hero{
min-height:220px;
}

.hero #hero-catch{
font-size:48px;
}

main h1.top{
font-size:45px;
}

main h2{
font-size:180%;
margin:0.5em 0 0
}

main h2 span{
padding:0 1em;
}

.pickup-link,
.pickup-qa,
.pickup-news{
font-size:100%;
}

}