@charset "utf-8";

html {  }
body { margin: 0; }

body.categ .thumbps, .sp { display: none!important;}
.noprint { display: none!important;}

a { transition-property: all;transition: 0.3s linear; }
a:focus, *:focus { rgba(255,255,255,0) }
a:active, *:active { rgba(255,255,255,0) }

/**********************************************************************　大枠デザイン　*******************************************************************************/

header { display: none; }
body.detail .swiper {  }

.categ .tt { display: none; }
.thumb-box { display: none; }
.thumb-box h3 a { display: block; }
.thumb-box h3 a { margin: 0 0 20px; border-top: 3px #222 solid; padding: 10px 0 0 0; }

body.detail section,
body.profile section
{ max-width: 1280px; width: 98%; margin: 0 auto; }

main { width: 90%; margin: 0 auto; }

/**********************************************************************　デザイン　*******************************************************************************/

.h1-pad p.eng ,
.h1-pad h1
{ position: absolute ; z-index: 10 }

.h1-box.print { font-size: 2.6em;line-height: 2.6em ; padding: 250px 0 ; margin: 0 }

.print-slide img { margin-bottom: 20px}
.read { width: calc(50% - 40px); margin: 20px auto 50px; }

.f-l { float: left } .f-r { float: right}
/*
.swiper-container { width: 100%; margin: 0 auto; padding: 0 0 10px 0; background-color: #fff }
.swiper-container-horizontal > .swiper-pagination { bottom: 0px;}
.pagination-num { bottom:0px; font-size: .9em }
*/
main.f-r { width: 100% ; margin: 0 1.5% 0 0 }
.f-l { width: 18% ;padding: 0 0 0 1.5% }

.detail-box { clear: both ; padding: 0 0 20px 0 }
.detail-box ul { padding-top: 20px }

.prof-box { margin-bottom: 80px; font-size: 0.9em; }
.prof-box .f-l { width: 75% }
.prof-box .f-r { width: 20% }

.prof-box h2 { margin: 0 0 0 0 ; font-size: 1.3em; }
.prof-box ul { border-top: 1px #ccc solid; margin: 10px 0 30px }
#contact .prof-box ul { border-top: 1px #ccc dotted; margin: 10px 0 30px }
.prof-box ul li { float: left; padding: 7px 0; border-bottom: 1px #ccc solid; }
#contact .prof-box ul li { padding: 10px 0; border-bottom: 1px #ccc dotted; }
.prof-box ul li.thlike { width: 19%; padding-left: 1%; }
.prof-box ul li.tdlike { width: 80%; }
.prof-box ul li.thlike2 { width: 19%; padding-left: 1%; }
.prof-box ul li.tdlike2 { width: 80%; }
.face img { width: 90%; height: auto; padding-top: 10px }
#overview iframe { display: none; }
.whtpc { color: #fff }

.exam { width: 100%; text-align: left; font-size: .8em ; line-height: 1.0em; margin-bottom: 12px; } 
.exam img { width: 32px ; height: auto; padding-right: 8px }
.exam .faciname { top: 10px; left: 46px; padding: 0 0 0 0; }

.detail-r ul.maru { padding-top: 0 !important; }

.topthumb h3 { font-size: 1.2em;line-height: 1.2em ; padding: 5px 0 5px ; margin: 0 }
.topthumb img { width: 100% ; height: auto; padding: 0 0 10px 0 ;  }
.palette-box.topthumb .palette { width: 33.33333333% }

.bttxt { display: block }
.cresit { font-size: 0.7em; padding-top: 7px }

/**********************************************************************  パレット  *******************************************************************************/

.palette
{ padding: 1.5% ; font-size: 0.9em ; line-height: 1.8em }

.palette-box { width: 100% ; display:table; border-spacing: 0 0;  }
#welfare .palette-box, #other .palette-box { width: 80%; margin: 0 8% 0 12.5%; }
#welfare .palette-box .palette, #other .palette-box .palette { width: 20%;}
.palette { display:table-cell ; vertical-align: top}

.palette------- { width: 20% }/*width: calc( 25% - 2px )*/
.palette.five-----, .categ .palette------ { width: 20% }

body.detail .thumbs .palette-box .palette { width: 30.333333333%; }
body.categ .thumbs .palette-box .palette { width: calc(20% - 45px); font-size: .7em }
body.categ .thumbs .palette-box .palette img { padding-bottom: 5px }

.palette.left-pad { width: 60%; }
.palette.right-pad { width: 40%; }


/*********************************************************************** ヘッダー *****************************************************************************
*/

footer { margin: 0px auto 0; }
.footer-box { display: none; }
.mail img { display: none }

.ft img { width: 55px; height: auto; padding-bottom: 10px; }
.ft img.iao { width: 50px; padding-right: 30px; padding-bottom: 12px; }
body.homes .tt a { color: #fff; }
.tt a:hover { opacity: .5; }
.qr-box { font-size: .7em; line-height: 1.0em; }
.qr-box img { width: 80px; height: auto; padding: 50px 0 10px; }

body.detail .tt { width: 8vw; top: 100px; left: 20px; font-size: .8em; line-height: .9em; }
body.detail .tt img { width: 65px; height: auto; padding: 0vw 0vw .5vw 0vw; }
body.detail .tt.aim { width: 100px; top: 100px; left:140px; font-size: .9em; line-height: .9em; }
body.detail .tt.aim img { width: 70px; height: auto; padding: .5vw 0vw .5vw 0vw; }

body.overview .tt { width: 12vw; top: 8vw; left: 4vw; font-size: .8vw; line-height: 1.2vw; }
body.overview .tt img { width: 5.8vw; height: auto; padding: 0vw 0vw .5vw 0vw; }
body.overview .tt.aim { width: 8vw; top: 8vw; left:16vw; font-size: 1.2vw; line-height: 1.2vw; }
body.overview .tt.aim img { width: 6vw; height: auto; padding: 1vw 0vw .5vw 0vw; }

body.homes .tt { width: 12vw; top: 4vw; left: 4vw; font-size: .8vw; line-height: 1.0vw; }
body.homes .tt img { width: 5.8vw; height: auto; padding: 0vw 0vw .5vw 0vw; }
body.homes .tt.aim { width: 8vw; top: 4vw; left:16vw; font-size: 1.2vw; line-height: 1.2vw; }
body.homes .tt.aim img { width: 6vw; height: auto; padding: 1vw 0vw .5vw 0vw; }

body#index .tt { width: 15vw; top: 4vw; left: 4vw; font-size: 1.2vw; line-height: 1.4vw; }
body#index .tt img { width: 10vw; height: auto; padding: 0vw 0vw .8vw 0vw; }
body#index .tt.aim { width: 10vw; top: 4vw; left:22vw; font-size: 1.5vw; line-height: 1.8vw; }
body#index .tt.aim img { width: 10vw; height: auto; padding: 2vw 0vw .5vw 0vw; }

body.profile main { width: 70%; margin: 0 0 0 30%; }

/***********************************************************************　スワイパー　******************************************************************************/

.swiper-wrapper { display: none!important }

#flash03, #flash04, #flash01, #flash02 { opacity: 1 }