@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:400,500,700,800');
@import url('https://fonts.googleapis.com/css?family=Kosugi&subset=japanese');
/* --------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, summary, section, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

html{
    width:100%;
    padding:0; /*　追加*/
    margin:0; /*　追加*/
    height: 100%;
	visibility: hidden;
}

html.wf-active {
  visibility: visible;
}

body {
   margin:0;
   padding:0;
   text-align:center;
   line-height:1.6;
   siletter-spacing:1px;
   font-size:14px;
color: #494949;
line-height: 1.8;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: none;
font-family:"monospace","ryo-gothic-plusn","a-otf-futo-go-b101-pr6n","メイリオ","Meiryo",'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'游ゴシック',YuGothic,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  min-height: 100%;
  flex-direction: column;
animation: fadeIn 4s ease 0s 1 normal;
    -webkit-animation: fadeIn 4s ease 0s 1 normal;
}


#about-03 fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

#container { 
 background: #F7F7F7;
 padding: 2rem;
} 

.container {
	position: relative;
	max-width: 1040px;
	margin: 0 auto;
	padding: 10px;
}

br {
   letter-spacing:normal;
}


img {
 width:auto;
 height:auto;
 max-width:100%;
 max-height:100%;
-ms-interpolation-mode: bicubic;	
}

.page {
   position: relative;
}

a {
color: #494949;
outline: none;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
transition: all 0.2s;
}

a:hover {
	color:#e27a40;
text-decoration: none;
}

h4{
	margin-top: 
	margin-bottom: 1.3rem;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
}
/*ページトップの矢印*/
#page_Top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 5;
}
@media all and (-ms-high-contrast: none){
#page_Top i {
  padding-top: 0px;
	padding-right: 7px;
	font-size: 1rem;
}
}

#page_Top i {
  padding-top: 7px;
	padding-right: 7px;
	font-size: 1rem;
}

#page_Top a{
display: block;
z-index: 999;
padding: 5px 0 0 8px;
border-radius: 15px;
width: 35px;
height: 35px;
background-color:#e27a40;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align: center;
}

#page_Top a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.fa-chevron-up::before {
    content: "\f077";
}

/*フェードイン*/
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}

.fadein02 {
  opacity : 0;
  transform: translateY(00px);
  transition: all 1s;
}

.fadeInRight {
  opacity : 0;
  transform: translateY(00px);
  transition: all 1s;
}

/*ヘッダー*/
.menu_top03 {
	width: 100%;
	max-width: 1080px;
	height: 5rem;
	margin: 0 auto;
}

.menu_top03 a {
color: #494949;
outline: none;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
  position: relative;
  display: inline-block;
}

.menu_top03 a:hover::after {
  bottom: -4px;
  opacity: 1;
  visibility: visible;
}

.menu_top03 a img {
width: 201px;
}

.menu_top04 {
	width: 100%;
	height: 5rem;
	max-width: 1080px;
	margin: 0 auto;
}

.menu_top04 a {
color: #494949;
outline: none;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
  position: relative;
  display: inline-block;
}

.menu_top04 a:hover::after {
  bottom: -4px;
  opacity: 1;
  visibility: visible;
}

.menu_top04 a img {
width: 201px;
}

#fix-header-logo02{
	float:left;
	padding-top: 16px;
	padding-left: 0.8rem;
}

.inner_02 {
    width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background:#FFFFFF;
    height: auto;
    overflow: hidden;
	line-height: 0;
	table-layout: fixed;

}


.inner_02_sp {
		margin-right: auto;
	margin-left: auto;
	position: relative;
	background:#F7F7F7;
    height: auto;
    overflow: hidden;
	display: none;
	margin-top: 3rem;

}


@media screen  and (min-width:761px) and (max-width:1080px) {  
.menu_top03 {
display: flex;
flex-wrap: wrap;	
width: 100%;
background: #fff ;
box-shadow: 1px 1px 1px rgba(251, 251, 251, 0.1);	
margin-left: auto;
margin-right:auto;
	font-size: 12px;
}

.menu_top03 a {
color: #494949;
outline: none;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
  position: relative;
  display: inline-block;
}

.menu_top04 {
display: flex;
flex-wrap: wrap;	
width: 100%;
background: #fff ;
box-shadow: 1px 1px 1px rgba(251, 251, 251, 0.1);	
margin-left: auto;
margin-right:auto;
	font-size: 12px;
}

.menu_top04 a {
color: #494949;
outline: none;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
  position: relative;
  display: inline-block;
}	
	

.menu_top03 a:hover::after {
  bottom: -4px;
  opacity: 1;
  visibility: visible;
}

	.menu_top04 a:hover::after {
  bottom: -4px;
  opacity: 1;
  visibility: visible;
}
}

@media screen and (max-width: 760px){
.menu_top03 a img {
width: 140px;
}
	
.menu_top04 {
	width: 100%;
	height: 4rem;
	margin: 0 auto;
}
	
.menu_top04 a img {
width: 140px;
}
	
	.menu_top03 {
	width: 100%;
	height: 1rem;
	margin: 0 auto;
}
	
	
.menu_top04 {
	width: 100%;
	height: 4rem;
	margin: 0 auto;
}

	
#fix-header-logo02{
	float:left;
	padding-top: 14px;
	padding-left: 0.6rem;
}
	
.inner_02 {
display: none;	
}

	.inner_02_sp {
		max-width: 760px;
		margin-right: auto;
	margin-left: auto;
	position: relative;
	background:#F7F7F7;
    height: auto;
    overflow: hidden;
	display: block;

}
}


/*スタイル*/
.style_01_pc{
width: 100%;
background:#F7F7F7;
}

.style_shinchaku_pc{
	width: 91%;
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
	padding: 3.5rem 0rem 12rem 0rem;
}



@media screen  and (min-width:961px) and (max-width:1080px)  { 
.style_shinchaku_pc{
	width: 100%;
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding: 3.5rem 0rem 10rem 0rem;
}
}

@media screen  and (min-width:761px) and (max-width:960px)  { 
.style_shinchaku_pc{
	padding: 3.5rem 0rem 7rem 0rem;
}
}


@media screen and (max-width:760px) { 
.style_shinchaku_pc{
	width: 93%;
	max-width: 697px;
	margin-right: auto;
	margin-left: auto;
	padding: 0.5rem 0.5rem 5rem 0.5rem;
}	
}



/*Tea Partyについて*/
.fl_content {
  display: -webkit-inline-flex;
   display: inline-flex;
  justify-content: center;
	width:100%; 
margin-left: auto;
	margin-right: auto;
			flex-direction: column;
	padding-top: 2rem;

}

.fl_con01 {
width: 100%;
padding-bottom: 1rem;
}

.fl_con01 img {
width: 30%;
}

.fl_con02 {
width: 100%;
text-align: left;
}

h2 {
	width: 100%;
		text-align: center;
	font-size: 1.7rem;
	font-weight: 500;
	padding-bottom: 0rem;
}

.picbotan_parent {
   display: -webkit-inline-flex;
   display: inline-flex;
	justify-content: space-between;
	padding-top: 1.7rem;
}

.pic_title{
font-size: 1.7em;
line-height: 1;
}

.pic01{
padding-right: 0px;
}	

.pic03{
padding-left: 0px;
}	


.demo1{
	width: 6rem;
margin-top: 2.5rem;
  display: inline-block;
  padding: 0.5em 0.0em;
  border: solid 2px #fff;
  border-radius: 5px;
  background: rgba(0,0,0,0.2);
  color: #fff;
  text-decoration: none;
	z-index: 20;
}
.demo1:hover{
  color: #333;
  background: #fff;
}

figure.snip1132 {
  position: relative;
  overflow: hidden;
  margin: 0px;
  min-width: 220px;
  max-width: 320px;
  max-height: 200px;
  width: 100%;
  background:#e5a538;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	padding-left: 0rem;
	padding-right: 0rem;
}

figure.snip1132 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

figure.snip1132 img {
  max-width: 100%;
  position: relative;
  opacity: 1;
}

figure.snip1132 figcaption {
  position: absolute;
  top: 3.5em;
  left: 2em;
  right: 2em;
  bottom: 2.5em;
  border-width: 0 1px;
}

figure.snip1132 .heading {
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

figure.snip1132 .caption {
  overflow: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  position: absolute;
  width: 100%;
  bottom: 0;
}

figure.snip1132 h3,
figure.snip1132 p {
  display: table;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  font-weight: 400;
}

figure.snip1132 h3 span,
figure.snip1132 p span {
  font-weight: 800;
}

figure.snip1132 h3:before,
figure.snip1132 p:before,
figure.snip1132 h3:after,
figure.snip1132 p:after {
  position: absolute;
  display: block;
  width: 1000%;
  height: 1px;
  content: '';
  background: white;
}

figure.snip1132 h3:before,
figure.snip1132 p:before {
  left: -1000%;
}

figure.snip1132 h3:after,
figure.snip1132 p:after {
  right: -1000%;
}

figure.snip1132 h3:before,
figure.snip1132 h3:after {
  top: 50%;
}

figure.snip1132 p {
  font-size: 0.8em;
  font-weight: 500;
}

figure.snip1132 p:before,
figure.snip1132 p:after {
  bottom: 50%;
}

figure.snip1132 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.snip1132:hover img,
figure.snip1132.hover img {
  opacity: 0.35;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}



@media screen  and (min-width:961px) and (max-width:1080px) { 
.picbotan_parent {
   display: -webkit-inline-flex;
   display: inline-flex;
}
	
.pic_title{
font-size: 1.5em;
}		
	
.pic01{
padding-right: 10px;
}
	
.pic03{
padding-left: 10px;
}	


.demo1{
	width: 8rem;
margin-top: 1.8rem;
  display: inline-block;
  padding: 0.5em 0.5em;
  border: solid 2px #fff;
  border-radius: 3px;
  background: rgba(0,0,0,0.2);
  color: #fff;
  text-decoration: none;
  font-weight: bold;
	z-index: 20;
}
.demo1:hover{
  color: #333;
  background: #fff;
}
	
figure.snip1132 {
  position: relative;
  overflow: hidden;
  margin: 0px;
  min-width: 215px;
  max-width: 280px;
max-height: 156px;
  width: 100%;
  background:#352218;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	padding-left: 0rem;
	padding-right: 0rem;
}

figure.snip1132 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

figure.snip1132 img {
  max-width: 100%;
  position: relative;
  opacity: 1;
}

figure.snip1132 figcaption {
  position: absolute;
  top: 2.5em;
  left: 2em;
  right: 2em;
  bottom: 2.5em;
  border-width: 0 1px;
}

figure.snip1132 .heading {
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

figure.snip1132 .caption {
  overflow: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  position: absolute;
  width: 100%;
  bottom: 0;
}

figure.snip1132 h3,
figure.snip1132 p {
  display: table;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  font-weight: 400;
}

figure.snip1132 h3 span,
figure.snip1132 p span {
  font-weight: 800;
}

figure.snip1132 h3:before,
figure.snip1132 p:before,
figure.snip1132 h3:after,
figure.snip1132 p:after {
  position: absolute;
  display: block;
  width: 1000%;
  height: 1px;
  content: '';
  background: white;
}

figure.snip1132 h3:before,
figure.snip1132 p:before {
  left: -1000%;
}

figure.snip1132 h3:after,
figure.snip1132 p:after {
  right: -1000%;
}

figure.snip1132 h3:before,
figure.snip1132 h3:after {
  top: 50%;
}

figure.snip1132 p {
  font-size: 0.8em;
  font-weight: 500;
}

figure.snip1132 p:before,
figure.snip1132 p:after {
  bottom: 30%;
}

figure.snip1132 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.snip1132:hover img,
figure.snip1132.hover img {
  opacity: 0.35;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.fl_con01 img {
width: 35%;
}	
}

@media screen and (min-width:761px) and (max-width:960px) { 
.fl_con01 img {
width: 40%;
}
	
.picbotan_parent {
display: -webkit-inline-flex;
display: inline-flex;
flex-wrap: wrap;
width: 100%;
max-width: 692px;
margin: 0 auto;
}
	
.pic_title{
font-size: 1.2em;
}		

.pic01{
padding-right:0px;
padding-top: 1em;
}	

.pic02{
padding-top: 1em;
}	
	
.pic03{
padding-left:0px;
padding-top: 1em;
}	


.demo1{
	width: 8rem;
margin-top: 1.5rem;
  display: inline-block;
  padding: 0.5em 0.5em;
  border: solid 2px #fff;
  border-radius: 3px;
  background: rgba(0,0,0,0.2);
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
	z-index: 20;
}
.demo1:hover{
  color: #333;
  background: #fff;
}

figure.snip1132 {
  position: relative;
  overflow: hidden;
  margin: 0px;
  min-width: 220px;
  max-width: 195px;
max-height: 156px;
  background:#352218;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	padding-left: 0rem;
	padding-right: 0rem;
}

figure.snip1132 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

figure.snip1132 img {
  max-width: 100%;
  position: relative;
  opacity: 1;
}

figure.snip1132 figcaption {
  position: absolute;
  top: 2.5em;
  left: 2em;
  right: 2em;
  bottom: 2.5em;
  border-width: 0 1px;
}

figure.snip1132 .heading {
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

figure.snip1132 .caption {
  overflow: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  position: absolute;
  width: 100%;
  bottom: 0;
}

figure.snip1132 h3,
figure.snip1132 p {
  display: table;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  font-weight: 400;
}

figure.snip1132 h3 span,
figure.snip1132 p span {
  font-weight: 800;
}

figure.snip1132 h3:before,
figure.snip1132 p:before,
figure.snip1132 h3:after,
figure.snip1132 p:after {
  position: absolute;
  display: block;
  width: 1000%;
  height: 1px;
  content: '';
  background: white;
}

figure.snip1132 h3:before,
figure.snip1132 p:before {
  left: -1000%;
}

figure.snip1132 h3:after,
figure.snip1132 p:after {
  right: -1000%;
}

figure.snip1132 h3:before,
figure.snip1132 h3:after {
  top: 50%;
}

figure.snip1132 p {
  font-size: 0.8em;
  font-weight: 500;
}

figure.snip1132 p:before,
figure.snip1132 p:after {
  bottom: 30%;
}

figure.snip1132 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.snip1132:hover img,
figure.snip1132.hover img {
  opacity: 0.35;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
}

@media screen and (max-width:760px) { 	
.fl_con01 img {
width: 75%;
}
	
h2 {
font-size: 1.2rem;	
font-weight: 500;
}
	
.picbotan_parent {
  flex-wrap: wrap;
}
	
.pic_title{
font-size: 1.5em;
line-height: 1;
}
	
.pic01{
padding:10px;
}	
	
.pic02{
padding:10px;
}		
	
.pic03{
padding:10px;
}		

.demo1{
margin-top: 2.5rem;
}
	
figure.snip1132 {
  position: relative;
  overflow: hidden;
  margin: 0px;
  min-width: 210px;
  max-width: 700px;
  max-height: 180px;
  width: 100%;
  background:#514329;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	padding-left: 0rem;
	padding-right: 0rem;
}
	
figure.snip1132 figcaption {
  position: absolute;
  top: 2.5em;
  left: 2em;
  right: 2em;
  bottom: 2.5em;
  border-width: 0 1px;
}
	
.fl_con01 {
width: 100%;
padding-bottom: 0rem;
}
}


/*事業紹介*/

.ttl_jigyo{
text-align: right;
line-height: 0.9em;
font-size:50px;
color: #fff;
padding: 0.5em;/*左右の余白をつける*/
}

.txt03{
text-align: right;
font-size: 23px;
color: #fff;
padding: 0 1em 0 1em;/*左右の余白をつける*/
}

.txt03_1{
text-align: left;
font-size: 16px;
color: #fff;
padding: 0em 1em 0 1em;/*左右の余白をつける*/
}


.style_pc02_01{
	margin-right: auto;
	margin-left: auto;
	background: linear-gradient(-225deg, #e6c03c 0%, #e5a538 56%, #e27a40 100%);
	padding: 6rem 0rem 6rem 0rem;
}

.style_pc02{
	margin-right: auto;
	margin-left: auto;
	padding: 6rem 0rem 12rem 0rem;
}

.ttl_tsuyomi{
text-align: left;
letter-spacing: 0.15em;
font-size:45px;
line-height: 1.2em;
color: #331908;
padding: 0.5em;/*左右の余白をつける*/	
}

.txt04{
text-align: left;
font-size: 23px;
color: #331908;
padding: 0 1em 0 1em;/*左右の余白をつける*/	
}

.txt04_1{
text-align: left;
font-size: 16px;
color: #331908;
/*padding-top: 25px;*/
padding: 1.5em 1em 0 1em;/*左右の余白をつける*/	
}

.wrapper {
position: relative;
width: 91%;
max-width: 1180px;
margin: 0 auto;
}

.wrapper::before ::after {
background-repeat: no-repeat;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.sec {
    padding: 0px 0;
}

.indexBlock3 {
	position: relative;
	color: #3e3e3e;
}
.indexBlock3 .photo {
	position: absolute;
	background-size: cover;
}
.indexBlock3 .scrollFx {
	padding: 0px;
	height: 100%;
}
.indexBlock3 .process1 {
	background-image: url("../imgs/menu01.png");
}
.indexBlock3 .process2 {
	background-image: url(../imgs/bg/01.jpg);
}
.indexBlock3 .process3 {
	background-image: url(../imgs/bg/03.jpg);
}
.indexBlock3 .text {
	margin-top: -30px;
	padding: 30px;
	background: #fff;
	position: relative;
}
.indexBlock3 .text .h2 {
	margin-bottom: 10px;
}

.indexBlock3__list {
	margin: 15px 0;
	padding: 0 0 40px 0;
	background: #fff;
}

.indexBlock3__list ul a:hover {
opacity: 0.7;
transition-duration: 0.3s;
}

.indexBlock3__col {
	padding: 30px 0 40px
}
.indexBlock3__col:nth-of-type(n+2) {
	border-top: 2px solid #f2f6fa;
}
.indexBlock3__col > ul {
	margin-bottom: 10px;
	margin-left: 1em;
	font-size: 13px;
	line-height: 1.83;
	text-indent: -1em;
}

.wh_box {
		width: 100%;
}

.wh_box_02 {
	width: 100%;
}

.co_title {
   font-size: 1.8rem;
	text-align: left;
	color:#421C16;
	padding: 0rem 0rem 1.5rem 0rem;
}

.co_title img {
width: 50%;
}

.co_title02 {
   font-size: 1.8rem;
	text-align: left;
	color:#421C16;
	padding: 0rem 0rem 1.5rem 0rem;
}

.co_title02 img {
width: 50%;
}

.txt01 {
	text-align: left;
	font-size: 1.2rem;
}

.txt02 {
	text-align: left;
}

.scrollFx{
	position: relative;
	width: 100%;
	height: 0px;
	padding-top: 100%;
}
.scrollFx__mask{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0%;
	height: 100%;
	overflow: hidden;
	transition: width .75s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.scrollFx__mask:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	background-color: #004898;
	transform-origin: right center;
	transform: scaleX(1);
	transition: transform .75s cubic-bezier(0.190, 1.000, 0.220, 1.000) .6s;
}
.scrollFx.appear .scrollFx__mask{
	width: 100%;
}
.scrollFx.appear .scrollFx__mask:before{
	transform: scaleX(0);
}

/*@media screen  and (min-width:961px) and (max-width:1080px) { 
.style_pc02{
	margin-right: auto;
	margin-left: auto;
	padding: 6rem 0rem 10rem 0rem;
*/
		
.wrapper {
	width: 100%;
	max-width: 900px;
}
}

/*@media screen and (min-width:761px) and (max-width:960px) { 
.style_pc02{
	padding: 6rem 0rem 7rem 0rem;
}
	*/
	
	.wrapper {
width: 100%;
max-width: 660px;
}
	
.co_title {
   font-size: 1.8rem;
	text-align: left;
	color:#421C16;
	padding: 0.5rem 0rem 1.5rem 0rem;
}
	
.co_title02 {
   font-size: 1.8rem;
	text-align: left;
	color:#421C16;
	padding: 0.5rem 0rem 1.5rem 0rem;
}	
	
.co_title img {
width: 35%;
}
	
.co_title02 img {
width: 35%;
}	


/*@media screen and (max-width:760px) { 	
.style_pc02{
	padding: 5rem 0.5rem 5rem 0.5rem;
	overflow: hidden;
}
}
*/

@media	screen and (max-width: 961px) {
	.indexBlock3 .photo {
		position: relative;
		height: 0;
		margin: 0 -16px;
		padding-top: 60.64%;
	}
	.indexBlock3 .scrollFx{
		position: absolute;
		left: 0px;
		top: 0px;
	}
	.indexBlock3 .scrollFx .scrollFx__mask{
		height: 100%;
		padding: 0;
		margin: 0;
	}
.indexBlock3 .scrollFx__mask::before{	
	    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    background-color: #004898;
    transform-origin: right center;
    transform: scaleX(1);
    transition: transform .75s cubic-bezier(0.190, 1.000, 0.220, 1.000) .6s;
}
}

@media print, screen and (min-width: 961px) {
	.indexBlock3 {
		height: 586px;
	}
	.indexBlock3 .photo {
		height: 100%;
	}
	.indexBlock3 .right_2,
		.indexBlock3 .left_2 {
		width: 50%;
	}
	.indexBlock3 .right_3,
		.indexBlock3 .left_3 {
		width: 75%;
	}
	.indexBlock3 .right_3 .scrollFx__mask{
		left: auto;
		right: 0px;
	}
	.indexBlock3 .right_3 .scrollFx__mask:before{
		transform-origin: left center;
	}
	.indexBlock3 [class*="left_"] {
		position: absolute;
		left: 0;
	}
	.indexBlock3 [class*="right_"] {
		position: absolute;
		right: 0;
	}
	.indexBlock3 .text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		position: absolute;
		top: 40px;
		bottom: 40px;
		-ms-flex-line-pack: center;
		align-content: center;
		margin-top: 0;
		padding: 5rem 5.9%;
		z-index: 2;
	}
}

@media	screen and (max-width: 961px) {
	.indexBlock3 .photo {
		position: relative;
		height: 0;
		margin: 0 -16px;
		padding-top: 60.64%;
	}
	.indexBlock3 .scrollFx{
		position: absolute;
		left: 0px;
		top: 0px;
	}
	.indexBlock3 .scrollFx .scrollFx__mask{
		height: 100%;
		padding: 0;
		margin: 0;
	}
.indexBlock3 .scrollFx__mask::before{	
	    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    background-color: #004898;
    transform-origin: right center;
    transform: scaleX(1);
    transition: transform .75s cubic-bezier(0.190, 1.000, 0.220, 1.000) .6s;
}
}

@media print, screen and (min-width: 961px) {
	.indexBlock3 {
		height: 613px;
	}
	.indexBlock3 .photo {
		height: 100%;
	}
	.indexBlock3 .right_2,
		.indexBlock3 .left_2 {
		width: 50%;
	}
	.indexBlock3 .right_3,
		.indexBlock3 .left_3 {
		width: 75%;
	}
	.indexBlock3 .right_3 .scrollFx__mask{
		left: auto;
		right: 0px;
	}
	.indexBlock3 .right_3 .scrollFx__mask:before{
		transform-origin: left center;
	}
	.indexBlock3 [class*="left_"] {
		position: absolute;
		left: 0;
	}
	.indexBlock3 [class*="right_"] {
		position: absolute;
		right: 0;
	}
	.indexBlock3 .text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		position: absolute;
		top: 33px;
		bottom: 33px;
		-ms-flex-line-pack: center;
		align-content: center;
		margin-top: 0;
		padding: 4.5rem 5.9%;
		z-index: 2;
	}
}

@media print, screen and (min-width: 961px) {
	.indexBlock3__list {
		margin-bottom: 0px;
		padding: 0 0 40px 0;
	}
	.indexBlock3__list > ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.indexBlock3__col {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
				-ms-flex-direction: column;
						flex-direction: column;
		-webkit-box-pack: justify;
				-ms-flex-pack: justify;
						justify-content: space-between;
		-webkit-box-flex: 1;
				-ms-flex: 1 0 33.33%;
						flex: 1 0 33.33%;
		width: 33.33%;
		max-width: 33.33%;
		padding: 0 4%;
		max-height:235px;
	}
	.indexBlock3__col:nth-of-type(n+2) {
		border-top: none;
		border-left: 2px solid #f2f6fa;
	}
	.indexBlock3__col .more {
		margin-bottom: 8px;
	}
	.lte-ie9 .indexBlock3__col {
		float: left;
	}
}

@media print, screen and (max-width: 760px) {
.indexBlock3 .scrollFx {
	padding: 0px;
}
	
.indexBlock3__list {
	margin: 15px 0;
	padding: 0 30px 40px 30px;
	background: #fff;
}
}


/*事業紹介、ハビリススタッフの強み*/

.flex{
  max-width: 1200px;
  margin: 0 auto;
}

.flex .img{
  max-width: 100%;
  display: block;
}

.wrap02 {
  max-width: 1200px;
  display: flex;
  justify-content:flex-end;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
}

.wrap02:not(:last-child) {
  margin-bottom: 80px;
}

.wrap02:nth-child(even) {
  flex-direction: row-reverse;
}

.wrap02 img {
  max-width: 100%;
  display: block;
}


@media screen and (min-width:760px) {  
  .flex{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
  }
}

@media screen and (min-width:760px) {  
  .wrap02{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
  }

}

/*レスポンシブここまで↑*/

.indexBlock_a {
	position: relative;
	margin-bottom: 30px;
	color: #3e3e3e;
}
.indexBlock_a .photo {
	background-position: center center;
	background-size: cover;
}
.indexBlock_a .scrollFx {
	padding: 0px;
	height: 100%;
}
.indexBlock_a .process1 {
	background-image: url(../imgs/bg/02.jpg);
}
.indexBlock_a .process2 {
	background-image: url(../imgs/bg/01.jpg);
}
.indexBlock_a .process3 {
	background-image: url(../imgs/bg/03.jpg);
}
.indexBlock_a .text {
	margin-top: -30px;
	padding: 30px;
	background: #fff;
	position: relative;
}
.indexBlock_a .text .h2 {
	margin-bottom: 10px;
}
@media	screen and (max-width: 961px) {
	.indexBlock_a .photo {
		position: relative;
		height: 0;
		margin: 0 -16px;
		padding-top: 60.64%;
	}
	.indexBlock_a .scrollFx{
		position: absolute;
		left: 0px;
		top: 0px;
	}
	.indexBlock_a .scrollFx .scrollFx__mask{
		height: 100%;
		padding: 0;
		margin: 0;
	}
}
@media print, screen and (min-width: 961px) {
	.indexBlock_a  {
		height: 623px;
		margin-bottom: 60px
	}
	.indexBlock_a  .photo {
		height: 100%;
	}
	.indexBlock_a  .right_2,
		.indexBlock_a  .left_2 {
		width: 50%;
	}
	.indexBlock_a  .right_3,
		.indexBlock3 .left_3 {
		width: 75%;
	}
	.indexBlock_a .right_3 .scrollFx__mask{
		left: auto;
		right: 0px;
	}
	.indexBlock_a .right_3 .scrollFx__mask:before{
		transform-origin: left center;
	}
	.indexBlock_a [class*="left_"] {
		position: absolute;
		left: 0;
	}
	.indexBlock_a [class*="right_"] {
		position: absolute;
		right: 0;
	}
	.indexBlock_a .text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
				-ms-flex-align: center;
						align-items: center;
		position: absolute;
		top: 40px;
		bottom: 40px;
		-ms-flex-line-pack: center;
				align-content: center;
		margin-top: 0;
		padding: 0 5.9%;
		z-index: 2;
	}
}
.indexBlock_a__list {
	margin: 15px 0;
	padding: 0 0 35px 0;
	background: #fff;
}

.indexBlock_a__list ul a:hover {
opacity: 0.7;
transition-duration: 0.3s;
}

.indexBlock_a__col {
	padding: 30px 0 40px
}
.indexBlock_a__col:nth-of-type(n+2) {
	border-top: 2px solid #f2f6fa;
}
.indexBlock_a__col > ul {
	margin-bottom: 10px;
	margin-left: 1em;
	font-size: 13px;
	line-height: 1.83;
	text-indent: -1em;
}
@media print, screen and (min-width: 961px) {
	.indexBlock_a__list {
		margin-bottom: 70px;
		padding: 0 0 35px 0;
	}
	.indexBlock_a__list > ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.indexBlock_a__col {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
				-ms-flex-direction: column;
						flex-direction: column;
		-webkit-box-pack: justify;
				-ms-flex-pack: justify;
						justify-content: space-between;
		-webkit-box-flex: 1;
				-ms-flex: 1 0 33.33%;
						flex: 1 0 33.33%;
		width: 33.33%;
		max-width: 33.33%;
		padding: 0 4%;
		max-height:235px;
	}
	.indexBlock_a__col:nth-of-type(n+2) {
		border-top: none;
		border-left: 2px solid #f2f6fa;
	}
	.indexBlock_a__col .more {
		margin-bottom: 8px;
	}
	.lte-ie9 .indexBlock_a__col {
		float: left;
	}
}

@media print, screen and (max-width: 760px) {
.indexBlock_a .scrollFx {
	padding: 0px;
}
}

/*制作実績*/
.co_title_s {
   font-size: 1.4rem;
	text-align: left;
	color:#421C16;
	padding: 2.5rem 3rem 1rem 3rem;
}

.co_title_s img {
width: 45%;
}
	
.seisaku_parent {
   display: -webkit-inline-flex;
   display: inline-flex;
 flex-wrap: nowrap;
	 justify-content: center;
	width: 91%;
   text-align: center;
}

.seisaku_children01 {
width: 30%;
max-width: 350px;
}

.seisaku_children01 img {
border: 1px solid #E8E8E8;
    transition:all 0.4s;
}

.seisaku_children01 img:hover {
opacity: 0.7;
}

.seisaku_children02 {
width: 30%;
max-width: 350px;
}

.seisaku_children02 img {
border: 1px solid #E8E8E8;
    transition:all 0.4s;
}

.seisaku_children02 img:hover {
opacity: 0.7;
}

.seisaku_children03 {
width: 30%;
max-width: 350px;
}

.seisaku_children03 img {
border: 1px solid #E8E8E8;
    transition:all 0.4s;
}

.seisaku_children03 img:hover {
opacity: 0.7;
}


@media screen and (min-width:761px) and (max-width:960px) { 
.co_title_s {
padding: 0.8rem 0.3rem 0 0.3rem;
}

.co_title_s img {
width: 55%;
padding: 1rem 1.4rem;
}
	
.seisaku_parent {
   display: -webkit-inline-flex;
   display: inline-flex;
 flex-wrap: nowrap;
	 justify-content: center;
	width: 100%;
}

.seisaku_children01 {
width: 100%;
max-width: 250px;
padding-left:30px;
}

.seisaku_children02 {
width: 100%;
max-width: 250px;
padding: 0 30px;
}

.seisaku_children03 {
width: 100%;
max-width: 250px;
padding-right:30px;
}
}

@media screen and (max-width:760px){ 
.co_title_s {
   font-size: 1.4rem;
	text-align: left;
	color:#421C16;
	padding: 1.5rem 0rem 1rem 0rem;
}

.co_title_s img {
width: 100%;
	padding: 0rem 0rem;
}
	
.seisaku_parent {
flex-wrap: wrap;
width: 100%;
}
	
.seisaku_children01 {
width: 100%;
max-width: 350px;
margin-left: auto;
margin-right: auto;
}

.seisaku_children02 {
width: 90%;
max-width: 350px;
margin-left: auto;
margin-right: auto;
padding-top: 1.5rem;
}

.seisaku_children03 {
width: 90%;
max-width: 350px;
margin-left: auto;
margin-right: auto;
padding-top: 1.5rem;
}
}




/*会社概要*/
#about-03{padding:0 0 130px;
	background: linear-gradient(-225deg, #e27a40 0%, #e5a538 56%, #e6c03c 100%);}
#about-03::before{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100px;
	background-color: #F8F8F8;
}
#about-03-container{
	background-color: #fff;
	padding: 40px 10px;
	width: 91%;
	max-width: 1180px;
}

.co_title_03 img {
width: 20%;
}

.co_title_04 img {
width: 45%;
}

table.table-company {
	width:80%;
		border-collapse: collapse;
	margin: 0 auto;
}
table.table-company thead th {
	background:#7B7B7B;
	color:#FFF;
	padding:10px 15px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
}
table.table-company thead th:last-child {
	border-right:#7B7B7B solid 1px;
}
table.table-company tbody th {
	background:#FBFBFB;
	padding:15px 15px;
	border-top: 1px solid #e27a40;
	border-bottom: 1px solid #e27a40;
	vertical-align:top;
	text-align: left;
	color:#e27a40;
	font-weight: 100;
}
table.table-company tbody tr:last-child th {
	border-bottom: 1px solid #e27a40;
}
table.table-company tbody td {
	background:#FFF;
	padding:15px 20px;
	border-bottom: 1px solid #e27a40;
		border-top: 1px solid #e27a40;
	vertical-align:top;
		text-align: left;
}

#about-03-container ul{margin-bottom: 60px;}
#about-03-container ul li{width: 33.3333333333%;float: left;padding: 10px;}
@media (max-width: 768px) {
	#about-03-container ul li{width: 100%;float: none;}
}

.index-content,.page-content{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.page-content h2{text-align: center;line-height: 1;margin-bottom: 30px;}
.bgbg{background-color: #F5F7FC;}


.title-container{padding: 0;}
@media (max-width: 1080px) {
	.container{ width: 961px;}
}
@media (max-width: 960px) {
	.container{ width: 90%;}
}

@media screen and (min-width:961px) and (max-width:1080px) { 
#about-03-container{
	width: 100%;
	max-width: 900px;
}
	
.co_title_03 img {
width: 22%;
}
}

@media screen and (min-width:761px) and (max-width:960px) { 
#about-03-container{
	width: 100%;
	max-width: 692px;
}
	
.co_title_03 img {
width: 30%;
}
}

@media screen and (max-width:760px){ 
#about-03-container{
	width: 91%;
}
	
.co_title_03 img {
width: 45%;
}
	
table.table-company thead {
	display:none;
}
table.table-company tbody th {
	display:block;
}
table.table-company tbody td {
	display:block;
	border-bottom: none;
	border-top: none;
}
	
table.table-company tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
}
table.table-company tbody td p {
	padding-left:1em;
}
	
table.table-company .last-td {
border-bottom: 1px solid #e27a40;
}
}

@media screen and (max-width:400px) { 
.co_title img {
width: 78%;
}	
	
.co_title02 img {
width: 78%;
}
	
.co_title_03 img {
	width: 55%;
}
	

.co_title {
   font-size: 1.8rem;
	text-align: left;
	color:#421C16;
	padding: 0rem 0rem 0.7rem 0rem;
}	
	
.co_title02 {
    font-size: 1.8rem;
    text-align: left;
    color: #421C16;
    padding: 0rem 0rem 0.7rem 0rem;
}
}


.lower__top05{
    margin-top: 1rem;
		margin-bottom: 1rem;
	text-align: left;
}

.title_telma_03 {
font-size: 1rem;
text-align: left;
color: #e27a40;
	padding-top: 3rem;
}

.lower__lead04{
	text-align: left;
}

/*フッター*/
.flexbox {
	  display: flex;
	flex-wrap: wrap;
	justify-content: center;
  margin: 0 0 1em;
	width: 100%;
		align-items: center;
	position: absolute;
}

.flexbox > div {
  padding: 0.1em;
  flex: 1 0 px;
  margin: 1em;
}

.flexbox a img:hover {
 opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

@media screen and (max-width:760px) { 
.flexbox {
	  display: flex;
	flex-wrap: wrap;
	justify-content: center;
  margin: 0 0 1em;
	width: 100%;
		align-items: center;
	display: none;
}

.flexbox > div {
  padding: 0.1em;
  flex: 1 0 px;
  margin: 1em;
}

.flexbox a img:hover {
 opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
}

.flexbox_02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 1em;
	width: 100%;
	align-items: center;
	display: none;
}

.flexbox_02 > div {
  padding: 0.1em;
  flex: 1 0 px;
  margin: 1em;
  display: none;	
}


@media screen and (max-width:760px) { 
.flexbox_02 {
	  display: flex;
	flex-wrap: wrap;
	justify-content: center;
  margin: 0 0 0em;
	width: 100%;
		align-items: center;
	display:block;
	line-height: 2;
	font-size: 14px;
}

.flexbox_02 > div {
  padding: 0.1em;
  flex: 1 0 px;
  margin: 1em;
  display:block;	
}
}



.copyright {
	width:100%;
padding-top: 1rem;
	padding-bottom: 0.5rem;
}


/*プライバシーポリシー*/
#pageHeader {
padding: 0.9rem 0rem 1.2rem 0rem;
background:#e27a40;
color: #fff;
}

#pageHeader .pageTtl {
    position: relative;
    font-size: 2.1rem;
    font-weight: 500;
    text-align: center;
}

.lower_p{
    margin-top: 0.3rem;
	text-align: center;
}

.style_pc03{
	margin-right: auto;
	margin-left: auto;
	padding: 3rem 0rem 12rem 0rem;
}

hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}

.p_01{
padding: 0.5rem 0rem 2rem 0rem;
}

.policy_midashi{
	font-size: 16px;
	color: #333;
	text-align: left;
	padding: 0;
}	

.lower_lead{
    margin-top: 0.8rem;
	text-align: left;
	line-height: 1.4;
}

.lower_lead02{
	text-align: left;
	line-height: 1.4;
}

.lower__lead03{
	text-align: right;
}

.lower_top{
    margin-top: 0.8rem;
	text-align: left;
	font-size: 15px;
	line-height:1.4;
}

.lower_top02{
    margin-top: 2rem;
	text-align: left;
}

.lower__top04{
	margin-top: 1.3rem;
	margin-bottom: 1.3rem;
	text-align: left;
}

@media screen and (min-width:760px) and (max-width:1300px) { 
#pageHeader .pageTtl {
    position: relative;
    font-size: 2rem;
    text-align: center;
	padding-top: 10px;
}
}

@media screen  and (min-width:961px) and (max-width:1080px)  { 
.style_pc03{
	margin-right: auto;
	margin-left: auto;
	padding: 2rem 0rem 10rem 0rem;
}
}

@media screen and (max-width:760px) { 
#pageHeader {
padding: 1rem 0rem 1rem 0rem;
background:#e27a40;
color: #fff;
}
	
#pageHeader .pageTtl {
　　font-weight: 200;
    position: relative;
    font-size: 1.1rem;
    text-align: center;
	padding-top: 0rem;
line-height: 1.6;
}
	
.lower_p{
    margin-top: 0rem;
	text-align: center;
}
	
	
.style_pc03{
	padding: 1rem 0rem 5rem 0rem;
}
	
.policy_midashi{
	width: auto;
	font-size: 14px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #333;
	text-align: left;
	padding: 0;
	line-height: 1.7;
}
	
.lower_lead{
	text-align: left;
	font-size: 12px;
}
	
.lower_lead02{
	margin-top: 0.1rem;
	text-align: left;
	font-size: 12px;
}
	
	.lower_top{
    margin-top: 1.3rem;
	text-align: left;
	font-size: 12px;
}

@media screen and (min-width:760px) and (max-width:1200px) { 
.style_10{
	width: 100%;
	max-width: 800px;
    position: relative;
    text-align: center;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15rem;
}
	}

	
@media screen and (max-width:759px) { 
.style_10{
	width: 100%;
	max-width: 600px;
    position: relative;
    text-align: center;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15rem;
}
	}

	
	
 
@media screen and (max-width: 760px) {
table.table01 thead {
	display:none;
}
table.table01 tbody th {
	display:block;
}
table.table01 tbody td {
	display:block;
}
table.table01 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
}
table.table01 tbody td p {
	padding-left:6em;
}	
}
}

table{
  border-collapse: collapse;
  width: 80%;
	margin:  0 auto; 
}
.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:left;
  box-sizing:border-box;
}
.tb01 th {
  background: #7B7B7B;
  color: #fff;
  
}
@media screen and (max-width: 640px) {
  .tb01 .head{
    display:none;
  }
  .tb01 {
    width: 100%;
  }
  .tb01 td,
  .tb01 th{
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .tb01 td{
    padding: 0px 12px 0 0;
    display: block;
    width: 100%;
    line-height: 2.5;
    text-align:left;
  }
  .tb01 td:before{
    color: #fff;
    content: attr(data-label);
    font-weight: bold;
    padding: 0px 10px;
    display: inline;
    background-color: #ed1e79;
    margin-right: 10px;
    float: left;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}