@charset 'UTF-8';
/*============================================================= about 当事務所について =============================================================*/
/*!  #mainimg
================================================ */
@media screen and (max-width: 599px)
{
    #about #mainimg .mainTxt
    {
        width: 220px;
    }
}
/*!  #clinicPic
================================================ */
#about #clinicPic
{
    padding-bottom: 38px;
}
@media screen and (min-width: 600px) {
    #about #clinicPic {
     padding-bottom: 70px;
    }
}
#about #clinicPic .picSlide {
	position: relative;
	z-index: 50; 
  overflow: visible;
	width: 100%;
	margin: 0 auto;
}
#about #clinicPic .picSlide:before {
	position: absolute;
	z-index: 60;
	display: block; 
  content: '';
}
#about #clinicPic .picSlide .picSlideItem {
	position: relative;
	width: 100%;
	height: auto;
}
#about #clinicPic .picSlide .picSlideItem::before {
		content: "";
    display: block;
    padding-top: 70.3636%;
	}
#about #clinicPic .picSlide .picSlideItem .itemInner {
		position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 599px) {
    #about #clinicPic .picSlide {
        /*height: 194px;*/
    }
	#about #clinicPic .picSlide:before {
		right: 15px;
		bottom: -13px;
    width: 60px;
		height: 71px;
		background: url(../img/common/img_cat02.png) left top no-repeat; background-size: 60px auto;
    }
}
@media screen and (min-width: 600px) {
    #about #clinicPic .picSlide {
     height: auto;
    }
	#about #clinicPic .picSlide:before {
		right: 50%;
		bottom: -21px;
		width: 112px;
		height: 132px;
		margin-right: -508px;
		background: url(../img/common/img_cat02.png) left top no-repeat; background-size: 112px auto;
    }
}
/*!  #messsage
================================================ */
@media screen and (max-width: 599px)
{
    #about #messsage
    {
        padding: 0 15px 36px; background: url(../img/about/bg_footmark02_sp.png) left bottom no-repeat; background-size: 222px auto;
    }  #about #messsage .messsageHd
    {
        padding: 46px 0 25px;
    }  #about #messsage .messsageHd .titEn
    { font-size: 1.6rem; font-weight: 500; line-height: 1; 

        display: block; margin-top: 10px; color: #ee5063;
    }
}
@media screen and (min-width: 600px)
{
    #about #messsage
    {
        padding: 0 0 92px;
    }  #about #messsage .messsageIn
    { position: relative; 

        width: 1020px; margin: 0 auto;
    }  #about #messsage .messsageIn:before
    { position: absolute; z-index: 1; bottom: -92px; left: -93px; display: block; width: 450px; height: 441px; 

        content: ''; background: url(../img/about/bg_footmark02_pc.png) left bottom no-repeat;
    }  #about #messsage .messsageHd
    {
        padding: 73px 0 30px;
    }  #about #messsage .messsageHd .titEn
    { font-size: 2rem; font-weight: 500; line-height: 1; 

        display: block; margin-top: 11px; color: #ee5063;
    }  #about #messsage .messsageTxt
    { position: relative; z-index: 2; width: 693px; margin: 0 auto; 

        text-align: center;
    }
}
/*!  #concept01
================================================ */
#about #concept01
{
    background-color: #e9f2f4;
}
@media screen and (max-width: 599px)
{
    #about #concept01
    {
        padding: 0 15px 40px;
    }
}
@media screen and (min-width: 600px)
{
    #about #concept01
    {
        padding: 0 0 100px;
    }  #about #concept01 .concept01In
    {
        width: 1020px; margin: 0 auto;
    }
}
#about #concept01 .concept01Hd
{
    padding: 30px 0 27px;
}
#about #concept01 .concept01Hd .concept01Tit
{
    margin-bottom: 14px;
}
@media screen and (min-width: 600px)
{
    #about #concept01 .concept01Hd
    {
        padding: 90px 0 52px;
    }
}
@media screen and (min-width: 600px)
{
    #about #concept01 .concept01Hd .concept01Copy
    {
        width: 659px; margin: 0 auto; text-align: center;
    }
}
#about #concept01 .concept01Box .boxPic
{
    margin-bottom: 21px;
}

#about #concept01 .concept01Box .boxContent .boxTit
{
    margin-bottom: 15px;
}
@media screen and (min-width: 600px)
{
	#about #concept01 .concept01Box .boxContent .boxTit
    {
        margin-bottom: 20px;
    }
	
	
	#about #concept01 .boxPic
    {
        margin-bottom: 21px;
    }  #about #concept01 .concept01Box
    { float: left; 

        width: 490px; margin-left: 40px;
    }  #about #concept01 .concept01Box:nth-of-type(1)
    {
        margin-left: 0;
    }  #about #concept01 .boxTit
    {
        margin-bottom: 26px;
    }  #about #concept01 .boxTit span
    {
        display: inline-block;
    }
}
/*!  #concept02
================================================ */
@media screen and (max-width: 599px)
{
    #about #concept02
    {
        padding: 0 15px 36px; background: url(../img/about/bg_footmark03_sp.png) right top 10px no-repeat; background-size: 153px auto;
    }  #about #concept02 .concept02Hd
    {
        padding-top: 30px;
    }  #about #concept02 .concept02Copy
    {
        margin-bottom: 23px;
    }  #about #concept02 .boxPic
    {
        margin-bottom: 12px;
    }  #about #concept02 .boxTit
    {
        margin-bottom: 15px;
    }  #about #concept02 .boxTit span
    {
        display: inline-block;
    }  #about #concept02 .boxTxt
    {
        margin-bottom: 27px;
    }
}
#about #concept02 .concept02Tit
{
    margin-bottom: 14px;
}
@media screen and (min-width: 600px)
{
    #about #concept02
    {
        padding: 0 0 96px;
    }  #about #concept02 .concept02In
    {
        width: 1020px; margin: 0 auto;
    }  #about #concept02 .concept02Hd
    {
        padding-top: 90px;
    }  #about #concept02 .concept02Copy
    { width: 659px; margin: 0 auto; 
        margin-bottom: 52px; text-align: center;
    }  #about #concept02 .boxPic
    {
        margin-bottom: 21px;
    }  #about #concept02 .concept02Box
    { float: left; 

        width: 490px; margin-left: 40px;
    }  #about #concept02 .concept02Box:nth-of-type(1)
    {
        margin-left: 0;
    }  #about #concept02 .boxTit
    {
        margin-bottom: 26px;
    }  #about #concept02 .boxTit span
    {
        display: inline-block;
    }
}
/*!  #concept03
================================================ */
#about #concept03
{
    background-color: #e9f2f4;
}
@media screen and (max-width: 599px)
{
    #about #concept03
    {
        padding: 0 15px 36px;
    }  #about #concept03 .concept03Hd
    {
        padding: 30px 0 27px;
    }  #about #concept03 .concept03List
    {
        -ms-flex-wrap: wrap;            flex-wrap: wrap;
    }  #about #concept03 .concept03List .concept03ListItem
    {
        width: 47.5%; margin-top: 16px;
    }  #about #concept03 .concept03List .concept03ListItem .itemPic
    {
        margin-bottom: 9px;
    }  #about #concept03 .concept03List .concept03ListItem .itemTit
	{ text-align: center; line-height: 4rem;  font-size: 1.4rem;
    }  #about #concept03 .concept03List .concept03ListItem:nth-child(-n+2)
    {
        margin-top: 0;
    }
}
#about #concept03 .concept03Tit
{
    margin-bottom: 14px;
}
#about #concept03 .concept03List
{
    display: -webkit-box;    display: -ms-flexbox;    display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
@media screen and (min-width: 600px)
{
    #about #concept03
    {
        padding: 0 0 92px;
    }  #about #concept03 .concept03In
    {
        width: 1020px; margin: 0 auto;
    }  #about #concept03 .concept03Hd
    {
        padding: 90px 0 52px;
    }  #about #concept03 .concept03Copy
    {
        width: 659px; margin: 0 auto; text-align: center;
    }  #about #concept03 .concept03List .concept03ListItem
    {
        width: 31%; margin-left: 3.5%;
    }  #about #concept03 .concept03List .concept03ListItem:nth-child(1)
    {
        margin-left: 0;
    }  #about #concept03 .concept03List .concept03ListItem .itemPic
    {
        margin-bottom: 15px;
    }  #about #concept03 .concept03List .concept03ListItem .itemTit
    {  line-height: 6rem; text-align: center;		
    }
}
/*!  #director
================================================ */
@media screen and (max-width: 599px)
{
    #about #director
    {
        padding: 40px 15px 30px;
    }  #about #director .directorHd
    {
        padding-bottom: 57px;
    }  #about #director .directorHd .directorName
    { float: right; margin: 5px 0 60px;
    }  #about #director .directorHd .directorName span
    { font-size: 2rem;  font-weight: bold;  vertical-align: baseline;
    }	#about #director .directorPic
    {
        width: 71%; margin: 0 auto;
    }  #about #director .directorTit
    { margin-bottom: 20px; 

        text-align: center;
    }  #about #director .directorTit .underLine
    { font-size: 2.8rem; line-height: 1.86; 

        padding-bottom: 2px; background: -webkit-linear-gradient(transparent 94%, #ffb8c5 0%); background:         linear-gradient(transparent 94%, #ffb8c5 0%);
    }  #about #director .career
    { padding: 25px 20px; 

        background-color: #e9f2f4;
    }  #about #director .career .careerTit
    {
        font-size: 1.6rem; font-weight: 500; line-height: 1; margin-bottom: 17px; padding-bottom: 13px; color: #ee5063; border-bottom: 2px dotted #ee5063;
    }  #about #director .career .careerPic
    {
        margin-bottom: 15px;
    }  
	
	#about #director .career .careerPic02{
		display: none;
	}
	
	#about #director .career .careerList
    { padding: 14px 20px; 

        border-radius: 25px;
    }  #about #director .career .careerList .careerListTit
    { line-height: 1.6; float: left; clear: both; 

        width: 30%; padding: 3px 0;
    }  #about #director .career .careerList .careerListTxt
    { line-height: 1.6; float: right; 

        width: 70%; padding: 3px 0;
    }
}
@media screen and (min-width: 600px)
{
    #about #director
    {
        padding: 80px 0 70px;
    }  #about #director .directorIn
    {
        width: 1020px; margin: 0 auto;
    }  #about #director .directorWrap
    {
        margin-bottom: 72px;
    }  #about #director .directorHd
    { float: left; 
        width: 609px; padding-bottom: 0;
    }  #about #director .directorHd .directorName
    { float: right; margin-top: 10px; margin-right: 15px;
    }  #about #director .directorHd .directorName span
    { font-size: 2.5rem;  font-weight: bold;  vertical-align: baseline;
    }  #about #director .directorPic
    { float: right; width: 389px; margin-top: 50px;
    }  #about #director .directorTit
    {
        margin-bottom: 28px;
    }  #about #director .directorTit .underLine
    { font-size: 4.4rem; line-height: 1.86; 

        padding-bottom: 2px; background: -webkit-linear-gradient(transparent 93%, #ffb8c5 0%); background:         linear-gradient(transparent 93%, #ffb8c5 0%);
    }  #about #director .career
    {
        width: 100%; padding: 40px; background-color: #e9f2f4;
    }  #about #director .career .careerTit
    {
        font-size: 2rem; font-weight: 500; line-height: 1; margin-bottom: 35px; padding-bottom: 19px; color: #ee5063; border-bottom: 2px dotted #ee5063;
    }  #about #director .career .careerPic
    { float: left; 

        width: 390px;
    }
	#about #director .career .careerPic02
    {   float: left; 
		display: inline-block;
		margin-left: 26px;
        width: 200px;
    } 
	
	#about #director .career .careerList
    { float: right; 

        width: 520px; padding: 40px; border-radius: 25px; height: 256px;
    }  #about #director .career .careerList .careerListTit
    { line-height: 1.6; float: left; clear: both; 

        width: 30%; padding: 3px 0;
    }  #about #director .career .careerList .careerListTxt
    { line-height: 1.6; float: right; 

        width: 70%; padding: 3px 0;
    }
}
#about #director .career
{
    position: relative;
}
#about #director .career .careerList
{
    background-color: #fff;
}
#about #director .career:before
{ position: absolute; top: -49px; right: 0; display: block; width: 75px; height: 61px; 

    content: ''; background: url(../img/about/img_cat03.png) left top no-repeat; background-size: 75px auto;
}
/*!  #bnr
================================================ */
@media screen and (max-width: 599px)
{
    #about #bnr
    {
        padding-bottom: 50px;
    }
}
@media screen and (min-width: 600px)
{
    #about #bnr
    {
        padding-bottom: 120px;
    }
}