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

@media (max-width:1400px){
	
	

/*gnav*/



.gnav_section{
	
	width:32%;

	height:60vh;
margin: 100px 0 0 0;
}

	
	.gnav_section:nth-of-type(3){
	
	width:32%;
	height:60vh;
	margin:  0;
}
	
.navi_category{
	
	margin-bottom: 50px;
}

.navi_category h2{
	font-size:3.0rem;
	letter-spacing: 3px;
	padding: 0;
	margin: 0;

}



.navi_category h3{
	padding: 0;
	margin: 0;
	font-size:1.5rem;
	letter-spacing: 1px;
	font-weight: 500;
	
}


.navi_category ul{
	
	margin-top: 40px;

	padding-left: 15px;
}


.navi_category ul li{

	margin-bottom: 15px;
	font-size:2.0rem;
}




ul.small_navi {
	display: inline-block;
	width: 35%;
	margin-top:100px;

	padding-left: 15px;
}


ul.small_navi li{

	margin-bottom: 15px;
	font-size:2.0rem;
}

.sns_navi_icon{
	display: inline-block;
	width: 100%;
margin-left: 7px;
margin-top: 50px;

	
}

.sns_navi_icon ul li{

	
	margin-right: 20px;
	width: 9%;
}

/*サービス*/

.service_inner{
	width: 100%;
	padding: 0px 0px 0px 20px;
	
}



.service_inner div span{
	

width: 40%;
	margin-left:20px;
	margin-right:0px;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 200%;
	
}

.service_inner div span:nth-of-type(2n){
 height: auto;

width: 55%;
	margin-bottom: 30px;
	margin-left:0px;
}
}


@media (max-width:1024px){
	
	.sp_br,.ipad_br{display: block;}
	
		
/*グローバルナビ*/
	
	
	
.hum_back{

    right: 50px;
    top: 50px;
width: 60px;
	height: 60px;

	z-index: 99;
	border-radius: 50%;
}
.menu{
	
   top: 50%;
    left: 50%;
    width: 30px;
    z-index: 100;	
}


	

/*gnav*/



.gnav_section{
	
	width:40%;

	height:60vh;
margin: 100px 0 0 0;
}

	
	.gnav_section:nth-of-type(3){
	
	width:80%;
	height:30vh;
	margin:  0;
}
	
.navi_category{
	
	margin-bottom: 50px;
}

.navi_category h2{
	font-size:3.0rem;
	letter-spacing: 3px;
	padding: 0;
	margin: 0;

}



.navi_category h3{
	padding: 0;
	margin: 0;
	font-size:1.5rem;
	letter-spacing: 1px;
	font-weight: 500;
	
}


.navi_category ul{
	
	margin-top: 40px;

	padding-left: 15px;
}


.navi_category ul li{

	margin-bottom: 15px;
	font-size:2.0rem;
}




ul.small_navi {
	display: inline-block;
	width: 35%;
	margin-top:100px;

	padding-left: 15px;
}


ul.small_navi li{

	margin-bottom: 15px;
	font-size:2.0rem;
}

.sns_navi_icon{
	display: inline-block;
	width: 60%;
margin-left: 7px;
margin-top: 50px;

	
}

.sns_navi_icon ul li{

	
	margin-right: 20px;
	width: 7%;
}

/*サービス*/

.service_inner{
	width: 100%;
	padding: 0px 0px 0px 20px;
	
}



.service_inner div span{
	

width: 40%;
	margin-left:20px;
	margin-right:0px;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 200%;
	
}

.service_inner div span:nth-of-type(2n){
 height: auto;

width: 55%;
	margin-bottom: 30px;
	margin-left:0px;
}


	
/*新着情報*/




.info img{
width: 60%;


}

.info  ul{
	margin-top: 50px;


}

.info  ul li{
      width: 60%;
      /* 見た目調整 */
      height: 530px;
   
	
}

	
	/*フッター*/

footer{
	width: 90%;

}





footer div:first-of-type img{
	width:80%;
	
}

footer p{
font-size: 1.6rem;
	display:block!important;
	width: 90%;
}


footer h2{display:block;
	width: 60%;
	margin-bottom: 20px;
font-size: 1.1rem; line-height: 16px;
}


	
	
/*ページ共通項目*/



.page_hed{
width:88%;
	
height: 20vh;
	

}

.page_hed  h2{

	font-size: 3.5rem;
	letter-spacing: 20px;
	
    top: 50%;
    left: 3%;
   
}



.page_hed  h2::before {

 top: -50%;
	height: 1px;
	
}



.page_hed  h2::after {


	font-size: 1.8rem;
	letter-spacing: 5px;
	width:100%;

top: 150%;

 
}


/*会社概要*/


.company_info{
	width: 90%;

	margin: 0 0 auto;
	
}

.company_info table{
font-size: 1.4rem;
	margin:50px auto;
	width: 90%;
 

}
.company_info table th{
padding: 30px 0px  30px 30px; 
letter-spacing: 5px;
width:20%!important;

}

.company_info table td{
		padding-left:20px;


}


/*沿革*/

.history{
	width: 90%;
	padding: 50px 0px 0px 0px;
	
}

.history h3{
	
	top:-10px;
	left: 5%;
	font-size:4.0rem;
	font-weight: 300;

	letter-spacing: 50px;
}


.history table{
font-size: 1.6rem;

	width: 90%;

}

.history table th{


width:13%;


}

.history table td{
	padding:2px 0px 50px 20px;
line-height: 160%;
}




/*サービス*/

.service_inner{
	width: 90%;
	padding: 0px 0px 0px 20px;
	
}



.service_inner div h3{


	font-size:4.0rem;

	
	letter-spacing: 20px;
	
}


.service_inner div h2{

	font-size:2.5rem;
	
	
	letter-spacing:2px;
}
.service_inner div{
width: 100%;
	
margin-top: 150px;
}


.service_inner div:first-of-type{
margin-top: 80px;
}


.service_inner div div.service_info{
	
margin: 50px auto 0px auto;

width: 95%;
height: auto;

}


.service_inner div span{
	

width: 100%;
	margin-left:20px;
	margin-right:0px;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 200%;
	order:2;
}

.service_inner div span:nth-of-type(2n){
 height: auto;

width: 100%;
order: 1;
	margin-bottom: 30px;
	margin-left:0px;
}
	
	/*スタッフ紹介*/


.staff_info{
width:100%;
text-align: center;

}

div.staff_info span div.box{
	
  width: 300px;
  margin: 0 auto 10px auto;
height: 300px;

	
}
.box img{
  
  width: 100%;
  
}

.staff_info h4{

font-size: 2.0rem;
	
	margin: 10px 0px -15px 0px;

	
}
.staff_info small{
	padding: 0 0 10px 10px;
font-size: 1.4rem;
	
}
	
	

.staff_info h5{
font-size:1.6rem;

}


.staff_info p{
font-size:1.6rem;

	line-height: 120%;

}

.staff_info span{
	
	width:45%!important;
	padding: 0;
	margin:0px 30px 80px 0px;

}

	.staff_info span:nth-of-type(2n){
	height: auto!important;
	width:45%!important;
	margin:0px 30px 80px 0px;

}
	
	
.staff_info p b{
	
	font-size:1.6rem;
	
}


/* 新着序情報*/
.archive{
	
	width:90%;
	margin:3% auto 3% auto!important;

}


.accordion-container {

width: 100%!important;
 
	padding:0;

}

.accordion-container .accordion-title,.accordion-container .accordion-title_top {

  margin: 0 auto 0 0;
  padding: 0.625em 0.625em 0.625em 2em;
  font-size: 2.2rem;

}



.accordion-title small{
 margin-left: 50px;
}

.accordion-title:after,.accordion-title_top:after {
  
  right: 25px;
  top: 38%;

  width: 8px;
  height: 8px;
  
}
	
	
	.accordion-content_top {

	
   padding:0px  2.3125em 20px  2.3125em;
	
}
.accordion-content {

  padding:20px  2.3125em 20px  2.3125em;
	font-size: 1.8rem;
	
}

/* CSS for CodePen */
.accordion-container {
  width: 300px;

}




/*プライバシーポリシー*/


.privacy_wrap{
	width: 90%;

	margin: 0 0 0 2%;
	
}

.privacy  {

	margin:50px auto;
}

.privacy ul {
	width: 90%;

	margin:20px auto 0px auto;
}

.privacy  ul li{

	font-size: 1.8rem;
	margin-bottom:35px;

	
}


.privacy  ul li p{
width: 95%;
	line-height: 25px;
	font-size: 1.6rem;
	padding: 10px 0px;
	
}



/*問い合わせ*/

.contact{
	width: 90%;

}
.iframe-map02 {
  
  padding-bottom: 120%;

}

}




@media (max-width:820px){
	
			
/*グローバルナビ*/
	

	

.hum_back{

    right: 25px;
    top: 50px;

	}
		



/*gnav*/



.gnav_section{
	
	width:40%;

	height:65vh;
margin: 100px 0 0 0;
}

	
	.gnav_section:nth-of-type(3){
	
	width:80%;
	height:30vh;
	margin:  0;
}
	
.navi_category{
	
	margin-bottom: 50px;
}

.navi_category h2{
	font-size:3.5rem;
	letter-spacing: 3px;
	padding: 0;
	margin: 0;

}



.navi_category h3{
	padding: 0;
	margin: 0;
	font-size:2.0rem;
	letter-spacing: 1px;
	font-weight: 500;
	
}


.navi_category ul{
	
	margin-top: 20px;

	padding-left: 15px;
}


.navi_category ul li{

	margin-bottom: 15px;
	font-size:2.0rem;
}




ul.small_navi {
	display: inline-block;
	width: 35%;
	margin-top:30px;

	padding-left: 15px;
}


ul.small_navi li{

	margin-bottom: 20px;
	font-size:2.0rem;
}

.sns_navi_icon{
	display: inline-block;
	width: 60%;

}

.sns_navi_icon ul li{

	
	margin-right: 20px;

	width:9%;
}
	
	
	
	
	
	
/*ページ共通項目*/



.page_hed{
width:88%;
	
height:15vh;
	

}

.page_hed  h2{

	font-size: 3.0rem;
	letter-spacing: 20px;
	
    top: 50%;
    left: 3%;
   
}



.page_hed  h2::before {

 top: -50%;
	height: 1px;
	
}



.page_hed  h2::after {


	font-size: 1.8rem;
	letter-spacing: 5px;
	width:100%;

top: 130%;

 
}


/*会社概要*/


.company_info{
	width: 93%;

	margin: 0 0 auto;

}

.company_info table{
font-size: 1.5rem;
	margin:50px 0 50px 10px;
	width: 90%;
 

}
.company_info table th{
padding: 5px 0px  5px 20px; 
letter-spacing: 5px;
width:100%!important;
	display: block;
border: none;
	background-color: #F0F0F0;
}

.company_info table td{
padding: 10px 0px  20px 20px; 
border: none;
	display: block;
}


/*沿革*/

.history{
	width: 90%;
	padding: 50px 0px 0px 0px;
	
}

.history h3{
	
	top:-10px;
	left: 5%;
	font-size:3.0rem;

	letter-spacing: 50px;
}


.history table{
font-size: 1.6rem;

	width: 90%;

}

.history table th{
padding: 5px 0px  5px 20px; 
display: block;
width:100%;
text-align: left;
background-color: #F0F0F0;
}



.history table td{
padding: 10px 0px  20px 20px; 
line-height: 160%;
	display: block;
	text-align: left;
}




/*サービス*/

.service_inner{
	width: 90%;
	padding: 0px 0px 0px 20px;
	
}



.service_inner div h3{


	font-size:3.5rem;

	
	letter-spacing:15px;
	
}


.service_inner div h2{

	font-size:2.2rem;
	
letter-spacing:2px;
}



.service_inner div:first-of-type{
margin:80px 0 0 0;
}


.service_inner div div.service_info{
	
margin: 50px auto 0px auto;

width: 100%;
height: auto;

}


.service_inner div span{
	

width: 100%;
	margin-left: 0;
	margin-right:0px;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 200%;
	order:2;
}

.service_inner div span:nth-of-type(2n){
width: 100%;
order: 1;


	
}
	
	
	/*スタッフ紹介*/


.staff_info{
width:100%;

}

div.staff_info span div.box{
	
  width:250px;
  margin: 0 auto 10px auto;
height:250px;

	
}
.box img{
  
  width: 100%;
  
}

.staff_info h4{

font-size: 2.0rem;
	
	margin: 10px 0px -15px 0px;

	
}
.staff_info small{
padding: 0 0 10px 10px;
font-size: 1.4rem;
	
}
	
	

.staff_info h5{
font-size:1.6rem;

}


.staff_info p{
font-size:1.6rem;
width: 90%;
	display: block;
	margin:10px auto 0px auto;
	text-align: left;
	line-height: 120%;

}

.staff_info span{
	
	width:45%!important;
	padding: 0;
	margin:0px 30px 80px 0px;

}

	.staff_info span:nth-of-type(2n){
	
	width:45%!important;

	margin:0px 30px 80px 0px;

}
	
	
div.staff_main h4{

font-size: 3.5rem;

}

div.staff_main h5{

font-size:2.0rem;

}
	
	.staff_info p b{
	
	font-size:1.7rem;
		letter-spacing: 3PX;
	
}

/* 新着序情報*/

.accordion-container {


 
	padding:0;

}

.accordion-container .accordion-title,.accordion-container .accordion-title_top {

  margin: 0 auto 0 0;
  padding: 0.625em 0.625em 0.625em 2em;
  font-size: 2.0rem;

}



.accordion-title small{
 margin-left: 50px;
}

.accordion-title:after,.accordion-title_top:after {
  
  right: 25px;
  top: 38%;

  width: 8px;
  height: 8px;
  
}
	
	
	.accordion-content_top {

	
   padding:0px  2.3125em 20px  2.3125em;
	
}
.accordion-content {

  padding:20px  2.3125em 20px  2.3125em;
	font-size: 1.8rem;
	
}

/* CSS for CodePen */
.accordion-container {
  width: 300px;

}




/*プライバシーポリシー*/


.privacy_wrap{
	width: 90%;

	margin: 0 0 0 2%;
	
}

.privacy  {

	margin:50px auto;
}

.privacy ul {
	width: 90%;

	margin:20px auto 0px auto;
}

.privacy  ul li{

	font-size: 1.8rem;
	margin-bottom:35px;

	
}


.privacy  ul li p{
width: 95%;
	line-height: 25px;
	font-size: 1.6rem;
	padding: 10px 0px;
	
}



/*問い合わせ*/

.contact{
	width: 90%;

}
.iframe-map02 {
  
  padding-bottom: 160%;

}


/*新着情報*/


.info img{
width: 90%;
	margin-top: 20px;

}

.info  ul{
	margin-top: 20px;

}

.info  ul li{
 /* 横スクロール用 */
 
      width: 70%;
      /* 見た目調整 */
      height: 530px;
    
	
}


.info ul li h4{
font-weight: 600;
	font-size: 1.3rem;
width: 90%;

	
}
	
	.info ul li  h5{
font-size: 1.0rem;
	margin-top: 20px;
}


.info ul li p{
padding-top: 5px;

	margin:5px auto 0px auto;
	font-size: 1.0rem;
	width: 80%;
	
	line-height: 16px;
	
}


.info div ul li span{
	top: 0;
	right: 5%;
	padding: 1px 10px;
	font-size: 0.8rem;

}

.info b{

	bottom: -5%;
	right:15%;
	font-size:1.4rem;
}
	
	
.info a{
	
	font-size: 1.2rem;
	
}

	
/*フッター*/

footer{
	width: 90%;
	margin:0px auto 120px auto;
	box-sizing: border-box;

	padding-top: 20px;
}



footer div{
	width: 100%;

	text-align: center;
}
	
	footer div:last-of-type{
	margin-top: 20px;
		
}

footer div:first-of-type img{
	width:60%;
	margin: auto;
	
}

footer p{
font-size: 1.4rem;
	width: 230px;
	text-align: left;
	line-height: 16px;
	margin:20px auto 0px auto;
	
}


footer h2{
	width: 65%;
	margin-bottom: 40px;
font-size: 1.0rem; line-height: 16px;
	margin: auto;
}

footer h3{
	width: 80%;
	
}


footer ul{
	margin: 0px 0px 15px 0px;
}


footer ul li{
	width: 7%;
margin-right: 25px;
}


footer small{
font-size:1rem!important;
}

	
}




@media (max-width:479px){
	
			
/*グローバルナビ*/
	
.hum_back{

    right: 15px;
    top: 20px;
width: 45px;
	height: 45px;

}

	.menu{

    width: 20px;
    
}

/*gnav*/



.gnav_section{
	
	width:40%;

	height:52vh;
margin: 50px 0 0 0;
}


	.gnav_section:nth-of-type(3){
	
	width:80%;
	height:30vh;
	margin:  0;
}
	
.navi_category{
	
	margin-bottom: 30px;
}

.navi_category h2{
	font-size:2.0rem;
	letter-spacing:1px;
}



.navi_category h3{
	padding: 0;
	margin: 0;
	font-size:1.4rem;
	letter-spacing: 1px;
	font-weight: 500;
	
}


.navi_category ul{
	
	margin-top: 10px;

	padding-left: 15px;
}


.navi_category ul li{

	margin-bottom: 10px;
	font-size:1.2rem;
}




ul.small_navi {

	width: 35%;
	margin-top:80px;

	padding-left: 15px;
}


ul.small_navi li{

	margin-bottom: 10px;
	font-size:1.4rem;
}

.sns_navi_icon{
	width: 50%;

}

.sns_navi_icon ul li{

	
	margin-right: 10px;
margin-bottom: 20px;
	width:15%;
}
	
	
	
/*ページ共通項目*/



.page_hed{
width:85%;
	
height:15vh;
	

}

.page_hed  h2{

	font-size: 2.0rem;
	letter-spacing: 5px;
	width: 80%;
    top: 50%;
    left: 3%;
 
}



.page_hed  h2::before {

 top: -50%;
	height: 1px;

}



@keyframes fadeSlideAnime {
 0%{
	 opacity:1;
     width: 0%;
   }
100%{
	 opacity:1;
   width: 100px;
   }
}
.page_hed  h2::after {


	font-size: 1.4rem;
	letter-spacing: 5px;
	width:100%;

top: 110%;

 
}
	
	
	.info h2{
font-size: 1.5rem;
top:-2%;
}



/*会社概要*/


.company_info{
	width: 88%;

	

}

.company_info table{
font-size: 1.4rem;
	margin:50px 0 50px 10px;
	width: 90%;
 

}
.company_info table th{
padding: 5px 0px  5px 20px; 
letter-spacing: 5px;

}

.company_info table td{
padding: 10px 0px  20px 20px; 

}


/*沿革*/

.history{
	width: 88%;
	padding: 20px 0px 0px 0px;
	
}

.history h3{
	
	top:-10px;
	left: 5%;
	font-size:3.0rem;

	letter-spacing: 50px;
}


.history table{
font-size: 1.4rem;

	width: 88%;

}

.history table th{
padding: 5px 0px  5px 20px; 

width:100%;

}



.history table td{
padding: 10px 0px  20px 20px; 
line-height: 160%;
	
}




/*サービス*/

.service_inner{
width: 88%;
	padding: 0px 0px 0px 5px;
	
}



.service_inner div h3{
font-size:2.5rem;
letter-spacing:10px;
margin: 0;	
	padding-left: 10px;
}


.service_inner div h2{
font-size:1.2rem;
letter-spacing:2px;
padding-left: 10px;
}



.service_inner div:first-of-type{
margin:30px 0 0 0;
}

	.service_inner div{
width: 100%;
margin-top: 70px;
}

.service_inner div div.service_info{
	
margin: 50px auto 0px auto;

width: 95%;
height: auto;

}

	
div.service_info{
	
margin: 20px auto 0px auto!important;

}

.service_inner div span{
	

width: 100%;

	font-size: 1.2rem;
	font-weight: 300;
	line-height: 200%;

}

.service_inner div span:nth-of-type(2n){


	
}
	
	.service_info h4{

	margin:30px 0px 5px 0px;
font-size: 1.2rem;
}
	
.service_info ul li{

font-size: 1.1rem;

}


.sp_br{
display: block;
}
	
	/*スタッフ紹介*/


.staff_info{
width:100%;

}

div.staff_info span div.box{
	
  width: 300px;
  margin: 0 auto 10px auto;
height: 300px;

	
}
.box img{
  
  width: 100%;
  
}

.staff_info h4{

font-size: 2.0rem;
	
	margin: 10px 0px -15px 0px;

	
}
.staff_info small{
padding: 0 0 20px 10px;
font-size: 1.4rem;
	
}
	
	

.staff_info h5{
font-size:1.6rem;

}


.staff_info p{
font-size:1.6rem;
width: 90%;
	display: block;
	margin:10px auto 0px auto;
	text-align: left;
	line-height: 120%;

}

.staff_info span{
	
	width:100%!important;
	padding: 0;
	margin:0px 0px 30px 0px;

}

	.staff_info span:nth-of-type(2n){

	width:100%!important;
		
margin:0px 0px 30px 0px;

}
	
		
div.staff_main h4{

font-size: 2.0rem;
	letter-spacing: 10PX;
}

div.staff_main h5{

font-size:1.2rem;
		letter-spacing: 2PX;

}
	
	.staff_info p b{
	
	font-size:1.5rem;
		letter-spacing: 1PX;
	
}

/* 新着序情報*/
.archive{
	


}


.accordion-container {


	padding:0;

}

.accordion-container .accordion-title,.accordion-container .accordion-title_top {

  margin: 0 auto 0 0;
  padding: 0.625em 0.625em 0.625em 1em;
  font-size: 1.2rem;

}



.accordion-title small{
 margin-left: 20px;
}

.accordion-title:after,.accordion-title_top:after {
  
  right: 25px;
  top: 38%;

  width: 8px;
  height: 8px;
  
}
	
	
	.accordion-content_top {

	
   padding:0px  2.3125em 20px  2.3125em;
	
}
.accordion-content {

  padding:20px  2.3125em 20px  2.3125em;
	font-size: 1.4rem;
	
}

/* CSS for CodePen */
.accordion-container {
  width: 300px;

}




/*プライバシーポリシー*/


.privacy_wrap{
	width: 88%;

	margin: 0 0 0 4%;
	
}

.privacy  {

	margin:50px auto;
}

.privacy ul {
	width: 90%;

	margin:20px auto 0px auto;
}

.privacy  ul li{

	font-size: 1.5rem;
	margin-bottom:35px;

	
}


.privacy  ul li p{
width: 95%;
	line-height: 20px;
	font-size: 1.2rem;
	padding: 10px 0px;
	
}



/*問い合わせ*/

.contact{
	width: 90%;

}
.iframe-map02 {
  
  padding-bottom:300%!important;

}	
}




@media (max-width:414px){
	
			
/*gnav*/



.gnav_section{
	
	width:40%;

	height:50vh;
margin: 100px 0 0 0;
}


	.gnav_section:nth-of-type(3){
	
	width:80%;
	height:40vh;
	margin:  0;
}
	
.navi_category{
	
	margin-bottom: 30px;
}

.navi_category h2{
	font-size:2.0rem;
	letter-spacing:1px;
}



.navi_category h3{
	padding: 0;
	margin: 0;
	font-size:1.4rem;
	letter-spacing: 1px;
	font-weight: 500;
	
}


.navi_category ul{
	
	margin-top: 20px;

	padding-left: 15px;
}


.navi_category ul li{

	margin-bottom: 10px;
	font-size:1.2rem;
}




ul.small_navi {

	width: 35%;
	margin-top:80px;

	padding-left: 15px;
}


ul.small_navi li{

	margin-bottom: 20px;
	font-size:1.4rem;
}

.sns_navi_icon{
	width: 50%;

}

.sns_navi_icon ul li{

	
	margin-right: 10px;
margin-bottom: 20px;
	width:15%;
}
	
	
	
	
	
/*ページ共通項目*/



.page_hed{
width:85%;
	
height:13vh;
	

}
	

/* 新着序情報*/


.accordion-container {


 
	padding:0;

}

.accordion-container .accordion-title,.accordion-container .accordion-title_top {

  margin: 0 auto 0 0;
  padding: 0.625em 0.625em 0.625em 1em;
  font-size: 1.2rem;

}



.accordion-title small{
	display: block!important;
 margin:5px 0px 0px 0px;
	  font-size: 1.0rem;
}

	
.accordion-content {

  padding:20px  2.3125em 20px  2.3125em;
	font-size: 1.4rem;
	
}

/* CSS for CodePen */
.accordion-container {
  width: 300px;

}




/*プライバシーポリシー*/


.privacy_wrap{
	width: 88%;

	margin: 0 0 0 4%;
	
}

.privacy  {

	margin:50px auto;
}

.privacy ul {
	width: 90%;

	margin:20px auto 0px auto;
}

.privacy  ul li{

	font-size: 1.5rem;
	margin-bottom:35px;

	
}


.privacy  ul li p{
width: 95%;
	line-height: 20px;
	font-size: 1.2rem;
	padding: 10px 0px;
	
}



/*問い合わせ*/

.contact{
	width: 90%;

}
.iframe-map02 {
  
  padding-bottom:350%!important;

}	
	
	
}



@media (max-width:390px){
	
			
/*gnav*/



.gnav_section{
	


	height:50vh;
margin: 100px 0 0 0;
}


	.gnav_section:nth-of-type(3){
	
	height:40vh;
	
}
	
.navi_category{
	
	margin-bottom: 30px;
}

.navi_category h2{
	font-size:1.8rem;
	letter-spacing:1px;
}



.navi_category h3{

	font-size:1.2rem;

	
}


.navi_category ul{
	
	margin-top: 10px;

	padding-left: 10px;
}


.navi_category ul li{

	margin-bottom: 7px;
	font-size:1.2rem;
}




ul.small_navi {

	width: 35%;
	margin-top:80px;

	padding-left: 15px;
}


ul.small_navi li{

	margin-bottom: 15px;
	font-size:1.2rem;
}

.sns_navi_icon{
	width: 50%;

}

.sns_navi_icon ul li{

	
	margin-right: 10px;
margin-bottom: 20px;
	width:15%;
}
	
}



@media (max-width:320px){
	
			
/*gnav*/



.gnav_section{
	


	height:50vh;
margin: 70px 0 0 0;
}


	.gnav_section:nth-of-type(3){
	
	height:40vh;
	
}
	
.navi_category{
	
	margin-bottom: 30px;
}

.navi_category h2{
	font-size:1.5rem;
	letter-spacing:1px;
}



.navi_category h3{

	font-size:1.0rem;

	
}


.navi_category ul{
	
	margin-top: 10px;

	padding-left: 10px;
}


.navi_category ul li{

	margin-bottom:5px;
	font-size:1.0rem;
}




ul.small_navi {

	width: 35%;
	margin-top:80px;

	padding-left: 15px;
}


ul.small_navi li{

	margin-bottom: 10px;
	font-size:1.0rem;
}

.sns_navi_icon{
	width: 50%;

}

.sns_navi_icon ul li{

	
	margin-right: 10px;
margin-bottom: 20px;
	width:15%;
}
	
	
	
	
/*ページ共通項目*/



.page_hed{
width:80%;
	
height:15vh;
	

}

.page_hed  h2{

	font-size: 1.8rem;
	letter-spacing: 10px;
	
    top: 50%;
    left: 3%;
   
}



.page_hed  h2::before {

 top: -50%;
	height: 1px;
	
}



.page_hed  h2::after {


	font-size: 1.4rem;
	letter-spacing: 5px;
	width:100%;

top: 100%;

 
}
	
	.page_hed  h2.news ,.page_hed  h2.privacy_hed {
font-size: 1.4rem;
	letter-spacing: 5px;
}

	
.page_hed  h2.news::after,.page_hed  h2.privacy_hed::after {
font-size: 1.2rem;
	
}

/*会社概要*/


.company_info{
	width: 79%;



}

.company_info table{
font-size: 1.2rem;
	margin:50px 0 50px 10px;
	width: 90%;
 

}
.company_info table th{
padding: 5px 0px  5px 10px; 
letter-spacing: 3px;
}

.company_info table td{
padding: 10px 0px  20px 10px; 

}


/*沿革*/

.history{
	width: 90%;
	padding: 50px 0px 0px 0px;
	
}

.history h3{
	
	top:-10px;
	left: 5%;
	font-size:2.5rem;
	letter-spacing: 20px;
}


.history table{
font-size: 1.2rem;
	margin: 0 0 0 5px;
	width: 80%;

}

.history table th{
padding: 5px 0px  5px 10px; 

	
}



.history table td{
padding: 10px 0px  20px 10px; 
line-height: 140%;

}




/*サービス*/

.service_inner{
width: 80%;
	padding: 0px 0px 0px 5px;
	
}



.service_inner div h3{
font-size:2.0rem;
letter-spacing:4px;
margin: 0;	
padding-left: 10px;
}


.service_inner div h2{
font-size:1.2rem;

}
	
.service_inner div{
width: 95%;
	
margin:50px 0 0 0;

}
	
	



.service_inner div:first-of-type{
margin:30px 0 0 0;
}


.service_inner div div.service_info{
	
margin: 50px auto 0px auto;

width: 95%;
height: auto;

}

	
div.service_info{
	
margin: 20px auto 0px auto!important;

}

.service_inner div span{
	

width: 100%;
	
	font-size: 1.0rem;

	line-height: 170%;

}

.service_inner div span:nth-of-type(2n){


}
	
	/*スタッフ紹介*/


.staff_info{
width:100%;

}

div.staff_info span div.box{
	
  width: 200px;

height: 200px;

	
}


.staff_info h4{
display: block;
	text-align: center;
	width: 100%;
font-size: 1.6rem;
	
	margin: 10px 0px -10px 0px;

	
}
.staff_info small{
	display: block;
padding: 0 0 15px 0px;
font-size: 1.0rem;
	
}
	
	

.staff_info h5{
font-size:1.4rem;
	margin: auto;
	width:80%;
}


.staff_info p{
font-size:1.2rem;
width: 80%;
	display: block;
	
	line-height: 120%;

}

.staff_info span{
	
	width:100%!important;
	padding: 0;
	margin:0px 0px 30px 0px;

}

	.staff_info span:nth-of-type(2n){

	width:100%!important;
		
margin:0px 0px 30px 0px;

}

	
/* 新着序情報*/
.archive{
	
	width: 100%;
	margin:3% auto 3% 2%!important;

}


.accordion-container {

width: 78%!important;
 
	padding:0;

}

.accordion-container .accordion-title,.accordion-container .accordion-title_top {

  margin: 0 auto 0 0;
  padding: 0.625em 0.3em 0.625em 0.5em;
  font-size: 1.2rem;

}





	
.accordion-content {

  padding:20px  2.3125em 20px  2.3125em;
	font-size: 1.2rem;
	
}

/* CSS for CodePen */
.accordion-container {
  width: 300px;

}




/*プライバシーポリシー*/


.privacy_wrap{
	width: 80%;

	margin: 0 0 0 7%;
	
}

.privacy  {

	margin:50px auto;
}

.privacy ul {
	width: 90%;

	margin:20px auto 0px auto;
}

.privacy  ul li{

	font-size: 1.2rem;
	margin-bottom:25px;

	
}


.privacy  ul li p{
width: 95%;
	line-height: 17px;
	font-size: 1.0rem;
	padding: 10px 0px;
	
}



/*問い合わせ*/

.contact{
	width: 85%;

}
.iframe-map02 {
  
  padding-bottom:500%!important;

}	
	
	
}