@charset "utf-8";

/**********************************************************************　スマホ　*******************************************************************************/

body { margin: 0 ; padding: 0 ; }

.pc ,.sitemap
{display: none;}

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

.flow-box { width: calc( 100% - 40px ) ; margin-left: 20px }

#architecture .h1-pad ,
#overview .h1-pad ,
#house .h1-pad ,
#clinic .h1-pad ,
#flow .h1-pad ,
#remune .h1-pad
{ padding: 20px 0 40px 0 ; text-align: center ; border-top: #ccc solid 1px }

.h1-pad p.eng  { font-size: 2.0em ; line-height: 1.5em }
.h1-pad h1 { font-size: 1.0em ; line-height: 1.2em }

div#bread.abso { left: 0 ; top: 96px ; display: none ; font-size: 0.9em }
div#bread.abso i{ padding: 0 5px ; color: #999 }
div#bread{ display: none }

#page { margin: 20px 0 0 0 ; padding: 0 }

main { margin: 0 0 ; }
body.chld main { margin: 60px 10px 0 }

.swiper-container { width: 100% ;margin: 0 auto 10px ; padding: 50px 0 0 0 }
.swiper-container-horizontal > .swiper-pagination { top: 10px; }
.pagination-num { top:20px }
.swiper-slide .abso { text-align: center ; font-size: 0.8em }

.palette { margin: 0 0 0 }

.thumb-box { margin: 50px 15% 50px ; width: 70% ; }
.detail-pad {  margin: 0 20px }
.detail-box .detail-l { margin-bottom: 30px }
.detail-box .detail-l ul { margin-top : 20px }
.works .palette { float: left ; width: 40% ; }
.exam { padding: 0 ; margin: 0 5px 10px ; text-align: left ; font-size: 0.9em ; line-height: 0.8em ; float: none ; width: 100% } /* border: solid 1px #ccc ; */

#index-box { text-align: center ; }


#topthumb a { border-top: #ccc solid 1px ; padding: 10px 0 0 0 ; margin: 10px 0 10px 0  }
#topthumb img { float: left ; width: 100% ; height: auto; padding: 0 15px 10px 0 ;  }
#topthumb h3 { margin: 0 0 0 0 ; padding: 0 0 0 0 }
#topthumb p.sub { margin: 0 0 0 0 ; padding: 10px 0 10px 0 }
/**/
span.eff { display: none ;}
#topthumb i { color: rgba(87,135,212,1.00) ; padding: 0 2px 0 5px }
a.iro {  }

.palette.five.gaiyo { border-top: #ccc solid 1px ; padding: 10px 0 0 0 !important; margin: 10px 20px 10px !important }

.thl { border-top: solid 1px #ccc ; padding: 10px 0 2px 0 }
.tdl { padding: 2px 0 10px 0 }
#prof .palette { border-top: solid 1px #ccc ; padding-bottom: 30px }
#overview .sub { width: 50% ; padding: 0 25% 30px ; text-align: center }
#overview .sub img { width: 70% ; padding: 10px 15% }
.palette.ofst { padding-bottom: 60px !important }

/**********************************************************************　タイポグラフィー　*******************************************************************************/

h1 { font-size: 1.3em;line-height: 1.4em ; text-align: center }

h2 {font-size: 1.2em;line-height: 1.2em}
h3 {font-size: 1.2em;line-height: 1.4em}
h4 {font-size: 1.1em;line-height: 1.4em}

span.maru { padding-left: 0.4em }
.read { text-align: justify; padding-left: 5%;padding-right: 5%; }

/************************* 　ロゴ　***************************/

.logo { left: 10px ; top: 6px ;width: 150px ; text-align: left ; }

#topics h3 { padding: 20px 0 16px 0 }

/**********************************************************************  ナビ  *******************************************************************************/

header#togglebox { border-bottom: solid 1px #ccc ; } 
header#togglebox { padding: 17px 0 0 0;height:33px;margin: 0 }

nav#org { padding: 0 ; width: calc( 100% - 0px ) }
nav#org ul li { background-color: #fff ;}
nav#org ul li a { background-color: rgba(218, 228, 245,.5) ; color: #000 ; padding: 15px 0 13px ; border-bottom: 1px solid #ccc ; }
nav#org ul li a span.eng { display: block ;padding: 0 0 5px ; font-size: 0.8em }
nav#org ul li.hit a { background-color: hsla(0,0%,85%,1.0) }

.tt { font-size: 1.0em ; line-height: 1.0em ; text-align: left; padding-left: 20px; padding-top: 3px }

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

#secondary section,
.post,
.palette
{ padding: 0 20px ; font-size: 0.9em ; line-height: 1.8em }

#architecture .palette-box ,
.flow-box { margin: 0 auto }
.flow-box .sub { width: 50% ; margin: 0 auto ; padding: 10px 0 }
.flow-box h3 { padding: 20px 0 ; }

.flow-box.btms { margin: 0 auto 50px }

#architecture .palette ,
#clinic .palette ,
#house .palette { border-bottom: dotted 1px #ccc ; padding-bottom: 30px }

#faq .five { padding: 20px 0 12px }
#faq .five .eng { font-size: 1.6em ; line-height: 1.0em }

/*********************************************************************** フッター ******************************************************************************/

.footer-box{
height: 60px ;
padding: 20px 0;
background-color: #f1f1f1 ; 
text-align: center ;
font-size: 0.8em
}
.sns { top: 50px; right: 0 }
.footer-box ul {
display: table ; margin: 0 auto ; text-align: center
}

/**********************************************************************  エフェクト  *******************************************************************************/

td span {display: block}


/**********************************************************************　テーブルのようなリスト　*******************************************************************************/

header ul li  { padding: 0 }
header ul li a { font-size: 16px;line-height: 16px;padding: 10px 0; }

/************************* info ***************************/
dl.toiawase { border-top : 1px solid #CCCCCC }
dl.toiawase dt { float: none;padding: 15px 0 0 0 }
dl.toiawase dd { float: none;border-bottom : 1px solid #CCCCCC ;padding: 0 0 15px 0 ; margin: 0 }

dl.toiawase dt.bikou ,dl.toiawase dd.bikou {  }
dl.toiawase dt.clear-box ,dl.toiawase dd.clear-box { float: none; clear: both ;width: 100%  }

dl.toiawase dt{ width: 100% }
dl.toiawase dd{ width: 100% }

dl.toiawase dd input.meru{ width: 60% !important; }
dl.toiawase dd input.nama{ width: 60% !important; }
dl.toiawase dd input.pos{ width: 60% !important; }
dl.toiawase dd input.add{ width: 97% !important; }
dl.toiawase dd textarea.you{ width: 97% !important; }
dl.toiawase dd textarea.you{ height: 100px !important; }


/**********************************************************************　サイズ調整　*******************************************************************************/

body.chld section nav { padding: 50px 0 0 0 }
.recru .f-r { padding: 20px 0 0 0 }
.hearingsp { padding: 0 0 20px 0 }