@charset "UTF-8";
/* CSS Document */


/*
#about-family .ttl-img{
    display: block;
    height: 200px;
    width: 100%;
    background-image: url(/themes/www.ceremo117.jp_2017/process/img/main-img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#about-family .ttl-text{
	text-align: center;
	font-size: 2.5rem;
	color: white;
	padding-top: 72px;
}
*/

#about-family .title-wrap{
	font-size: 2.5rem;
    line-height: 4.5rem;
    letter-spacing: 0.1rem;
    text-align: center;
	padding-bottom: 44px;
	padding-top: 100px;
	color: #313738;
	margin: 0;
    font-weight: 600;
}
#about-family .text-wrap{
	font-size: 1.3rem;
    line-height: 2.5rem;
    letter-spacing: 0.2rem;
    text-align: center;
	font-family: "ryo-gothic-plusn",sans-serif;
	color: #494B48;
	padding-bottom: 77px;
	margin:0;
}

#about-family .br-pc { 
	display:block; 
}

#about-family .br-sp { 
	display:none; 
}
#about-family .ttl-bg{
    background-image: url(/themes/www.ceremo117.jp_2017/about-family-f/img/background_img_01.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#about-family .about-bg{
    background-image: url(/themes/www.ceremo117.jp_2017/about-family-f/img/background_img_02.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#about-family .about-bg-white{
	background: white;
  	padding-bottom: 58px;
}

#about-family .about-wrap{
	font-size: 2.5rem;
    line-height: 4.5rem;
    letter-spacing: 0.3rem;
    text-align: center;
	margin-bottom: 50px;
	margin-top: 103px;
	color: #313738;
    font-weight: 600;
}
#about-family .about-text{
	font-size: 1.3rem;
    line-height: 2.5rem;
    letter-spacing: 0.2rem;
    text-align: center;
	font-family: "ryo-gothic-plusn",sans-serif;
	color: #494B48;
	margin-bottom: 80px;
}

#about-family .family-merit{
	font-size: 1.6rem;
	color: #008285;
	text-align: center;
	padding-top: 32px;
}

#about-family .merit-text,#about-family .merit-text2{
	font-size: 1.18rem;
	color:#2A2E2D;
	font-family: "ryo-gothic-plusn",sans-serif;
   /* letter-spacing: 0.1rem;*/
	background: #EDEDED;
}


#about-family .merit-text,#about-family .merit-text2,#about-family .merit-img{
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  align-content: center;
  /*align-items: center; */
}

#about-family .merit-img{
	background-position: right;
    background-size: cover;
}

#about-family .merit-text ul{
	list-style: none;
	margin-bottom: 45px;
}

#about-family .merit-text ul li:before{
	display:inline-block; 
  	vertical-align: middle;
	content: '';
　　 list-style-type: none;
	left: -25px;
    width: 1em;
    height: 1em;
    background: #85CBBF;
    border-radius: 50%;
    margin-right: 8px;
	position: absolute;
    margin-top: 4px;
}

#about-family .merit-text ul li{
 list-style-type: none;
 position: relative;
}

#about-family .merit-text ul li,#about-family .merit-text2 ul li{
    line-height: 2rem;
	padding-top: 20px;
}



#about-family .merit-text2 ul{
	list-style-type: decimal;
	padding-left: 30px;
	padding-bottom: 40px;
	color: #008285;
}

#about-family .merit-text2 ul span{
	color: black;
}

#about-family .nav-box{
	/*margin-left: 170px;
	margin-right: 130px;*/
}

#about-family .nav-box ul{
	padding-left: 0;
}


.slide-container1{
	width: 100%;
	height: 100%;
}

#about-family #slider-nav,#about-family #slider-nav2,#about-family #slider-nav3{
    padding: 0 90px;
}
#about-family #slider-nav li,#about-family #slider-nav2 li,#about-family #slider-nav3 li{
    padding: 0 10px;
}
#about-family .point-text{
	font-size: 2.5rem;
    line-height: 4.5rem;
    letter-spacing: 0.3rem;
    text-align: center;
	margin-bottom: 150px;
	margin-top: 130px;
	color: #313738;
    font-weight: 600;
}

#about-family .caution-text{
	font-size: 2.5rem;
    line-height: 4.5rem;
    letter-spacing: 0.3rem;
    text-align: center;
	padding-bottom: 77px;
	padding-top: 100px;
	color: #313738;
    font-weight: 600;
}

#about-family .circle{
  position: relative;
  display: inline-block;
  width: 217px;
  height: 217px;
  border-radius: 50%;
  background: white; 
  margin:0 17.5px;
}

#about-family .circle span{
position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width :225px;
  text-align:center;
  font-size: 1.18rem;
  color: #008285;
  font-family: "ryo-gothic-plusn",sans-serif;
  letter-spacing: 0.3rem;
  font-weight: bold;
}

#about-family .circle-box{
	text-align: center;
	padding-bottom: 120px;
}

#about-family .center{
	text-align: center;
}

#about-family .merit-box{
  background: #EDEDED;
  display: flex;
  flex-wrap: nowrap;
}

#about-family .family-box{
  background: white;
  display: flex;
  flex-wrap: nowrap;
}


#about-family .family-img{
	background-position: center;
    background-size: cover;
}

#about-family .content-wrap{
	height: 760px;
}

#about-family .slide-img{
	display: block; 
	width: 100%; 
	height: 760px; 
	background-size: cover;
	background-position: top;
}

#about-family .family-text,#about-family .family-text2{
    font-size: 1.2rem;
    color: #2A2E2D;
    font-family: "ryo-gothic-plusn",sans-serif;
    letter-spacing: 0.1rem;
}	
#about-family .family-text,#about-family .family-text2,#about-family .family-img{
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  align-content: center;
  align-items: center; 
}

#about-family .original-text {
    font-size: 1.3rem;
    line-height: 2.5rem;
    letter-spacing: 0.2rem;
    text-align: left;
    font-family: "ryo-gothic-plusn",sans-serif;
    color: #494B48;
    margin: 0;
}


#about-family .family-wrap{
	/*max-width: 700px;
	margin: 0 auto;*/
	display: table;
	width: 100%;
}

#about-family .family-text-item{
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	text-align: center;
}

#about-family .family-photo-item{
	display: table-cell;
	width: 50%;
	text-align: center;
}


#about-family .original-title {
    font-size: 2.3rem;
	font-family: "yu-mincho-pr6", sans-serif;
	line-height: 4.5rem;
	letter-spacing: 0.4rem;
	font-weight: 600;
	padding-bottom: 40px;
	text-align: left;
	display: inline-block;
	width: 700px;
}

#about-family .original-text {
    font-size: 1.3rem;
    line-height: 2.5rem;
    letter-spacing: 0.2rem;
    text-align: left;
    font-family: "ryo-gothic-plusn",sans-serif;
    color: #494B48;
	display: inline-block;
	width: 700px;
}

#about-family .family-text-item a{
	color: #494B48;
	border: solid 1px #C4C4C4;
	display: inline-block;
	width: 700px;
	text-align: center;
	padding: 8px;
	text-decoration: none;
	font-size: 1.3rem;
    line-height: 2.5rem;
    letter-spacing: 0.2rem;
	font-family: "ryo-gothic-plusn",sans-serif;
	margin-top: 50px;
}

.icon-b{
 	color: #008285;
}

#about-family .bnr-box{
	display: block;
	padding: 117px 60px 140px 60px;
}
#about-family .bnr-box a{
display: block;
padding: 0 20px;
}


#about-family .br-360n{
	display: none; 
}
#about-family .br-og{
	display: block; 
}
#about-family .plan-bnr-wrap-02 {
	text-align: center;
}
#about-family .plan-bnr-wrap-02 img {
	margin: 0 auto 40px auto;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

@media screen and (max-width:1500px){
#about-family #slider-nav,#about-family #slider-nav2,#about-family #slider-nav3{
    padding: 0 60px;
}
#about-family .content-wrap{
	height: 710px;
}
#about-family .slide-img{
		height: 710px;
}
	#about-family .original-title {
	width: 600px;
}

#about-family .original-text {
	width: 600px;
}

#about-family .family-text-item a{
	width: 600px;
}
}

@media screen and (max-width:1300px){
#about-family .circle{
  margin:0 8px;
  width: 200px;
  height: 200px;
}
#about-family .circle span{
 font-size: 1.1rem;
  width : 208px;
}
#about-family .family-text .original-title {
	padding-top: 70px;
	padding-bottom: 50px;
}

#about-family .family-text2 .original-title {
	padding-top: 140px;
	padding-bottom: 50px;
}	
#about-family .family-text .original-text a{
	margin-top: 50px;
	margin-bottom: 76px;
}

#about-family .family-text2 .original-text a{
	margin-top: 50px;
	margin-bottom: 150px;
}
#about-family #slider-nav,#about-family #slider-nav2,#about-family #slider-nav3{
    padding: 0 40px;
}    
}

@media screen and (max-width:1200px){
#about-family .content-wrap{
	height: 630px;
}
	#about-family .slide-img{
		height: 630px;
}
	
#about-family .merit-text ul li,#about-family .merit-text2 ul li{
    line-height: 1.5rem;
}
#about-family .circle{
  width: 185px;
  height: 185px;
  margin:0 0.5px;
}
#about-family .circle span{
  width :193px;
 font-size: 1rem;
}
.col-sm-1-5{
	width: 20%;
	float: left;
}	

#about-family .title-wrap{
	padding-top: 95px;
}
#about-family .text-wrap{
	padding-bottom: 40px;
}
#about-family .original-title {
    font-size: 2.1rem;
    line-height: 4rem;
    letter-spacing: 0.4rem;
}	
#about-family .original-text {
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: 0.1rem;
}
#about-family .family-text .original-text a{
	margin-top: 50px;
	margin-bottom: 50px;
}
#about-family .family-text2 .original-text a {
    margin-top: 40px;
    margin-bottom: 100px;
}
#about-family .family-text .original-title {
    padding-top: 50px;
    padding-bottom: 30px;
}
#about-family .family-text2 .original-title {
    padding-top: 120px;
    padding-bottom: 30px;
}
#about-family .bnr-box{
	padding: 117px 30px 140px 30px;
}
#about-family #slider-nav,#about-family #slider-nav2,#about-family #slider-nav3{
    padding: 0 50px;
}    
	#about-family .original-title {
	width: 500px;
}

#about-family .original-text {
	width: 500px;
}

#about-family .family-text-item a{
	width: 500px;
	margin-top: 30px;
}
}

@media screen and (max-width:991px){

#about-family .merit-text,#about-family .merit-text2{
	font-size: 1rem;
}
#about-family .merit-text ul li,#about-family .merit-text2 ul li{
	padding-top: 0;
}
#about-family .family-merit{
	font-size: 1.3rem;	
}	
#about-family .circle{
  width: 155px;
  height: 155px;
  margin:0;
}
#about-family .circle span{
  width :159px;
letter-spacing: 0;
}
.col-sm-1-5{
	width: 20%;
}	
#about-family .content-wrap{
	height: 420px;
}

#about-family .slide-img{
	height: 420px; 
}

#about-family .title-wrap{
	font-size: 2rem;
	line-height: 3rem;
	padding-top: 40px;
}
#about-family .text-wrap {
    font-size: 1.1rem;
    line-height: 2rem;
	padding-bottom: 35px;
}

#about-family .nav-box ul{
	padding-left: 25px;
}
#about-family .about-text {
    font-size: 1.1rem;
    line-height: 2rem;
}
#about-family .about-wrap {
    font-size: 2.1rem;
}
#about-family .bnr-box a{
    padding: 0 10px;
}
#about-family .bnr-box{
	padding: 100px 10px 130px 10px;
}
	
	#about-family .family-wrap{
display: block;
	}

#about-family .family-text-item{
	display: block;
	vertical-align: middle;
	width: 100%;
	text-align: center;
}

#about-family .family-photo-item{
	display: block;
	width: 100%;
	text-align: center;
}
	
	
	
#about-family .original-text {
    font-size: 1rem;
    line-height: 1.5rem;
	display: block;
	width: 100%;
}
#about-family .original-title {
    font-size: 1.7rem;
    line-height: 2.5rem;
	padding-bottom: 10px;
	text-align: left;
	display: block;
	width: 100%;
}
	#about-family .family-text-item a{
	width: 95%;
	padding: 8px;
	font-size: 1.0rem;
	margin-top: 20px;
}
}

@media screen and (max-width:767px){

/*
#about-family .ttl-img{
    height: 130px;
    background-image: url(/themes/www.ceremo117.jp_2017/process/img/main-img.jpg);
}
#about-family .ttl-text {
    font-size: 1.8rem;
    padding-top: 46px;
}
	*/
#about-family .br-pc { 
	display:none; 
}
#about-family .br-sp { 
	display:block; 
}
#about-family .title-wrap{
	font-size: 1.4rem;
    line-height: 2.5rem;
    letter-spacing: 0.3rem;
	padding-top: 20px;
	padding-bottom: 20px;
    font-weight: 700;
}
	
#about-family .text-wrap{
	font-size: 1rem;
    line-height: 1.7rem;
    letter-spacing: 0.1rem;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 23px;
}
#about-family .text-box .text-wrap{
    text-align: left;
}    
#about-family .about-wrap{
	font-size: 1.4rem;
    line-height: 2.5rem;
    letter-spacing: 0.3rem;
	margin-bottom: 30px;
	margin-top: 44px;
    font-weight: 700;
}
#about-family .merit-box{
  display: block;
  margin-bottom: 12px;
	
}
#about-family .family-box{
  display: block;	
}
#about-family .about-text{
	padding-right: 10px; 
	padding-left: 10px; 
	text-align: left;
	font-size: 1rem;
    line-height: 1.7rem;
    letter-spacing: 0.1rem;
	margin-bottom: 40px;
}
#about-family .about-box{
	margin-left: 12px;
	margin-right: 12px;
}
#about-family .circle{
  width: 210px;
  height: 210px;
  margin-bottom: 15px;
}
#about-family .circle span{
  letter-spacing: 0.3rem;
  width :218px;
　font-size: 1.1rem;
}
#about-family .circle-box{
	text-align: center;
    padding-bottom: 25px;
/*  padding-left: 30px;
  padding-right: 30px;*/
}
#about-family .about-bg-white {
    padding-bottom: 0;
}
#about-family .point-text {
    margin: 0;
	font-size: 1.4rem;
	line-height: 2.5rem;
	padding-top: 30px;
	padding-bottom: 40px;
    font-weight: 700;
	}
#about-family .caution-text {
    font-size: 1.3rem;
    padding-bottom: 30px;
    padding-top: 40px;
    font-weight: 700;
}
#about-family .original-text {
	padding: 0 10px;
}
#about-family .original-text a{	
	width: 100%;
}
#about-family .original-title {
    text-align: center;
    font-size: 1.3rem;
    letter-spacing: 0.1rem;
}

#about-family .family-text .original-title {
    font-weight:700;
}

#about-family .family-text2 .original-title {
    padding-top: 40px;
    padding-bottom: 30px;
    font-weight:700;
}
#about-family .family-text2 .original-text a {
    margin-bottom: 35px;
}
#about-family .merit-text, #about-family .merit-text2, #about-family .merit-img {
    display: grid;
}
#about-family .merit-text, #about-family .merit-text2 {
    letter-spacing: 0rem;
}	
#about-family .merit-text ul li,#about-family .merit-text2 ul li{
	padding-top: 10px;
}
#about-family .family-merit{
	padding-top: 10px;
}	
#about-family .merit-text2 ul {
    padding-bottom: 25px;
	padding-left: 25px;
}
.slick-dots li button::before {
    font-size: 15px !important;
}
.slick-dots li.slick-active button::before {
    color: #85CBBF !important;
}
#about-family .slide-img {
    margin-bottom: 15px;
    height: 500px;
}
#about-family .content-wrap {
    height: 300px;
}
.col-sm-1-5{
	width: 50%;
}	
#about-family .circle-l div{
	padding-left: 50px;
}
#about-family .circle-r div{
	padding-right: 50px;
}
#about-family .br-og{
	display: none; 
}
#about-family .bnr-box{
	padding: 0 11px 35px 11px;
}
#about-family .bnr-box a {
    padding: 0 3px;
}
#about-family .plan-bnr-wrap-02 img {
	margin: 0 auto 20px auto;
}
}

/*@media screen and (max-width:767px){
#about-family .circle{
  width: 180px;
  height: 180px;
  margin:1px;
}
#about-family .circle span{
  width :191px;
}
}*/

@media screen and (max-width:550px){
#about-family .slide-img{
	height: 450px; 
}
#about-family .circle{
  width: 180px;
  height: 180px;
}
#about-family .circle span{
  width :188px;
  letter-spacing: 0.2rem;
}
#about-family .circle-l div{
	padding-left: 20px;
}
#about-family .circle-r div{
	padding-right: 20px;
}
}

@media screen and (max-width:450px){
#about-family .slide-img{
	height: 430px; 
}
}

@media screen and (max-width:430px){
#about-family .slide-img{
	height: 380px; 
}
#about-family .circle{
  width: 150px;
  height: 150px;
}
#about-family .circle span{
  width :152px;
  letter-spacing: 0.1rem;
  font-size: 1rem;
}
#about-family .circle-l div{
	padding-left:10px;
}
#about-family .circle-r div{
	padding-right: 10px;
}
}

@media screen and (max-width:360px){
#about-family .br-360{
	display: none; 
}
#about-family .br-360n{
	display: block; 
}
#about-family .br-og{
	display: block; 
}
#about-family .content-wrap{
    height: 310px;
}
#about-family .text-wrap{
    text-align: left;
}
#about-family .title-wrap {
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: 0;
}
#about-family .about-wrap {
    font-size: 1.3rem;
    letter-spacing: 0.2rem;
}
#about-family .slide-img {
    height: 320px;
}
#about-family .point-text {
	font-size: 1.2rem;
    letter-spacing: 0.1rem;
}
#about-family .caution-text {
    line-height: 2rem;
}
#about-family .original-title {
    font-size: 1.3rem;
    line-height: 2rem;
}
#about-family .family-text2 .original-text a {
    margin-bottom: 20px;
}
}

@media screen and (max-width:320px){
#about-family .circle{
  width: 140px;
  height: 140px;
}
#about-family .circle span{
  width :145px;
  letter-spacing: 0.1rem;
  font-size: 0.8rem;
}
#about-family .circle-l div{
	padding-left:0;
}
#about-family .circle-r div{
	padding-right:0;
}
}

@media screen and (min-width:768px){
#about-family .original-text .col-xs-offset-1 {
    margin-left: 0 !important;
}
}