body{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
}
p{
  font-size:16px;
	line-height:1.85em;
  margin-bottom:1.5em;
}
b,strong{
  font-weight:bold;
}
h1,h2,h3,h4,h5{
	font-weight:normal;
	line-height: 1.35em;
}

a{
	color:#000000;
}
a:hover{
	text-decoration:underline;
    
}
img {
	max-width:100%;
	width:auto;
	height:auto;
}

area{ cursor: pointer; }

input,select{
  line-height:normal;
  font-size:1.5rem;
  margin-right:3px;
  margin-left:3px;
  margin-bottom:5px;
  padding:5px;
  max-width:100%;
}
[type="checkbox"]{
  margin-bottom:0;
}
option{line-height:normal;}

small{
  font-size:90%;
}

/* ========================================================
　　レイアウト・共通部分
========================================================== */

.uk-container{
  overflow:hidden;
}

.bg-beige {
  background:#dbd0e6!important;
}

.bnr-area{
  background: #dda0dd!important;
}

.title-reason{
  background:#20A200!important;
  display:block;
  text-align:center;
  padding:12px 6px;
}
.title-reason img{
  max-width:100%;
}

.reason h4{
  color:#802077!important;
  font-size:21px;
}

.reason .caption{
  text-align: left;
  padding:8px 0px;
  letter-spacing: -0.2px;
}

.reason-wrap{
  border-bottom:1px solid #333333;
}

.title-taiken{
  font-size:3.2rem;
  font-weight:bold;
  text-align:center;
}

.color-purple{
  color:#802077!important;
}
.color-green{
  color:#009944!important;
}
.color-orange{
  color:#FF6600!important;
}
.color-caution{
  color:#C00000!important;
}
.color-red{
  color:#C00000!important;
}


/*
uk-containerにはpaddingやborderは指定しないこと
box-sizing:content-box指定となっているため、サイズ指定にズレが生じる
*/
.uk-container{
	max-width:1200px;
}
@media (max-width: 1200px) {
	.uk-container {
		padding-left:10px;
		padding-right:10px;
		box-sizing: border-box;
	}
	.uk-container .uk-container {
		padding-left:0;
		padding-right:0;
	}	
}

header .uk-grid > * {
  /*outline:1px solid black!important;*/
}

.header-logo{
	width:40%!important;
}
.header-logo div{
	max-width:318px;
}
.header-logo img{
	width:100%!important;
}

.header-center{
  width:30%;
}

.header-center div{
  text-align:center;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
}
.header-center img{

}


.header-right{
  width:60%!important;
}
.header-right div{
  max-width:180px;
	margin-left: auto;
}
.header-right img{
	width:180px!important;
}








@media (max-width: 541px) {
	.header-logo{
		width:100%!important;
	}

	.header-logo div{
		max-width:60%;
		margin: auto;
	}
	.header-center{
		width:45%!important;
	}
	.header-center div{
		width:45%!important;
    padding-left:0;
	}
	.header-center img{
	}
  	.header-right{
	}
	.header-right div{
		display: none;
	}
	.header-right img{
		/*max-width:260px;*/
	}
}



 p.uk-i-indent i{
	width:1em;
	display:inline-block;
}




/* フォントサイズ　*/
.txt-27{
	font-size:2.7rem;
}
.txt-26{
	font-size:2.6rem;
}
.txt-24{
	font-size:2.4rem;
}
@media (max-width: 641px) {
	.txt-27{
		font-size:2.0rem;
	}
	.txt-26{
		font-size:2.0rem;
	}
	.txt-24{
		font-size:1.8rem;
	}

}


/* ========================================================
　　グローバルナビ
========================================================== */
#globalNavi{
  background: #802077!important;
}
#globalNavi nav{
	margin-left:auto;
	margin-right:auto;
}

#globalNavi nav a{
	color:#FFFFFF!important;
	font-size:15px;
}

/* 　ルートメニュー
==============================*/
.gnav > ul {
/*  padding-top:10px;*/
  border-left:none;
  border-right:none;
  border-color: rgba(255,255,255,0.5)!important;
  background:inherit;
}
/* ルートボタン */
.gnav > ul >li{
	position:relative;
  background:inherit;
	
}
/* ルートボタン */
.gnav > ul >li{
	border-left:1px dashed #FFFFFF!important;
}

.gnav > ul >li:last-child{
	border-right:1px dashed #FFFFFF!important;

}
/* 高さ */
.gnav > ul >li > a{
	display:flex;
	flex-direction: column;
	justify-content: center;
  -webkit-justify-content:center;
	-ms-flex-pack:center;
	align-items:center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	height:46px;
	font-size:15px;
  line-height:21px;
	font-weight:normal;
  border-radius:inherit;
  padding-top:10px;
  padding-bottom:10px;
  background: transparent;
}
/*  First
=====================*/
.gnav > ul >li:first-child{
}
.gnav > ul >li:first-child::before{
	position:absolute;
	content:"";
	top:15px;
	bottom:15px;
	left:-1px;
  height:100%;
}

.gnav > ul >li:first-child >a{
  border-radius:inherit;
}

/*  Last 
=====================*/
.gnav > ul >li:last-child{
/*  border-radius:6px 6px 0 0;*/
  border-right:none;
}
.gnav > ul >li:last-child::after{
	right:-1px;
}

.gnav > ul >li:last-child >a{
  border-radius:inherit;
}


/* ========================================================
　　フッターナビ
========================================================== */

.f-nav {
  text-align:center;
/*	margin-top:40px;*/
	/*border-bottom:5px solid rgba(0,0,0,.4);*/
}

.f-nav > ul >li{
	display:inline-block;
  border-left:1px solid #000000;
}
.f-nav > ul >li:last-child{
  border-right:1px solid #000000;

}
.f-nav > ul >li > a{
  line-height:1;
	color:#000000!important;
  padding-left:10px;
  padding-right:10px;
  display:block;
}
@media (max-width: 541px) {
  .f-nav > ul >li > a{
    padding-left:2px;
    padding-right:2px;
  }

}

@media (max-width: 541px) {
  .f-nav > ul >li:nth-of-type(3){
    border-right:1px solid #000000!important;

  }
  .f-nav > ul >li:nth-of-type(6){
    border-right:1px solid #000000!important;

  }

  .f-nav > ul >li > a{
  padding-left:5px;
  padding-right:5px;

  }
    
}


/* ========================================================
　　モバイルナビ
========================================================== */
.btn-mobile-toggle{
  color:#FFFFFF!important;
}

@media (min-width: 641px) {
	.uk-sticky{
		position:static!important;
	}
	.uk-sticky-placeholder{
		height:0!important;
	}
    
    
}

@media (max-width: 640px) {
    .f-nav.gnav{
        display:block!important;
     margin-bottom:10px;

    }
    .f-nav > ul {
        overflow:hidden;
    }
    .f-nav.gnav li{
        width:50%;
        float:left;
    }
    .f-nav.gnav li a{
        text-align:center!important;
    }
        
}


/* ========================================================
　　オフキャンバスナビ
========================================================== */
#offcanvasNavi li a br{
	display:none;
}
.uk-offcanvas-bar{
	background:#802077!important;
	background:#FFFFFF!important;
}
#offcanvasNavi li{
}
#offcanvasNavi li:first-child{
	/*border-top:1px solid #E4E4E4;*/
}
#offcanvasNavi li a{
	display:block;
	color:#802077!important;
	padding-top:8px!important;
	padding-bottom:8px!important;
	border-bottom:1px solid #802077;
}

#offcanvasNavi li ul a{
	padding-left:1em;
}


/* ========================================================
　　コンテンツタイトル
========================================================== */

.contents{
  margin-bottom:20px;
}

.contents-header{
  background:#dbd0e6!important;
  margin-bottom:30px;
  padding:30px 0 20px;
}

.contents-title{
  font-weight:bold;
  font-size:3.6rem;
  color:#802077;
}


.contents-title-border-left{
  border-left:10px solid #802077;
  /*min-height:80px;*/
}

.sec-title{
  font-weight:bold;
  font-size:24px;
  color:#802077!important;
  margin-top:15px;
  margin-bottom:15px;
}


/* ========================================================
　　ぱんくず
========================================================== */
#breadcrumbs{
	padding-top:10px;
	padding-left:3px;
	font-size:16px;
  margin-bottom:0;
}
/* ========================================================
　　TOPページ
========================================================== */
.mp-top-tenpo-box{
	width: 100%;
	margin: 50px auto 0;
}
.mp-top-tenpo-box h3{
	width: 100%;
	background-color: #dda0dd;
	color: #802077;
	text-align: center;
	padding: 5px 10px;
	border-radius: 15px;
	font-size: 20px;
}

.mp-title-box{
	width: 100%;
	margin: 50px auto 0;
}
.mp-title-box h3{
	width: 100%;
	background-color: #dda0dd;
	color: #802077;
	text-align: center;
	padding: 5px 10px;
	border-radius: 15px;
	font-size: 20px;
}

.mp-main-photo{}
.mp-main-photo-sp{
	display: none;
}
@media all and (max-width:768px){
	.mp-main-photo{
		display: none;		
	}
	.mp-main-photo-sp{
		display: block;
	}
}

@media screen and (min-width: 576px){
	.br-sp {display: none; }
}

/* ========================================================
　　会社概要
========================================================== */
.company-table{
  margin-bottom:50px;
}
.company-table th,
.company-table td{
  padding:10px 20px;
}
.company-table th{
  width:150px;
  text-align:left;
  padding:10px 30px;
  background:#ECE9E0!important;
}

@media (max-width: 540px) {

.company-table th{
  width:100%;
  text-align:left;
  padding:5px;
}
.company-table td{
  padding:5px;
  }
  
  .company-table tr{
    border:none;
  }


}



/* ========================================================
　　カーブス事業
========================================================== */

.has-ico-muryo{
  background-image: url(../images/business/ico-muryo.svg)!important;
  background-repeat: no-repeat;
  background-position: left center;
  background-size:3.8em 3.8em;
  line-height:1.3em;
  padding-left:4.2em;
  padding-top:15px;
  padding-bottom:15px;
}





.branch-item a:hover{
  color:#802077;
  text-decoration: none!important;
}
.branch-item h4{
  font-size:36px;
  color:#802077;
  margin-bottom:10px;
}

#branch .branch-item{
  border-bottom:1px dashed #000000;
}
#branch .branch-item .arrow{
  flex:1;
  text-align:right;
    display: flex;          /* 2 */
    justify-content:flex-end;/* 3 */
    align-items: center;    /* 4 */
} 
#branch .branch-item .arrow img{
 margin:20px;
} 


 


.qanda h3{
  margin-bottom:10px;
}
.qanda-item{
  display:block;
  padding:10px 15px;
  border:1px solid #D9D3C1;
}

.qanda-item dt,
.qanda-item dd{
  display:block;
  padding-left:55px;
  min-height:55px;
}
.qanda-item dt{
  padding-top:10px;
  background:url(../images/business/ico-q.png)!important;
  background-position: left top!important;
  background-repeat: no-repeat!important;
}
.qanda-item dd{
  padding-top:5px;
  background:url(../images/business/ico-a.png)!important;
  background-position: left top!important;
  background-repeat: no-repeat!important;
 
}

.mp-link-box-kei{
	border: 1px solid #802077;
	padding: 10px 0;
}
.mp-link-box{
	color: #802077;
	font-weight: bold;
	line-height: 2em;
}

/* ========================================================
　　スタッフ紹介
========================================================== */
#staff section + section{
  margin-top:30px;
  margin-bottom:0;
}

#staff .sec-title{

}

#staff p{
  clear:left;
  font-size:15px;
}
#staff .uk-desc{
  width:55%;
}

#staff .staff-photo{
  width:45%;
  text-align:center;
}
#staff .staff-photo img{
  max-width:100%;
}
@media (max-width: 641px) {
#staff .uk-desc{
  width:100%;
  margin-bottom:10px;
}

  #staff .staff-photo{
    width:100%;
  }

  
}

.mp-staff-box{}
.mp-staff-box h4{
	font-size: 2em;
	font-weight: bold;
	color: #802077;
	margin-bottom: 10px;
}






/* ========================================================
　　お客様の声
========================================================== */

#voice section + section{
  margin-top:30px;
  margin-bottom:0;
}

#voice .voice-common{
  margin-top:70px;
  
}

#voice .sec-title{

}

#voice p{
  clear:left;
  font-size:15px;
}
#voice .uk-desc{
  width:55%;
}

#voice .voice-photo{
  width:45%;
  text-align:center;
}
#voice .voice-photo img{
  max-width:100%;
}
@media (max-width: 641px) {
  #voice .uk-desc{
    width:100%;
    margin-bottom:10px;
  }

  #voice .voice-photo{
    width:100%;
  }

  
}


#voice .zadankai {
  max-width:820px;
}

#voice .zadankai p {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
  -webkit-justify-content:flex-start; /* 横方向中央揃え（Safari用） */
  justify-content:flex-start; /* 横方向中央揃え */
  
  margin-top:-15px;
  text-align:left;

  min-height:100px;
  margin-bottom:5px;
  padding-left:75px;
  background-position:left 15px;
  background-repeat: no-repeat!important;
  font-size:15px;
}


#voice .zadankai .coach {
  background-image:url(../images/voice/ico-coach.png)!important;
}
#voice .zadankai .all {
  background-image:url(../images/voice/ico-all.png)!important;
}
#voice .zadankai .saiko {
  background-image:url(../images/voice/ico-saiko.png)!important;
}
#voice .zadankai .hiroko {
  background-image:url(../images/voice/ico-hiroko.png)!important;
}
#voice .zadankai .sayuri {
  background-image:url(../images/voice/ico-sayuri.png)!important;
}
#voice .zadankai .fumiko {
  background-image:url(../images/voice/ico-fumiko.png)!important;
}
#voice .zadankai .saiko_fumiko {
  background-image:url(../images/voice/ico-saiko_fumiko.png)!important;
  padding-left:140px;

}

.zadankai-photo{
  margin-top:20px;
  margin-bottom:20px;
}

@media (max-width: 641px) {
  #zadankai .talking p {
    font-size:13px;
  }
  
}



/* ========================================================
　　プライバシー
========================================================== */

#privacy .sec-title{
  margin-bottom:50px;
}

#privacy h4:nth-of-type(2){
  margin-top:40px;
}


/* ========================================================
　　採用情報
========================================================== */


.recruit-points{

  max-width:100%;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  letter-spacing:8px;
}


.recruit-points [class*="recruit-point"]{
  margin:0 0 10px 0;
  float:none;
  display:inline-block;
}

.recruit-point-1{
  max-width:calc(20% - 10px);
  width:176px;
}
.recruit-point-2{
  max-width:calc(24.8% - 10px);
  width:215px;
}
.recruit-point-3{
  max-width:calc(25% - 10px);
  width:216px;

}
.recruit-point-4{
  max-width:calc(25% - 10px);
  width:216px;
  margin-right:0!important;
}


@media only screen and (max-width:640px){
  .recruit-points [class*="recruit-point"]{
  }

  .recruit-point-1{
    max-width:30%;
  }

  .recruit-point-2{
    max-width:37%
  }


  .recruit-point-3{
    max-width:37.5%
  }
  .recruit-point-4{
    max-width:37.5%
  }          

}

.bosyu-yoko {
  font-size:18px;
}

.bosyu-yoko dt span{
  color:#802077;
}


.bosyu-yoko  dt{
  display:block;
  float:left;
  clear:both;
  width:100px;
}
.bosyu-yoko  dd{
  display:block;
  float:left;
}


.recrit-extra{
  background:url(../images/recruit/recruit-ex-bg.jpg);
  border-radius:16px;
}


@media only screen and (max-width:640px){
  .bosyu-yoko {
    font-size:14px;
  }

  .bosyu-yoko  dt{
    display:block;
    float:none;
    clear:both;
    width:100px;
    margin-top:10px;
  }
  .bosyu-yoko  dd{
    display:block;
    float:none;
  }


}


/* ========================================================
　　お問い合わせ
========================================================== */
#contact form{
  display:block;
}

#contact form small{
  font-size:95%;
}

#contact section + section{
  margin-top:30px;  
}

.sec-title-contact{
  
}


 p.has-ico {
  padding-left:1em;
  text-indent:-1em;
}

.contact-table{
  width:100%;
  border-top:1px solid #CCCCCC;
}
.contact-table input,
.contact-table select{
  line-height:normal;
}
.contact-table th,
.contact-table td{
  padding:20px 15px;
  
}

.contact-table th{
  width:230px;
  background:#FFF8F3;  
}


.contact-table p{
  margin-bottom:0;
}

.bg-note{
  margin-top:10px;
  background:#FFECEC;
  padding:10px;
}

#contact button[type="submit"]{
  background:url(../images/contact/btn-submit.png)!important;
  color:#FFFFFF;
  font-weight:bold;
  background-position: center center;
  border-radius:6px;
  font-size:20px;
  line-height:1;
  padding:10px 20px;
  outline: none;
  border:none;
  cursor:pointer;
  min-width:180px;
}


@media only screen and (max-width:640px){
.contact-table th{
  width:100%;
}
.contact-table th,
.contact-table td{
  padding:10px;
  
}  
  
}


/* 　レスポンシブ
==============================*/


@media only screen and (max-width: 640px) {
	footer .uk-container.border-aside:first-child{
		padding:0!important;
	}
	.f-nav {
	}
	.f-nav > ul >li::before,
	.f-nav > ul >li::after{
		display:none!important;
	}
	
	.f-nav.gnav > ul{
		display:block!important;
	}
	.f-nav.gnav > ul >li{
		display:block!important;
		margin-bottom:1px;
	}
	.f-nav.gnav > ul >li > a{
		background:#EEEEEE;
		padding:5px 10px ;
		text-align:left;
		display:block!important;
		font-size:14px;
	}
	.f-nav.gnav > ul >li > a br{
		display:none!important;
	}	
}

footer .copyright{
  background:#802077!important;
  color:#FFFFFF!important;
}

/* ========================================================
　　レスポンシブ
========================================================== */
@media only screen and (max-width: 768px) {

   .contents-title{
    font-size:28px;
  } 
  
}


@media only screen and (max-width: 640px) {
  
#breadcrumbs{
	padding-top:10px;
	padding-left:3px;
	font-size:14px;
}  
  
.contents-header{
  background:#dbd0e6!important;
  margin-bottom:30px;
  padding:30px 10px 20px;
}

  .contents-title{
    font-size:22px;
  }

  
.reason h4{
  color:#802077!important;
  font-size:20px;
}

  
.title-taiken{
  font-size:20px;
  text-align:center;
}

  

.sec-title{
  font-weight:bold;
  font-size:20px;
  color:#802077;
  margin-bottom:10px;
}


}

/* ========================================================
　　公式サイト
========================================================== */
.koushiki-bnr-box{
	max-width: 400px;
	text-align: center;
	margin: 50px auto;
}
.koushiki-text-box{
	margin: 30px auto;
}