@charset "UTF-8";



/*  ------------------------------------------------------------------

	ページ内　囲み（パソコン）画像300px

---------------------------------------------------------------------*/
div.page_text0001{
	width: 960px;
	max-width: 1080px;
	margin: 1% auto;
	padding: 0;
	display: block;
	overflow: hidden;
    background: none;
}
div.page_text0001 p{
	width: 96%;
	margin: 2% 0;
	padding: 0 2%;
	line-height: 200%;
}
div.page_text0001 img.left001{
	width: 300px;
	max-width: 300px;
	float: left;
	margin: 2%;
	padding: 0;
}
div.page_text0001 img.left002{
	width: 240px;
	max-width: 300px;
	float: left;
	margin: 2%;
	padding: 0;
}
div.page_text0001 img.left003{
	width: 300px;
	max-width: 300px;
	float: left;
	margin: 2%;
	padding: 0;
}
div.page_text0001 img.right001{
	width: 300px;
	max-width: 300px;
	float: right;
	margin: 2%;
	padding: 0;
}

div.page_text0001 img.right001a{
	width: 240px;
	max-width: 300px;
	float: right;
	margin: 2%;
	padding: 0;
}

div.page_text0001 img.right002{
	width: 240px;
	max-width: 300px;
	float: right;
	margin: 2%;
	padding: 0;
}
div.page_text0001 img.center001{
	width: 100% ;
	max-width: 750px;
	margin: 0 auto;
	padding: 0;
    display: block;
}

div.page_text0001 img.center002{
	width: 100% ;
	max-width: 550px;
	margin: 0 auto;
	padding: 0;
    display: block;
}

div.page_text0001 a{
	text-decoration: none;
	color: #ff6600;
}

div.page_text0001 a:hover{
	text-decoration: underline;
	color: #ffb039;
}

/*  ------------------------------------------------------------------

	ページ内　囲み（タブレット）画像36%

---------------------------------------------------------------------*/

@media only screen and (max-width: 868px) {
div.page_text0001{
	width: 96%;
	max-width: 1080px;
	margin: 2% auto 2%;
	padding: 0;
	display: block;
	overflow: hidden;
	border: 1px #d6d6d6 solid;
	box-sizing: border-box;
}
div.page_text0001 p{
	width: 98%;
	margin: 2% 1%;
	padding: 0;
	line-height: 180%;
}
}
/*  ------------------------------------------------------------------

	ページ内　囲み（スマホ）画像96%

---------------------------------------------------------------------*/

@media only screen and (max-width : 480px ){
div.page_text0001{
	width: 96%;
	margin: 5% 2%;
	padding: 0;
	display: block;
	overflow: hidden;
	border: 1px #d6d6d6 solid;
	box-sizing: border-box;
}
div.page_text0001 p{
	width: 98%;
	margin: 2% 0;
	padding: 0 1%;
	line-height: 200%;
}
div.page_text0001 img.left001{
	width: 74% ;
	max-width: 96%;
	float: none;
	margin: 2% 12%;
	padding: 2%;
}
div.page_text0001 img.left002{
	width: 30% ;
	float: left;
	margin: 2% auto;
	padding: 2%;
}
div.page_text0001 img.left003{
	width: 100% ;
	max-width: 100%;
	float: none;
	margin: 2% 0;
	padding: 2% 0;
}
div.page_text0001 img.right001{
	width: 70% ;
	max-width: 96%;
	float: none;
	margin: 2% auto;
	padding: 2% 15%;
}
    
div.page_text0001 img.right001a{
	width: 70% ;
	max-width: 96%;
	float: none;
	margin: 2% auto;
	padding: 2% 15%;
}
    
div.page_text0001 img.right002{
	width: 30% ;
	float: right;
	margin: 2% ;
	padding: 2% 2%;
}
div.page_text0001 img.center001{
	width: 100% ;
	margin: 0% ;
	padding: 0%;
	text-align: center;
}
div.page_text0001 img.center002{
	width: 100% ;
	margin: 0% ;
	padding: 0%;
	text-align: center;
}
}

.w60{
    width: 100%;
    margin: 0 ;
    padding: 0;
}

@media only screen and (max-width : 480px ){
    .w60{
    width: 60% !important;
    margin: 0 20% ;
    padding: 0;
}
}

/*  ------------------------------------------------------------------

	ページ内　囲み（パソコン）画像300px

---------------------------------------------------------------------*/
div.page_text0002{
	width: 96%;
	max-width: 1080px;
	margin: 1% auto;
	padding: 0;
	display: block;
	overflow: hidden;
}
div.page_text0002 p{
	width: 96%;
	margin: 3% 0;
	padding: 0 2%;
	line-height: 200%;
	font-size: 100%;
}
div.page_text0002 img.left001{
	width: 300px;
	float: left;
	margin: 4% 4% 4% 2%;
	padding: 0;
}
div.page_text0002 img.right001{
	width: 300px;
	float: right;
	margin: 4% 2% 4% 4%;
	padding: 0;
}
div.page_text0002 img.center001{
	width: 96%;
	margin: 2%;
	padding: 0;
	text-align: center;
}

/*  ------------------------------------------------------------------

	ページ内　囲み（タブレット）画像36%

---------------------------------------------------------------------*/

@media only screen and (max-width: 868px) {
div.page_text0002{
	width: 100%;
	max-width: 1080px;
	margin: 2% auto 0;
	padding: 0;
	display: block;
	overflow: hidden;
	border: 1px #d6d6d6 solid;
	box-sizing: border-box;
}
div.page_text0002 p{
	width: 96%;
	margin: 2% 2%;
	padding: 0;
	line-height: 180%;
	font-size: 100%;
}
}
/*  ------------------------------------------------------------------

	ページ内　囲み（スマホ）画像36%

---------------------------------------------------------------------*/

@media only screen and (max-width: 868px) {
div.page_text0002{
	width: 96%;
	max-width: 1080px;
	margin: 2% auto;
	padding: 0;
	display: block;
	overflow: hidden;
	border: 1px #d6d6d6 solid;
	box-sizing: border-box;
}
div.page_text0002 p{
	width: 96%;
	margin: 3% 2%;
	padding: 0;
	line-height: 180%;
	font-size: 110%;
}
div.page_text0002 img.left001{
	width: 36%;
	float: left;
	margin: 4% 4%;
	padding: 0;
}
div.page_text0002 img.right001{
	width: 36%;
	float: right;
	margin: 4% 4%;
	padding: 0;
}
div.page_text0002 img.center001{
	width: 96%;
	margin: 4% 2%;
	padding: 0;
	text-align: center;
}
}

/*  ------------------------------------------------------------------

	page_text001_foot（ボディー文章）

---------------------------------------------------------------------*/

div.page_text001_foot {
	width:100%;
	max-width: 960px;
	margin:0 auto 5%;
	padding: 0;
	display: block;
	overflow: hidden;
	text-align: center;
	}

div.page_text001_foot p{
	width: 90%;
	max-width: 700px;
	margin: 0 auto;
	padding: 2% 0 2%;
	text-align: center;
	line-height: 45px;
	color: #333333;
	font-size: 150%;
}

div.page_text001_foot img{
    margin: 0 auto;
    width: 50% !important;
    max-width: 700px;
}


@media only screen and (max-width: 868px) {
	div.page_text001_foot {
	width:100%;
	margin:1% auto 10%;
	padding: 5% 0 0;
	display: block;
	overflow: hidden;
	text-align: center !important;
	}
    
    div.page_text001_foot p{
	width: 90%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	line-height: 45px;
	color: #333333;
    }
    
    div.page_text001_foot img{
    margin: 0 auto;
    width: 70% !important;
    max-width: 700px;
    }
}

@media only screen and (max-width: 480px) {
	div.page_text001_foot {
	width:100%;
	margin:0 auto 10%;
	padding: 5% 0 0;
	display: block;
	overflow: hidden;
	text-align: center !important;
	}
    
    div.page_text001_foot p{
	width: 90%;
	margin: 0 auto;
	padding: 1% 0;
	text-align: center;
	line-height: 40px;
	color: #333333;
	font-size: 130%;
    }
    div.page_text001_foot img{
    margin: 0 auto;
    width: 90% !important;
    max-width: 700px;
    }
}

/*  ------------------------------------------------------------------

	ページ内　スクロール

---------------------------------------------------------------------*/
div.scroll001{
	height: 350px;
	overflow-y: scroll;
    border:  1px #d6d6d6 solid;
    margin: 2% auto !important;
    scrollbar-color: #d6d6d6 #cccccc;
}

@media only screen and (max-width: 480px) {
    div.scroll001{
    margin: 5% auto 20% !important;
    }
}

div.scroll001 img{
    width: 30%;
    margin: 2% !important;
    float: right;
}

@media only screen and (max-width: 480px) {
    div.scroll001 img{
    width: 60%;
    margin: 2% 20% !important;
    float: none;
}
}

/*  ------------------------------------------------------------------

	table.foot 5:5（パソコン・タブレット）

---------------------------------------------------------------------*/

table.foot{
	width: 80%;
	max-width: 1080px;
	margin: 2% auto 0;
	padding: 0;
	border-collapse: collapse;
	border:   none;
	color: #000000;
	font-size: 130%;
}

table.foot td.leftfoot{
	width: 38%;
	margin: 0;
	padding:1% 1%;	
	text-align: right;
	vertical-align: middle;
	line-height: 180%;
}

table.foot td.rightfoot{
	width: 58%;
	margin: 0;
	padding:1% 1%;
	text-align: left;
	vertical-align: middle;
	line-height: 180%;
}

/*  ------------------------------------------------------------------

	table.foot 3:7（スマホ）

---------------------------------------------------------------------*/
@media only screen and (max-width : 480px ){
table.foot{
	width: 100%;
	max-width: 1080px;
	margin: 2% auto;
	padding: 0;
	border-collapse: collapse;
	border:   none;
	color: #000000;
	font-size: 110%;
}

table.foot td.leftfoot{
	width: 33%;
	margin: 0;
	padding:3% 1%;	
	text-align: right;
	vertical-align: middle;
	line-height: 180%;
}

table.foot td.rightfoot{
	width: 63%;
	margin: 0;
	padding:3% 1%;
	text-align: left;
	vertical-align: middle;
	line-height: 180%;
}
}

/*===========
.scroll-box
===========*/
.scroll-box {
    margin: 0 auto;
    max-width: 980px;
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}

.scroll-box p{
    margin: 1% auto;
    width: 96%;
    padding: 1%;    
}
.scroll-box div img {
  margin: 0%;
  min-width: 800px;
  vertical-align: top;
}
@media only screen and (max-width: 868px) {
    .scroll-box {
        max-width: 100%;
    }
    
  .scroll-box div img {
      width: 98%;
  margin: 0 1%;
  min-width: 600px;
  vertical-align: top;
}
}
 @media only screen and (max-width: 480px) {
  .scroll-box div img {
  margin: 0 1%;
  min-width: 650px;
  vertical-align: top;
}
}

/*===========
scrollbar
===========*/
/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar {
  height: 4px;
}
/*スクロールバー全体の背景*/
.scroll-box::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
}


/*===========
.scroll-box002
===========*/
.scroll-box002 {
    margin: 0 auto;
    max-width: 960px;
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}

.scroll-box002 p{
    margin: 1% auto;
    width: 96%;
    padding: 1%;    
}
.scroll-box002 div img {
  margin: 0%;
  min-width: 960px;
  vertical-align: top;
}
@media only screen and (max-width: 868px) {
    .scroll-box002 {
max-width: 1300px;
}
    
  .scroll-box002 div img {
  margin: 0 1%;
  min-width: 1300px;
  vertical-align: top;
}
}
 @media only screen and (max-width : 480px ){
  .scroll-box002 div img {
  margin: 0 1%;
  min-width: 800px;
  vertical-align: top;
}
}

/*===========
scrollbar
===========*/
/*スクロールバー全体の高さ*/
.scroll-box002::-webkit-scrollbar {
  height: 4px;
}
/*スクロールバー全体の背景*/
.scroll-box002::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.scroll-box002::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box002::-webkit-scrollbar-thumb:hover {
  background: #999;
}

/*  ------------------------------------------------------------------

	map001（共通）

---------------------------------------------------------------------*/
div.map001 {
	width:100%;
	max-width: 1080px;
	margin:2% auto 1%;
	padding: 0 0 0 0;
	display: block;
	overflow: hidden;
	}
/*  ------------------------------------------------------------------

	map001（タブレット・スマホ）

---------------------------------------------------------------------*/
@media only screen and (max-width: 868px) {	
	div.map001 {
	width:96%;
	max-width: 1080px;
	margin:2% 2% 1%;
	padding: 0 0 0 0;
	display: block;
	overflow: hidden;
	}
}
/*  ------------------------------------------------------------------

	map001（パソコン）

---------------------------------------------------------------------*/

div.map001 p{
	width: 920px;
	padding: 20px 0;
	text-align: left;
	line-height: 180%;
	color: #000000;
	display: block;
}
/*  ------------------------------------------------------------------

	map001（タブレット・スマホ）

---------------------------------------------------------------------*/

@media only screen and (max-width: 868px) {	
div.map001 p{
	width: 90%;
	padding: 10px 5%;
	text-align: center;
	line-height: 180%;
	color: #000000;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
}
}



/*  ------------------------------------------------------------------

	.table-wrap テーブルをスライドさせる

---------------------------------------------------------------------*/
.table-wrap {
	width: 96%;
	max-width: 1080px;
	margin: 4% auto;
	overflow-x: none;
	color: #000 !important;
}

@media only screen and (max-width : 480px ){
	.table-wrap {
	width: 96%;
	max-width: 1080px;
	margin: 2% auto;
	overflow-x: scroll;
	overflow-y: hidden;
	color: #000 !important;
}
}
/*イメージ挿入時*/
.table-wrap img{
	float: right;
	width: 30%;
	margin: 2% 0 0 0;
}

@media only screen and (max-width: 868px) {
	.table-wrap img{
	float: right;
	width: 100%;
	margin: 2% 0 0 0;
}
}

@media only screen and (max-width : 480px ){
	.table-wrap img{
	float: none;
	width: 100%;
	margin: 2% 0 0 0;
}
}

/*  ------------------------------------------------------------------

	table.page000 （パソコン/タブレット）

---------------------------------------------------------------------*/

table.page000{
	width: 100%;
	max-width: 1080px;
	margin: 2% 0;
	padding: 0;
	border-collapse: collapse;
	border:   #d6d6d6 1px solid;
	box-sizing:border-box;
	float: left;
	table-layout: fixed ;
	line-height: 180%;
}

table.page000 td.left000{
	width: 28%;
	margin: 0;
	padding:3% 1%;
	border-right:  #d6d6d6 1px solid;
	border-bottom:   #d6d6d6 1px solid;
	box-sizing:border-box;
	background-color: #fefaf6;	
	text-align: center;
	vertical-align: middle;
	word-wrap: break-word;
}

table.page000 td.right000{
	width: 33%;
	margin: 0;
	padding:3% 1%;
	background-color: #fefaf6;
	border-right:  #d6d6d6 1px solid;
	border-bottom:   #d6d6d6 1px solid;
	box-sizing:border-box;
	text-align: left;
	vertical-align: middle;
	word-wrap: break-word;
}

/*  ------------------------------------------------------------------

	table.page000 （スマホ）

---------------------------------------------------------------------*/

@media only screen and (max-width : 480px ){
	table.page000{
	width: 160%;
	margin: 5% auto;
	padding: 0;
	border-collapse: collapse;
	border:   #d6d6d6 1px solid;
	box-sizing:border-box;
	float: none;
	table-layout: fixed;
}

table.page000 td.left000{
	width: 23% ;
	margin: 0;
	padding:3% 1%;
	border-right:  #d6d6d6 1px solid;
	border-bottom:   #d6d6d6 1px solid;
	box-sizing:border-box;
	background-color: #fefaf6;	
	text-align: center;
	vertical-align: middle;
	overflow-wrap : break-word;
}

table.page000 td.right000{
	width: 43%;
	margin: 0;
	padding:3% 1%;
	background-color: #fefaf6;
	border-right:  #d6d6d6 1px solid;
	border-bottom:   #d6d6d6 1px solid;
	box-sizing:border-box;
	text-align: left;
	vertical-align: middle;
	overflow-wrap : break-word;
}
}

/*  ------------------------------------------------------------------

	table.page000_a （パソコン/タブレット）2:2:2:2

---------------------------------------------------------------------*/

table.page000_a{
	width: 100%;
	max-width: 1080px;
	margin: 0 0 5% !important;
	padding: 0;
	border-collapse: collapse;
	border:   #d6d6d6 1px solid;
	box-sizing:border-box;
	float: left;
	table-layout: fixed ;
	line-height: 180%;
}

table.page000_a td.left000_a{
	width: 23%;
	margin: 0;
	padding:1% 1%;
	border-right:  #d6d6d6 1px solid;
	border-bottom:   #d6d6d6 1px solid;
	box-sizing:border-box;	
	text-align: center;
	vertical-align: middle;
	word-wrap: break-word;
}

table.page000_a td.right000_a{
	width: 23%;
	margin: 0;
	padding:1% 1%;
	border-right:  #d6d6d6 1px solid;
	border-bottom:   #d6d6d6 1px solid;
	box-sizing:border-box;
	text-align: center;
	vertical-align: middle;
	word-wrap: break-word;
}

/*  ------------------------------------------------------------------

	table.page000_a （スマホ）

---------------------------------------------------------------------*/

@media only screen and (max-width : 480px ){
	table.page000_a{
	width: 160%;
	margin: 10% auto;
	padding: 0;
	border-collapse: collapse;
	border:   #d6d6d6 1px solid;
	box-sizing:border-box;
	float: none;
	table-layout: fixed;
}

table.page000_a td.left000_a{
	width: 23% ;
	margin: 0;
	padding:2% 1%;
	border-right:  #d6d6d6 1px solid;
	border-bottom:   #d6d6d6 1px solid;
	box-sizing:border-box;	
	text-align: center;
	vertical-align: middle;
	overflow-wrap : break-word;
}

table.page000_a td.right000_a{
	width: 23%;
	margin: 0;
	padding:2% 1%;
	border-right:  #d6d6d6 1px solid;
	border-bottom:   #d6d6d6 1px solid;
	box-sizing:border-box;
	text-align: center;
	vertical-align: middle;
	overflow-wrap : break-word;
}
}

/*  ------------------------------------------------------------------

	table.page001 3:7（共通）左色

---------------------------------------------------------------------*/

table.page001{
	width: 96%;
	max-width: 1080px;
	margin: 2% auto;
	padding: 0;
	color: #000;
	border-collapse: collapse;
	border: 1px #d6d6d6 solid;
	box-sizing: border-box;
}

table.page001 td.left001{
	width: 30%;
	margin: 0;
	padding:2% 2%;
	border-bottom: 1px #d6d6d6 solid;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	background-color: #f6f6f6;
	color: #000;
	line-height: 180%;
}

table.page001 tr:last-child td.left001{
	border-bottom: 1px #d6d6d6 solid;
}

table.page001 td.right001{
	width: 58%;
	margin: 0;
	padding:2% 2%;
	border-bottom: 1px #d6d6d6 solid;
	border-left:  1px #d6d6d6 solid;
	box-sizing: border-box;
	text-align: left;
	line-height: 180%;
	background-color: #fff;
}

/*  ------------------------------------------------------------------

	table.page001a 8:2（共通）左色

---------------------------------------------------------------------*/

table.page001a{
	width: 96%;
	max-width: 1080px;
	margin: 2% auto;
	padding: 0;
	color: #000;
	border-collapse: collapse;
	border: 1px #d6d6d6 solid;
	box-sizing: border-box;
}

table.page001a td.left001{
	width: 55%;
	margin: 0;
	padding:2% 1%;
	border-bottom: 1px #d6d6d6 solid;
	box-sizing: border-box;
	text-align: left;
	vertical-align: middle;
	background-color: #f6f6f6;
	color: #000;
	line-height: 180%;
}

table.page001a tr:last-child td.left001{
	border-bottom: 1px #d6d6d6 solid;
}

table.page001a td.right001{
	width: 37%;
	margin: 0;
	padding:2% 1%;
	border-bottom: 1px #d6d6d6 solid;
	border-left:  1px #d6d6d6 solid;
	box-sizing: border-box;
	text-align: right !important;
    vertical-align: middle;
	line-height: 180%;
	background-color: #fff;
}


/*  ------------------------------------------------------------------

	table.page002 5:5（共通）左色

---------------------------------------------------------------------*/

table.page002{
	width: 96%;
	max-width: 1080px;
	margin: 2% auto;
	padding: 0;
	color: #000;
	border-collapse: collapse;
	border: 1px #003366 solid;
}

table.page002 td.left002{
	width: 44%;
	margin: 0;
	padding:3% 3%;
	text-align: center;
	vertical-align: middle;
	background-color: #003366;
	border-bottom: 1px #fff solid;
	box-sizing: border-box ;
	color: #fff;
	line-height: 180%;
}

table.page002 tr:last-child td.left002{
	border-bottom: none;
}

table.page002 td.right002{
	width: 44%;
	margin: 0;
	padding:3% 3%;
	text-align: left;
	border: 1px #003366 solid;
	box-sizing: border-box ;
	line-height: 180%;
}

table.page002 tr:last-child td.right002{
	border-bottom: none;
}

/*  ------------------------------------------------------------------

	table.page003 3:7（共通）左グレー （店舗）

---------------------------------------------------------------------*/

table.page003{
	width: 96%;
	max-width: 960px;
	margin: 4% auto;
	padding: 0;
	color: #000;
	border-collapse: collapse;
	border: 1px #d6d6d6 solid;
}

table.page003 td.left003{
	width: 30%;
	margin: 0;
	padding:3% 3%;
	text-align: center;
	vertical-align: middle;
	background-color: #f6f6f6;
	border: 1px #d6d6d6 solid;
	box-sizing: border-box ;
	line-height: 180%;
}

table.page003 td.right003{
	width: 58%;
	margin: 0;
	padding:3% 3%;
	text-align: left;
    vertical-align: middle;
	background-color: #fff;
	border: 1px #d6d6d6 solid;
	box-sizing: border-box ;
	line-height: 180%;
}
/*  ------------------------------------------------------------------

	table.page003a 3:7（共通）左グレー （店舗）

---------------------------------------------------------------------*/

table.page003a{
	width: 96%;
	max-width: 960px;
	margin: 4% auto;
	padding: 0;
	color: #000;
	border-collapse: collapse;
	border: 1px #d6d6d6 solid;
}

table.page003a td.left003{
	width: 30%;
	margin: 0;
	padding:3% 3%;
	text-align: center;
	vertical-align: middle;
	background-color: #E4E4E1;
	border: 1px #d6d6d6 solid;
	box-sizing: border-box ;
	line-height: 180%;
}

table.page003a td.right003{
	width: 58%;
	margin: 0;
	padding:3% 3%;
	text-align: left;
    vertical-align: middle;
	background-color: #fff;
	border: 1px #d6d6d6 solid;
	box-sizing: border-box ;
	line-height: 180%;
}



/*  ------------------------------------------------------------------

	table.page004 3:7（共通）背景色なし　線#d6d6d6

---------------------------------------------------------------------*/

table.page004{
	width: 96%;
	max-width: 1080px;
	margin: 2% auto;
	padding: 0;
	color: #000;
	border-collapse: collapse;
	border: 1px #d6d6d6 solid;
}

table.page004 td.left004{
	width: 30%;
	margin: 0;
	padding:3% 3%;
	text-align: center;
	vertical-align: middle;
	border: 1px #d6d6d6 solid;
	box-sizing: border-box ;
	line-height: 180%;
}

table.page004 td.right004{
	width: 58%;
	margin: 0;
	padding:3% 3%;
	text-align: left;
	border: 1px #d6d6d6 solid;
	box-sizing: border-box ;
	line-height: 180%;
}

/*  ------------------------------------------------------------------

	table.page005 5:5（共通）透明

---------------------------------------------------------------------*/

table.page005{
	width: 100%;
	max-width: 1080px;
	margin: 4% auto;
	padding: 0;
	color: #000;
	border-collapse: collapse !important;
	border: 1px #d6d6d6 solid !important;
	box-sizing: border-box;
}

table.page005 td.left005{
	width: 44%;
	margin: 0;
	padding:2% 3%;
	text-align: center;
	vertical-align: middle;
	line-height: 180%;
}


table.page005 td.right005{
	width: 44%;
	margin: 0;
	padding:2% 3%;
	text-align: center;
	border-left: 1px #d6d6d6 solid;
	box-sizing: border-box ;
	line-height: 180%;
}


/*  ------------------------------------------------------------------

	img000t(共通）文章のみのリスト

---------------------------------------------------------------------*/

ul.img000t{
	margin: 0 auto 0;
	padding: 0;
	width: 100%;
	max-width: 1080px;
	clear: both;
	display: block;
	overflow: hidden;
}

ul.img000t li{
	width: 88%;
	margin: 2% 0;
	padding: 0 0 0 3em;/*リストマーク外に*/
	list-style: none;	
	font-size: 130%;
	line-height: 240%;
	text-indent: -2.2em;/*リストマーク外に*/
	border-bottom: #fe6a12 dotted 1px;
	border-left: #fe6a12 solid 2px;
  
}

/*  ------------------------------------------------------------------

	img000t(共通）文章のみのリスト ・のリストマーク(まつば)

---------------------------------------------------------------------*/

ul.img000t001{
	margin: 0 auto 0;
	padding: 0;
	width: 100%;
	max-width: 1080px;
	clear: both;
	display: block;
	overflow: hidden;
}

ul.img000t001 li{
	width: 93%;
	margin: 1% 1% 1% 6%;
	padding: 0 0 0 0;/*リストマーク外に*/
	list-style-type: disc !important;
    list-style-position: outside;
    line-height: 180%;
  
}

/*  ------------------------------------------------------------------

	img000n(共通）文章のみのリスト 丸数字のリストマーク

---------------------------------------------------------------------*/

ul.img000n001{
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 1080px;
	clear: both;
	display: block;
	overflow: hidden;
}

ul.img000n001 li{
	width: 97%;
	margin: 1% 2% 1% 1.5%;
	list-style: none;
    padding-left: 1.3em;
    text-indent: -1.1em;
    line-height: 180%;
  
}

/*  ------------------------------------------------------------------

	img0007（パソコン/スマホ/タブレット）　2ボタン 友和会

---------------------------------------------------------------------*/

ul.img0007{
	margin: 5% auto 5%;
	padding: 0;
	width: 100%;
	max-width: 1280px;
	list-style: none;
	clear: both;
	display: block;
	overflow: hidden;
	
}

ul.img0007 li{
	float: left;
	margin: 0;
	padding: 0 1%;
	width: 63%;
	color: #fff;
}

ul.img0007 li.right{
	float: left;
	margin: 0;
	padding: 0 1%;
	width: 33%;
	color: #fff;
}

@media only screen and (max-width: 480px) {
ul.img0007{
	margin: 5% auto 5%;
	padding: 0;
	width: 96%;
	max-width: 1280px;
	list-style: none;
	clear: both;
	display: block;
	overflow: hidden;
}

ul.img0007 li{
	position: relative;
	float: none;
	margin: 0;
	padding: 3% 0%;
	width: 100%;
}
ul.img0007 li.right{
	float: none;
	margin: 0;
	padding: 3% 20%;
	width: 60%;
}
}


/*  ------------------------------------------------------------------

	img0007_02（パソコン/スマホ/タブレット）　4or3ボタン 202408(ロマン)

---------------------------------------------------------------------*/

ul.img0007_02{
	margin: 5% auto 5%;
    padding: 0;
	width: 100%;
	max-width: 1440px;
	list-style: none;
	clear: both;
	display: block;
	overflow: hidden;
}

ul.img0007_02 li{
	float: left;
	margin: 0.5%;
	padding: 0;
	width: 15.666666%;
}


ul.img0007_02 li img{
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.img0007_02 a:hover img{
    opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

@media only screen and (max-width: 1440px) {
	ul.img0007_02 li{
	float: left;
	margin: 0.5%;
	padding: 0;
	width: 24%;
}
}

@media only screen and (max-width: 868px) {
	ul.img0007_02 li{
	float: left;
	margin: 0.5%;
	padding: 0;
	width: 32.333333%;
}
}

@media only screen and (max-width: 480px) {
	ul.img0007_02 li{
	float: left;
	margin: 0.5%;
	padding: 0;
	width: 48%;
}
}


/*  ------------------------------------------------------------------

	img000i(共通）文章のみのリスト(葉)

---------------------------------------------------------------------*/

ul.img000i{
	margin: 3% auto 3%;
	padding: 0;
	width: 100%;
	max-width: 1080px;
	clear: both;
	display: block;
	overflow: hidden;
}

ul.img000i li{
	width: 100%;
	margin: 0 0 0 1%;
	padding: 0 0 0 13em;/*リストマーク外に*/
	list-style: none;
	background-image: url("../image/common/bt_04.png") ;
	background-position: 0 20%;
	background-repeat: no-repeat;
	background-size: 50px;
	font-size: 100%;
	line-height: 280%;
	text-indent: -10.2em;/*リストマーク外に*/
  
}

@media only screen and (max-width: 868px) {
	ul.img000i li{
		font-size: 140%;
		margin: 0;
	}
}

@media only screen and (max-width : 480px ){
	ul.img000i li{
    width: 90% !important;
	margin: 2% 0;
	padding: 0 0 0 2em;/*リストマーク外に*/
	list-style: none;
	background-image: url("../image/common/bt_04.png") ;
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: 30px;
	font-size: 120%;
	line-height: 200%;
	text-indent: 0;/*リストマーク外に*/
	}
}



/*  ------------------------------------------------------------------

	img0000（パソコン・共通）2ボタン(パソコン時中央寄せ/サイズ35％)

---------------------------------------------------------------------*/

ul.img0000{
	margin: 0 auto 0;
	width: 100%;
	max-width: 1080px;
	list-style: none;
	clear: both;
	display: block;
	overflow: hidden;
	text-align: center;
}

ul.img0000 li{
	margin: 0;
	padding: 1% 2%;
	width: 35%;	
	display: inline-block;
	vertical-align: top;
}
	
ul.img0000 li img{
	width: 100%;
	margin: 0;
	padding: 0;
}
	
	
ul.img0000 li p{
	width: 96%;
	margin: 0;
	padding: 0 3%;
	text-align: left;
	float: left;
}

ul.img0000 li h3{
	width: 100%;
	margin: 2%;
	padding: 0;
	font-size: 100%;
}
	

ul.img0000 li a{
	color: #ffffff;
	padding: 0;
	margin: 0;
	}

/*  ------------------------------------------------------------------

	img0000（タブレット）2ボタン(パソコン時中央寄せ)

---------------------------------------------------------------------*/
@media only screen and (max-width: 868px) {
	ul.img0000 li{
	margin: 0;
	padding: 1%;
	width: 42%;	
	display: inline-block;
	vertical-align: top;
}
}

/*  ------------------------------------------------------------------

	img0000（スマホ）2ボタン(パソコン時中央寄せ)

---------------------------------------------------------------------*/
@media only screen and (max-width : 480px ){
	ul.img0000 li{
	margin: 0;
	padding: 1%;
	width: 47%;	
	display: inline-block;
	vertical-align: top;
}
}

/*  ------------------------------------------------------------------

	img0000_s（パソコン・共通）4ボタン(パソコン時中央寄せ/サイズ35％)

---------------------------------------------------------------------*/

ul.img0000_s{
	margin: 3% auto 3%;
	width: 100%;
	max-width: 1280px;
	list-style: none;
	clear: both;
	display: block;
	overflow: hidden;
	text-align: center;
}

ul.img0000_s li{
	margin: 0;
	padding: 1% 0.5%;
	width: 23%;	
	display: inline-block;
	vertical-align: top;
}
	
ul.img0000_s li img{
	width: 100%;
	margin: 0;
	padding: 0;
}
	
	
ul.img0000_s li p{
	width: 96%;
	margin: 0;
	padding: 0 3%;
	text-align: left;
	float: left;
}

ul.img0000_s li h3{
	width: 100%;
	margin: 2%;
	padding: 0;
	font-size: 100%;
}
	

ul.img0000_s li a{
	color: #ffffff;
	padding: 0;
	margin: 0;
	}

/*  ------------------------------------------------------------------

	img0000（タブレット）2ボタン(パソコン時中央寄せ)

---------------------------------------------------------------------*/
@media only screen and (max-width: 868px) {
	ul.img0000_s li{
	margin: 0;
	padding: 1%;
	width: 47%;	
	display: inline-block;
	vertical-align: top;
}
}

/*  ------------------------------------------------------------------

	img0000_s（スマホ）2ボタン(パソコン時中央寄せ)

---------------------------------------------------------------------*/
@media only screen and (max-width : 480px ){
	ul.img0000_s li{
	margin: 0;
	padding: 0.5%;
	width: 48%;	
	display: inline-block;
	vertical-align: top;
}
}

/*  ------------------------------------------------------------------

	img0001（パソコン・共通）2ボタン(パソコン時中央寄せ/サイズ45％)

---------------------------------------------------------------------*/

ul.img0001{
	margin: 0 auto 0;
	width: 100%;
	max-width: 1080px;
	list-style: none;
	clear: both;
	display: block;
	overflow: hidden;
	text-align: center;
}

ul.img0001 li{
	margin: 0;
	padding: 1% 2%;
	width: 45%;	
	display: inline-block;
	vertical-align: top;
}
	
ul.img0001 li img{
	width: 100%;
	margin: 0;
	padding: 0;
}
	
	
ul.img0001 li p{
	width: 96%;
	margin: 0;
	padding: 0 3%;
	text-align: left;
	float: left;
}

ul.img0001 li h3{
	width: 100%;
	margin: 2%;
	padding: 0;
	font-size: 100%;
}
	

ul.img0001 li a{
	color: #ffffff;
	padding: 0;
	margin: 0;
	}

/*  ------------------------------------------------------------------

	img0001（タブレット）2ボタン(パソコン時中央寄せ)

---------------------------------------------------------------------*/
@media only screen and (max-width: 868px) {
	ul.img0001 li{
	margin: 0;
	padding: 1%;
	width: 42%;	
	display: inline-block;
	vertical-align: top;
}
}

/*  ------------------------------------------------------------------

	img0001（スマホ）2ボタン(パソコン時中央寄せ)

---------------------------------------------------------------------*/
@media only screen and (max-width : 480px ){
	ul.img0001 li{
	margin: 0;
	padding: 1%;
	width: 47%;	
	display: inline-block;
	vertical-align: top;
}
}

/*  ------------------------------------------------------------------

	img0002（パソコン/タブレット）パソコン時3横並び　スマホ時縦並び（矢印付き）

---------------------------------------------------------------------*/

ul.img0002{
	margin: 0 auto 0;
	width: 100%;
	max-width: 1080px;
	list-style: none;
	clear: both;
	display: block;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}

ul.img0002 li{
	margin: 0;
	padding: 1% 2.5%;
	width: 26.2%;
	display: block;
	position: relative;
}

ul.img0002 li::before{
	content: '';
	display: block;
	position: absolute;
	top: 40%; /*矢印画像の高さと配置を考慮して設定*/
	left: 53%;
	width: 100%;
	height: 35px;
	background:url("../image/yajirushi05.png") no-repeat 47% 50%;
	vertical-align: top;
}

ul.img0002 li:last-child::before {
	background: none;
}

ul.img0002 li h3{
	width:100%;
	margin:10% auto;
	padding:0;
	text-align: center;
	color:#000;
	font-size: 110%;
	line-height: 180%;
	font-weight: bold;
}


ul.img0002 li img{
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.img0002 li p{
	width: 90%;
	margin: 10% 0 0 0;
	padding: 0 5%;
	text-align: left;
	font-size: 100%;
	color: #000;
	line-height: 180%;
}

ul.img0002 a:hover img{
    opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

/*  ------------------------------------------------------------------

	img0002（スマホ）最新　1ボタン

---------------------------------------------------------------------*/

@media only screen and (max-width : 480px ){
	ul.img0002{
	margin: 3% auto 50%;
	width: 100%;
	list-style: none;
	clear: both;
	display: block;
	overflow: visible;
}

ul.img0002 li{
	float: left;
	margin: 2%;
	padding: 5% 0;
	width: 96%;
	display: block;
	position: relative;
	
}
	

ul.img0002 li::before{
	content: '';
	display: block;
	position: absolute;
	top: 95%; /*矢印画像の高さと配置を考慮して設定*/
	left: 0%;
	width: 100%;
	height: 43px;
	background:url("../image/yajirushi06.png") no-repeat 50% 50%;
	}

ul.img0002 li:last-child::before {
	background: none;
}
	
ul.img0002 li img{
	width: 90%;
	margin: 0;
	padding: 0 5%;
	float: left;
}
	
ul.img0002 li p{
	width: 90%;
	margin: 0;
	padding: 0 5%;
	text-align: left;
	font-size: 100%;
	color: #000;
	line-height: 180%;
	float: left;
}
	

ul.img0002 li a{
	color: #ffffff;
	padding: 0;
	margin: 0;
	}


}

/*  ------------------------------------------------------------------

	img0002_a（パソコン/タブレット）パソコン時3横並び　スマホ時縦並び（矢印付き）

---------------------------------------------------------------------*/

ul.img0002_a{
	margin: 0 auto 0;
	width: 100%;
	max-width: 1080px;
	list-style: none;
	clear: both;
	display: block;
	overflow: hidden;
}

ul.img0002_a li{
	float: left;
	margin: 0;
	padding: 1% 4%;
	width: 42%;
	display: block;
	position: relative;
}

ul.img0002_a li::before{
	content: '';
	display: block;
	position: absolute;
	top: 40%; /*矢印画像の高さと配置を考慮して設定*/
	left: 51%;
	width: 100%;
	height: 53px;
	background:url("../image/yajirushi01.png") no-repeat 50% 50%;
	}

ul.img0002_a li:last-child::before {
	background: none;
}

ul.img0002_a li h3{
	width:100%;
	margin:10% auto;
	padding:0;
	text-align: center;
	color:#000;
	font-size: 110%;
	line-height: 180%;
	font-weight: bold;
}


ul.img0002_a li img{
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.img0002_a li p{
	width: 90%;
	margin: 10% 0 0 0;
	padding: 0 5%;
	text-align: left;
	font-size: 100%;
	color: #000;
	line-height: 180%;
}

ul.img0002_a a:hover img{
    opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

/*  ------------------------------------------------------------------

	img0002_a（スマホ）最新　1ボタン

---------------------------------------------------------------------*/

@media only screen and (max-width : 480px ){
	ul.img0002_a{
	margin: 3% auto 50%;
	width: 100%;
	list-style: none;
	clear: both;
	display: block;
	overflow: visible;
}

ul.img0002_a li{
	float: left;
	margin: 5% 0 0 5%;
	padding: 5% 0;
	width: 100% !important;
	display: block;
	position: relative;
	
}
	

ul.img0002_a li::before{
	content: '';
	display: block;
	position: absolute;
	top: 92%; /*矢印画像の高さと配置を考慮して設定*/
	left: -5%;
	width: 100%;
	height: 50px;
	background:url("../image/yajirushi02.png") no-repeat 50% 50%;
	}

ul.img0002_a li:last-child::before {
	background: none;
}
	
ul.img0002_a li img{
	width: 90%;
	margin: 0;
	padding: 0 5%;
	float: left;
}
	
ul.img0002_a li p{
	width: 90%;
	margin: 0;
	padding: 0 5%;
	text-align: left;
	font-size: 100%;
	color: #000;
	line-height: 180%;
	float: left;
}

ul.img0002_a li a{
	color: #ffffff;
	padding: 0;
	margin: 0;
	}
}


/*  ------------------------------------------------------------------

	img0003（パソコン/タブレット）2ボタン

---------------------------------------------------------------------*/

ul.img0003{
	margin: 0 auto 5%;
	width: 100%;
	max-width: 1080px;
	list-style: none;
	clear: both;
	display: block;
	overflow: hidden;
}

ul.img0003 li{
	float: left;
	margin: 0;
	padding: 1% 4%;
	width: 42%;
	display: block;
}
ul.img0003 li h3{
	width:100%;
	margin:10% auto;
	padding:0;
	text-align: center;
	color:#000;
	font-size: 110%;
	line-height: 180%;
	font-weight: bold;
}


ul.img0003 li img{
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.img0003 li p{
	width: 90%;
	margin: 10% 0 0 0;
	padding: 0 5%;
	text-align: left;
	font-size: 100%;
	color: #000;
	line-height: 180%;
}

ul.img0003 a:hover img{
    opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

/*  ------------------------------------------------------------------

	img0003（スマホ）最新　1ボタン

---------------------------------------------------------------------*/

@media only screen and (max-width : 480px ){
	ul.img0003{
	margin: 3% auto 50%;
	width: 100%;
	list-style: none;
	clear: both;
	display: block;
	overflow: visible;
}

ul.img0003 li{
	float: left;
	margin: 2% 0 0 5%;
	padding: 2% 0;
	width: 100% !important;
	display: block;
	
}
	
ul.img0003 li img{
	width: 90%;
	margin: 0;
	padding: 0 5%;
	float: left;
}
	
ul.img0003 li p{
	width: 90%;
	margin: 0;
	padding: 0 5%;
	text-align: left;
	font-size: 100%;
	color: #000;
	line-height: 180%;
	float: left;
}

ul.img0003 li a{
	color: #ffffff;
	padding: 0;
	margin: 0;
	}
}

/*  ------------------------------------------------------------------

	img0003_h（パソコン/タブレット）2ボタン 高さ揃える

---------------------------------------------------------------------*/

ul.img0003_h{
	margin: 0 auto 0;
	width: 100%;
	max-width: 1080px;
	list-style: none;
	clear: both;
	display: block;
	overflow: hidden;
}

ul.img0003_h li{
	float: left;
	margin: 0;
	padding: 1% 4%;
	width: 42%;
	display: block;
}
ul.img0003_h li h3{
	width:100%;
	margin:10% auto;
	padding:0;
	text-align: center;
	color:#000;
	font-size: 110%;
	line-height: 180%;
	font-weight: bold;
}


ul.img0003_h li img{
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.img0003_h li p{
	width: 90%;
	height: 120px;
	margin: 10% 0 0 0;
	padding: 0 5%;
	text-align: left;
	vertical-align: middle !important;
	font-size: 100%;
	color: #000;
	line-height: 180%;
}

ul.img0003_h a:hover img{
    opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

/*  ------------------------------------------------------------------

	img0003_h（スマホ）最新　1ボタン

---------------------------------------------------------------------*/

@media only screen and (max-width : 480px ){
	ul.img0003_h{
	margin: 3% auto 50%;
	width: 100%;
	list-style: none;
	clear: both;
	display: block;
	overflow: visible;
}

ul.img0003_h li{
	float: left;
	margin: 2% 0 0 5%;
	padding: 2% 0;
	width: 100% !important;
	display: block;
	
}
	
ul.img0003_h li img{
	width: 90%;
	margin: 0;
	padding: 0 5%;
	float: left;
}
	
ul.img0003_h li p{
	width: 90%;
	height: auto;
	margin: 0;
	padding: 0 5%;
	text-align: left;
	font-size: 100%;
	color: #000;
	line-height: 180%;
	float: left;
}

ul.img0003_h li a{
	color: #ffffff;
	padding: 0;
	margin: 0;
	}
}

/*  ------------------------------------------------------------------

	img0003_a（スマホ）最新　1ボタン

---------------------------------------------------------------------*/

ul.img0003_a{
	margin: 3% auto 50%;
	width: 100%;
	list-style: none;
	clear: both;
	display: block;
	overflow: visible;
}

ul.img0003_a li{
	float: left;
	margin: 1%;
	padding: 0;
	width: 98% !important;
	display: block;	
}
	
ul.img0003_a li img{
	width: 90%;
	margin: 0;
	padding: 0 5%;
	float: left;
}
	
ul.img0003_a li p{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 100%;
	color: #000;
	line-height: 180%;
	float: left;
}

/*  ------------------------------------------------------------------

	img0003（スマホ）最新　1ボタン

---------------------------------------------------------------------*/

@media only screen and (max-width : 480px ){
	ul.img0003_a{
	margin: 3% auto 50%;
	width: 100%;
	list-style: none;
	clear: both;
	display: block;
	overflow: visible;
}

ul.img0003_a li{
	float: left;
	margin: 2% 0 0 5%;
	padding: 2% 0;
	width: 100% !important;
	display: block;
	
}
	
ul.img0003_a li img{
	width: 90%;
	margin: 0;
	padding: 0 5%;
	float: left;
}
	
ul.img0003_a li p{
	width: 90%;
	margin: 0;
	padding: 0 5%;
	text-align: left;
	font-size: 100%;
	color: #000;
	line-height: 180%;
	float: left;
}

ul.img0003_a li a{
	color: #ffffff;
	padding: 0;
	margin: 0;
	}
}


/*  ------------------------------------------------------------------

	img0003_nagare（パソコン/タブレット）STEP4以上の場合はwidth20%以内　流れ箇所（柏木）

---------------------------------------------------------------------*/

ul.img0003_nagare{
	margin: 2% auto 2%;
	width: 100%;
	max-width: 1280px;
	list-style: none;
	clear: both;
	display: block;
	overflow: hidden;
	
}

ul.img0003_nagare li{
	float: left;
	margin: 2% 2%;
	min-height: 335px;
	padding: 0;
	width: 21%;
	display:block;
	position: relative;
	background-color: #ffffff;
	border: #d6d6d6 1px solid;
	box-sizing: border-box;
}

ul.img0003_nagare li:nth-child(4n+1) {
	clear: both;
}

ul.img0003_nagare li::before{
	content: '';
	display: block;
	position: absolute;
	top: 40%; /*矢印画像の高さと配置を考慮して設定*/
	left: 63%;
	width: 100%;
	height: 43px;
	background:url("../image/yajirushi05.png") no-repeat 47% 50%;
	}

ul.img0003_nagare li:last-child::before {
	background: none;
}

ul.img0003_nagare li img{
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.img0003_nagare li p{
	width: 96%;
	margin: 10% 0;
	padding: 0 2%;
	text-align: left;
	line-height: 180%;
}

ul.img0003_nagare a:hover img{
    opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

/*  ------------------------------------------------------------------

	img0003_nagare（スマホ）流れ箇所（柏木

---------------------------------------------------------------------*/

@media only screen and (max-width : 480px ){
	ul.img0003_nagare{
	margin: 3% auto 50%;
	width: 100%;
	list-style: none;
	clear: both;
	display: block;
	overflow: visible;
}

ul.img0003_nagare li{
	float: left;
	margin: 6% 2%;
	padding: 0;
	width: 96%;
	display: block;
	position: relative;
	
}
	

ul.img0003_nagare li::before{
	content: '';
	display: block;
	position: absolute;
	top: 100%; /*矢印画像の高さと配置を考慮して設定*/
	left: 0%;
	width: 100%;
	height: 43px;
	background:url("../image/yajirushi06.png") no-repeat 50% 50%;
	}

ul.img0003_nagare li:last-child::before {
	background: none;
}
	
ul.img0003_nagare li img{
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}
	
	
ul.img0003_nagare li p{
	width: 96%;
	margin: 5% 0;
	padding: 0 2%;
	text-align: left;
	line-height: 180%;
	float: left;
}	
}

/*  ------------------------------------------------------------------

	img0003_nagare02（パソコン/タブレット）STEP4以上の場合はwidth20%以内　流れ箇所（柏木）

---------------------------------------------------------------------*/

ul.img0003_nagare02{
	margin: 2% auto 2%;
	width: 100%;
	max-width: 1280px;
	list-style: none;
	clear: both;
	display: block;
	overflow: hidden;
	
}

ul.img0003_nagare02 li{
	float: left;
	margin: 2% 2% 2% 1%;
	min-height: 335px;
	padding: 0;
	width: 17%;
	display:block;
	position: relative;
	background-color: #ffffff;
	border: #d6d6d6 1px solid;
	box-sizing: border-box;
}

ul.img0003_nagare02 li:nth-child(5n+1) {
	clear: both;
}

ul.img0003_nagare02 li::before{
	content: '';
	display: block;
	position: absolute;
	top: 40%; /*矢印画像の高さと配置を考慮して設定*/
	left: 63%;
	width: 100%;
	height: 43px;
	background:url("../image/yajirushi05.png") no-repeat 47% 50%;
	}

ul.img0003_nagare02 li:last-child::before {
	background: none;
}

ul.img0003_nagare02 li img{
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.img0003_nagare02 li p{
	width: 96%;
	margin: 10% 0;
	padding: 0 2%;
	text-align: left;
	line-height: 180%;
}

ul.img0003_nagare02 a:hover img{
    opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

/*  ------------------------------------------------------------------

	img0003_nagare02（スマホ）流れ箇所（柏木

---------------------------------------------------------------------*/

@media only screen and (max-width : 480px ){
	ul.img0003_nagare02{
	margin: 3% auto 50%;
	width: 100%;
	list-style: none;
	clear: both;
	display: block;
	overflow: visible;
}

ul.img0003_nagare02 li{
	float: left;
	margin: 6% 2%;
	padding: 0;
	width: 96%;
	display: block;
	position: relative;
	
}
	

ul.img0003_nagare02 li::before{
	content: '';
	display: block;
	position: absolute;
	top: 100%; /*矢印画像の高さと配置を考慮して設定*/
	left: 0%;
	width: 100%;
	height: 43px;
	background:url("../image/yajirushi06.png") no-repeat 50% 50%;
	}

ul.img0003_nagare02 li:last-child::before {
	background: none;
}
	
ul.img0003_nagare02 li img{
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}
	
	
ul.img0003_nagare02 li p{
	width: 96%;
	margin: 5% 0;
	padding: 0 2%;
	text-align: left;
	line-height: 180%;
	float: left;
}	
}

/*  ------------------------------------------------------------------

	h2.title0004

---------------------------------------------------------------------*/

ul.img0004{
	margin: 2% auto 0;
	width: 100%;
	max-width: 1080px;
	list-style: none;
	clear: both;
	display: block;
	overflow: hidden;
}

ul.img0004 li{	
	width: 40%;
	float: left;
	margin: 2%;
	padding: 1% 1% 1% 5%;
	background-image: url("../image/common/bt_04.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: contain;
	color:#000000;
	font-size: 150%;
	display: block;
	position: relative;
	line-height: 150%;
}



@media only screen and (max-width: 868px) {
	ul.img0004 li{	
	width: 89%;
	float: left;
	margin: 2%;
	padding: 3% 1% 2% 10%;
	color:#000000;
	font-size: 120%;
	display: block;
	position: relative;
}
}

/*  ------------------------------------------------------------------

	ul.img0005

---------------------------------------------------------------------*/

ul.img0005{
	margin: 0 auto 0;
	width: 100%;
	max-width: 1080px;
	list-style: none;
	clear: both;
	display: block;
	overflow: hidden;
}

ul.img0005 li{	
	width: 40%;
	float: left;
	margin: 2%;
	padding: 1% 1% 1% 5%;
	border-bottom: #ee9b12 solid 1px;
	background-image: url("../image/common/bt_04.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 10%;
	color:#000000;
	font-size: 120%;
	display: block;
	position: relative;
	line-height: 150%;
}


ul.img0005 li::before{
	content: "";
  position: absolute;
  top: -2%;
  bottom: -10%;
  left: 0%;
  right: 4%;
  border-bottom: #fe6a12 solid 1px;
  z-index: -1;
}

@media only screen and (max-width: 868px) {
	ul.img0005 li{	
	width: 89%;
	float: left;
	margin: 2%;
	padding: 3% 1% 2% 10%;
	border-bottom: #ee9b12 solid 1px;
	color:#000000;
	font-size: 120%;
	display: block;
	position: relative;
}
}

/*  ------------------------------------------------------------------

	ul.img0005_a（パソコン・タブレット）質問箇所

---------------------------------------------------------------------*/

ul.img0005_a{
	margin: 0 auto 0;
	width: 100%;
	max-width: 1080px;
	list-style: none;
	clear: both;
	display: block;
	overflow: hidden;
}

ul.img0005_a li.q001{	
	width: 87%;
	float: left;
	margin: 2%;
	padding: 3% 1% 2% 8%;
	border-bottom: #d6d6d6 dashed 1px;
	background-image: url("../image/common/bt_03.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 40px;
	color:#000000;
	font-size: 100%;
	display: block;
	position: relative;
	line-height: 150%;
}

ul.img0005_a li.a001{	
	width: 89%;
	float: left;
	margin: 2%;
	padding: 1% 1% 2% 8%;
	border-bottom: #d6d6d6 solid 1px;
	background-image: url("../image/common/bt_05.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 40px;
	color:#000000;
	font-size: 100%;
	display: block;
	position: relative;
	line-height: 150%;
}
@media only screen and (max-width : 480px ){
ul.img0005_a li.q001{	
	width: 84%;
	float: left;
	margin: 2%;
	padding: 3% 2% 2% 10%;
	border-bottom: #d6d6d6 dashed 1px;
	background-image: url("../image/common/bt_03.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 30px;
	color:#000000;
	font-size: 110%;
	display: block;
	position: relative;
	line-height: 150%;
}

ul.img0005_a li.a001{	
	width: 85%;
	float: left;
	margin: 2%;
	padding: 1% 1% 2% 10%;
	border-bottom: #d6d6d6 solid 1px;
	background-image: url("../image/common/bt_05.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 30px;
	color:#000000;
	font-size: 110%;
	display: block;
	position: relative;
	line-height: 150%;
}
}

/*  ------------------------------------------------------------------

	img0006(共通）文章のみのリスト(葉)

---------------------------------------------------------------------*/

ul.img0006{
	margin: 3% auto 3%;
	padding: 0;
	width: 100%;
	max-width: 1080px;
	clear: both;
	display: block;
	overflow: hidden;
}

ul.img0006 li{
	width: 91%;
	float: left;
	margin: 2% 1%;
	padding: 1% 1% 2% 6%;
	border-bottom: #d6d6d6 solid 1px;
	background-image: url("../image/common/bt_07.png");
	background-position: left 30%;
	background-repeat: no-repeat;
	background-size: 30px;
	color:#000000;
	font-size: 130%;
	display: block;
	position: relative;
	line-height: 150%;
}

@media only screen and (max-width: 868px) {
	ul.img0006 li{
		font-size: 140%;
		margin: 5% 1% 5% 0;
	}
}

@media only screen and (max-width : 480px ){
	ul.img0006 li{
    width: 88%;
    background-position: left center;
	font-size: 105%;
    padding: 1% 1% 2% 10%;
    margin: 5% 1% 5% 0;
    background-size: 7%;
	}
}



/*  ------------------------------------------------------------------

	↑↑ここまで

---------------------------------------------------------------------*/


/*  ------------------------------------------------------------------

	パソコンのみ表示

---------------------------------------------------------------------*/

#pc001{
}

@media only screen and (max-width : 480px ){
#pc001{
	display: none;
	
}
}





/*  ------------------------------------------------------------------

	page_text001（ボディー文章）

---------------------------------------------------------------------*/

div.page_text001 {
	width:100%;
	max-width: 1080px;
	margin:5% auto;
	padding: 0;
	display: block;
	overflow: hidden;
	}

@media only screen and (max-width: 868px) {
	div.page_text001 {
	width:100%;
	margin:5% auto;
	display: block;
	overflow: hidden;
	}
}

@media only screen and (max-width : 480px ){
	div.page_text001 {
	width:100%;
	margin:5% auto;
	display: block;
	overflow: hidden;
	}
}

div.page_text001 p{
	width: 96%;
	margin: 0 auto;
	padding: 2%;
	text-align: center;
	line-height: 180%;
	color: #000000;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
}

@media only screen and (max-width: 868px) {
	div.page_text001 p{
	width: 96%;
	margin: 0 auto;
	padding: 2%;
	text-align: center;
	line-height: 180%;
	color: #000000;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
}
}

@media only screen and (max-width : 480px ){
	div.page_text001 p{
	width: 96%;
	margin: 0 auto;
	padding: 2%;
	text-align: center;
	line-height: 200%;
	color: #000000;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
		font-size: 80%;
}
}

/*  ------------------------------------------------------------------

	page_text002（ボディー文章）

---------------------------------------------------------------------*/

div.page_text002 {
	width:100%;
	max-width: 1080px;
	margin:1% auto 5%;
	padding: 0;
	display: block;
	background-color: #f2f2f2;
	overflow: hidden;
	}

@media only screen and (max-width: 868px) {
	div.page_text002 {
	width:100%;
	margin:1% auto 5%;
	display: block;
	background-color: #f2f2f2;
	overflow: hidden;
	}
}

@media only screen and (max-width : 480px ){
	div.page_text002 {
	width:100%;
	margin:0 auto 0;
	display: block;
	background-color: #f2f2f2;
	overflow: hidden;
	}
}

div.page_text002 p{
	width: 90%;
	margin: 0 auto;
	padding: 2% 0;
	text-align: center;
	line-height: 250%;
	color: #000000;
	font-size: 100%;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
}

@media only screen and (max-width: 868px) {
	div.page_text002 p{
	width: 90%;
	margin: 0 auto;
	padding: 2% 0;
	text-align: center;
	line-height: 250%;
	color: #000000;
	font-size: 90%;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
}
}

@media only screen and (max-width : 480px ){
	div.page_text002 p{
	width: 96%;
	margin: 0 auto;
	padding: 2% 2%;
	text-align: center;
	line-height: 250%;
	color: #000000;
	font-size: 100%;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
}
}

/*  ------------------------------------------------------------------

	page_text003（ボディー文章 左揃え）

---------------------------------------------------------------------*/

div.page_text003 {
	width:100%;
	max-width: 1080px;
	margin:1% auto 5%;
	padding: 0;
	display: block;
	background-color: #f2f2f2;
	overflow: hidden;
	}


div.page_text003 p{
	width: 90%;
	margin: 0 auto;
	padding: 2% 0;
	text-align: left;
	line-height: 250%;
	color: #000000;
	font-size: 100%;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
}

@media only screen and (max-width: 868px) {
	div.page_text003 p{
	width: 90%;
	margin: 0 auto;
	padding: 2% 0;
	text-align: left;
	line-height: 250%;
	color: #000000;
	font-size: 90%;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
}
}

@media only screen and (max-width : 480px ){
	div.page_text003 p{
	width: 92%;
	margin: 0 auto;
	padding: 2% 0;
	text-align: left;
	line-height: 250%;
	color: #000000;
	font-size: 100%;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
}
}


/*  ------------------------------------------------------------------

	#header001_page　ページタイトル（パソコン）

---------------------------------------------------------------------*/

#header001_page{
	width:100%;
	max-width: 1080px;
	margin:0 auto;
	padding: 0;
	overflow: hidden;
	}

/*  ------------------------------------------------------------------

	#header002_page　ページタイトル（パソコン/タブレット/スマホ）

---------------------------------------------------------------------*/

#header002_page{
	width:100%;
	max-width: 1920px;
	margin:0 auto 0;
	padding: 0;
	overflow: hidden;
	background-color:#f2f2f2;
	}

div.page_title000{
	width:100%;
	max-width: 930px;
	margin:3% auto 5%;
	padding:30px 0 30px 30px;
	background-color:#f2f2f2;
	text-align: left;
	border-bottom: #d6d6d6 1px solid;
	color:#000;
	clear:both;
	font-size: 160%;
}

@media only screen and (max-width: 868px) {
	div.page_title000{
	width:100%;
	margin:3% auto 5%;
	padding:4% 0;
	background-color:#f2f2f2;
	text-align: center;
	border-bottom: #d6d6d6 1px solid;
	color:#000;
	clear:both;
	font-size: 160%;
}
}

@media only screen and (max-width : 480px ){
	div.page_title000{
	width:100%;
	margin:3% auto 10%;
	padding:5% 0;
	background-color:#f2f2f2;
	text-align: center;
	border-bottom: #d6d6d6 1px solid;
	line-height: 180%;
	color:#000;
	clear:both;
}
}

/*  ------------------------------------------------------------------

	h1.title002（パソコン）最新

---------------------------------------------------------------------*/

h1.title002{
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	list-style: none;
	clear: both;
	display: block;
	position: relative;
}


h1.title002 p{
	width: 30%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 83%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 150%;
	letter-spacing: 0.5em;
	font-weight:300;
	color: #fff;
	line-height: 180%;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
}


/*  ------------------------------------------------------------------

	h1.title002（タブレット）最新

---------------------------------------------------------------------*/

@media only screen and (max-width: 868px) {
	h1.title002{
	margin: 0 auto;
	width: 100%;
	max-width: 1600px;
	list-style: none;
	clear: both;
	display: block;
	position: relative;
}


h1.title002 p{
	width: 90%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 83%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 120%;
	font-weight:bold;
	color: #fff;
	line-height: 180%;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;		
}
}

/*  ------------------------------------------------------------------

	h1.title002（スマホ）最新

---------------------------------------------------------------------*/

@media only screen and (max-width : 480px ){
	h1.title002{
	margin: 0 auto;
	width: 200%;
	max-width: 100%;
	list-style: none;
	clear: both;
	display: block;
	position: relative;
}


h1.title002 p{
	width: 90%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 83%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 105%;
	font-weight: 300;
	color: #fff;
	text-shadow: 1px 1px 30px #fff;
	line-height: 180%;
	text-align: center;
	letter-spacing: 0.2em;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;	
}
}
span.font_le0{
	letter-spacing: -0.05em;
}
/*  ------------------------------------------------------------------

	h2.title003_gre

---------------------------------------------------------------------*/

h2.title003_gre{
	width:100%;
	margin:0 auto 10px;
	padding:30px 0 30px;
	background-color:#c6c6c6;
	text-align: center;
	color:#fff;
	clear:both;
	font-size: 120%;
	line-height: 180%;
}

@media only screen and (max-width: 868px) {
	h2.title003_gre{
	width:100%;
	margin:0 auto 5%;
	padding:4% 0;
	background-color:#c6c6c6;
	text-align: center;
	color:#fff;
	clear:both;
	font-size: 120%;
}
}

@media only screen and (max-width : 480px ){
	h2.title003_gre{
	width:100%;
	margin:0 auto 5%;
	padding:5% 0;
	background-color:#c6c6c6;
	text-align: center;
	line-height: 180%;
	color:#fff;
	clear:both;
}
}



/*  ------------------------------------------------------------------

	h2.title003a

---------------------------------------------------------------------*/

h2.title003a{
	width:100%;
	margin:0 auto 10px;
	padding:30px 0 30px;
	background-color:#54bfde;
	text-align: center;
	color:#fff;
	clear:both;
	font-size: 120%;
	line-height: 180%;
}

@media only screen and (max-width: 868px) {
	h2.title003a{
	width:100%;
	margin:0 auto 5%;
	padding:4% 0;
	background-color:#54bfde;
	text-align: center;
	color:#fff;
	clear:both;
	font-size: 120%;
}
}

@media only screen and (max-width : 480px ){
	h2.title003a{
	width:100%;
	margin:0 auto 5%;
	padding:5% 0;
	background-color:#54bfde;
	text-align: center;
	line-height: 180%;
	color:#fff;
	clear:both;
}
}

/*  ------------------------------------------------------------------

	top_bg0001（パソコン）最新

---------------------------------------------------------------------*/

div.top_bg0001{
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	clear: both;
	display: block;
	position: relative;
	padding-top: 62.5%;
	background-image: url("../image/top/body_bg.jpg") ;
	background-repeat: no-repeat;
	background-position: left top;
    background-size: cover;
}


div.top_bg0001 p{
	width: 50%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 45%;
	left: 50%;
	-ms-transform: translate(-10%,-50%);
	-webkit-transform: translate(-10%,-50%);
	transform: translate(-10%,-50%);
	color: #000;
	line-height: 180%;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;	
	font-size: 120%;
}

div.top_bg0001 img{
	width: 35%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30%;
	left: 10%;
	-ms-transform: translate(-10%,-10%);
	-webkit-transform: translate(-10%,-10%);
	transform: translate(-10%,-10%);
}





/*  ------------------------------------------------------------------

	top_bg0001（タブレット）最新

---------------------------------------------------------------------*/

@media only screen and (max-width: 868px) {
	div.top_bg0001{
	margin: 0 auto;
	width: 100%;
	max-width: 868px;
	clear: both;
	display: block;
	position: relative;
	padding-top: 62.5%;
	background: url("../image/top/body_bg.jpg") ;
	background-repeat: no-repeat;
	background-position: left top;
    background-size: cover;
}


div.top_bg0001 p{
	width: 55%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 45%;
	left: 50%;
	-ms-transform: translate(-15%,-50%);
	-webkit-transform: translate(-15%,-50%);
	transform: translate(-15%,-50%);
	color: #000;
	line-height: 180%;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;	
	font-size: 110%;
}

div.top_bg0001 img{
	width: 35%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30%;
	left: 5%;
	-ms-transform: translate(-10%,-10%);
	-webkit-transform: translate(-10%,-10%);
	transform: translate(-10%,-10%);
}

}

/*  ------------------------------------------------------------------

	top_bg0001（スマホ）最新

---------------------------------------------------------------------*/

@media only screen and (max-width : 480px ){
	div.top_bg0001{
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	clear: both;
	display: block;
	position: relative;
	padding-top: 125%;
	background-image: url("../image/top/body_bg_sp.jpg") ;
	background-repeat: no-repeat;
	background-position: center top;
    background-size: cover;
}


div.top_bg0001 p{
	width: 90%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 45%;
	left: 10%;
	-ms-transform: translate(-5%,-10%);
	-webkit-transform: translate(-5%,-10%);
	transform: translate(-5%,-10%);
	color: #000;
	line-height: 180%;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;	
	font-size: 110%;
}

div.top_bg0001 img{
	width: 55%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10%;
	left: 35%;
	-ms-transform: translate(-23%,-10%);
	-webkit-transform: translate(-23%,-10%);
	transform: translate(-23%,-10%);
}

}

/*  ------------------------------------------------------------------

	top_bg0002（パソコン）最新 

---------------------------------------------------------------------*/

div.top_bg0002{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 1920px;
	clear: both;
	display: block;
	position: relative;
	overflow: hidden;
}

div.top_bg0002 p{
	width: 96%;
	max-width: 1080px;
	margin: 0 auto 1%;
	color: #000;
	font-size: 100%;
	line-height: 180%;
}

/*  ------------------------------------------------------------------

	top_bg0002（タブレット）最新 

---------------------------------------------------------------------*/

@media only screen and (max-width: 868px) {
	div.top_bg0002{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	clear: both;
	display: block;
	position: relative;
	overflow: hidden;
}
div.top_bg0002 p{
	width: 96%;
	max-width: 1080px;
	margin: 5% auto 1%;
	color: #000;
	font-size: 100%;
	line-height: 180%;
}
}

/*  ------------------------------------------------------------------

	top_bg0002（スマホ）最新 

---------------------------------------------------------------------*/

@media only screen and (max-width : 480px ){
	div.top_bg0002{
	margin: 0 auto 0;
	padding: 0;
	width: 100%;
	clear: both;
	display: block;
	position: relative;
	overflow: hidden;
}
div.top_bg0002 p{
	width: 96%;
	max-width: 1080px;
	margin: 5% auto 1%;
	color: #000;
	font-size: 100%;
	line-height: 180%;
}
}



/*  ------------------------------------------------------------------

	top_bg0003（パソコン）最新

---------------------------------------------------------------------*/

div.top_bg0003{
	margin: 0 auto 0%;
	padding: 0;
	width: 100%;
	max-width: 1080px;
	display: block;
	clear: both;
}


div.top_bg0003 p{
	width: 56%;
	margin: 0;
	padding: 2% 2%;
	color: #000 ;
	line-height: 180%;	
	font-size: 110%;
	float: right;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
}



div.top_bg0003 p.b001{
	width: 56%;
	margin: 0;
	padding: 2% 2%;
	color: #000 ;
	line-height: 180%;	
	font-size: 110%;
	float: right;
	border-bottom:  1px #d6d6d6 dashed;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
}

div.top_bg0003 img{
	width: 40%;
	margin: 0;
	padding: 2% 0;
	float: left;
}




div.top_bg0003 a{
	color:#c16464;
	text-decoration: underline;
}


/*  ------------------------------------------------------------------

	top_bg0003（タブレット）最新

---------------------------------------------------------------------*/

@media only screen and (max-width: 868px) {
	div.top_bg0003{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 868px;
	display: block;
	clear: both;
}


div.top_bg0003 p{
	width: 56%;
	margin: 0;
	padding: 2%;
	color: #000;
	line-height: 180%;	
	font-size: 90%;
	float: right;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
}
	

	
div.top_bg0003 p.b001{
	width: 56%;
	margin: 0;
	padding: 2% 2%;
	color: #000 ;
	line-height: 180%;	
	font-size: 100%;
	float: right;
	border-bottom:  1px #d6d6d6 dashed;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
}

div.top_bg0003 img{
	width: 36%;
	margin: 0;
	padding: 2%;
	float: left;
}
	
}

/*  ------------------------------------------------------------------

	top_bg0003（スマホ）最新

---------------------------------------------------------------------*/

@media only screen and (max-width : 480px ){
	div.top_bg0003{
	margin: 0 2% 2%;
	padding: 0;
	width: 96%;
	max-width: 480px;
	display: block;
	clear: both;
	border: 1px #dbc3c3 solid;
	box-sizing: border-box;
		overflow: hidden;
}


div.top_bg0003 p{
	width: 96%;
	margin: 0;
	padding: 4% 2%;
	color: #000;
	line-height: 180%;
	font-size: 100%;
	float: none;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
	clear: both;
}
	

	
div.top_bg0003 p.b001{
	width: 90%;
	margin: 0 auto;
	padding: 4% 2%;
	color: #000 ;
	line-height: 180%;	
	font-size: 120%;
	float:none;
	text-align: center;
	border-bottom:  1px #d6d6d6 dashed;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	clear: both;
}


div.top_bg0003 img{
	width: 96%;
	margin: 0;
	padding: 4% 2%;
	float: left;
	clear: both;
}
}


/*  ------------------------------------------------------------------

	page0000（パソコン）最新　2ボタン

---------------------------------------------------------------------*/


div.page0000{
	width: 100%;
	max-width: 1080px;
	margin: 5% auto;
	padding: 0;	
	border: 1px #dbc3c3 solid;
	box-sizing: border-box;
	overflow: hidden;
}

div.page0000 p{
	width: 54%;
	float: left;
	margin: 0;
	padding: 0 3%;
	line-height: 180%;
	font-size: 110%;
	color: #000;
}

div.page0000 img.right{
	width: 38%;
	float: right;
	margin: 0;
	padding: 1%;
}

/*  ------------------------------------------------------------------

	page0000（タブレット・スマホ）最新　2ボタン

---------------------------------------------------------------------*/

@media only screen and (max-width: 868px) {
div.page0000{
	width: 100%;
	margin: 5% 2%;
	padding: 0;	
	border: 1px #dbc3c3 solid;
	box-sizing: border-box;
	overflow: hidden;
}

div.page0000 p{
	width: 63%;
	float: left;
	margin: 0;
	padding: 0 1%;
	line-height: 180%;
	font-size: 100%;
	color: #000;
}

div.page0000 img.right{
	width: 33%;
	float: right;
	margin: 0;
	padding: 1%;
}
}















/*  ------------------------------------------------------------------

	ul.page0001（共通）最新　

---------------------------------------------------------------------*/

ul.page0001{
	margin: 2% 0 2% 2%;
	width: 98%;
	max-width: 1080px;
	display: list-item;
	list-style:disc !important;
	list-style-position: outside !important;
	clear: both;
	display: block;
	overflow: hidden;
}

ul.page0001 li{
	margin: 1% 4%;
	padding: 0;
	width: 92%;
	font-size: 100%;
	font-weight: 300;
	color: #000000 !important;
	line-height: 180%;
}



/*  ------------------------------------------------------------------

	div.table001 （共通）

---------------------------------------------------------------------*/
div.table001{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	color: #000;
	line-height: 180%;
}

div.table001 img{
	width: 26%;
	float: right;
	margin: 2%;
	padding: 0;
} 

div.table001 p{
	width: 96%;
	margin: 2%;
	padding: 0;
	color: #000;
	line-height: 180%;
}

@media only screen and (max-width : 480px ){	
	div.table001 p{
	width: 96%;
	margin: 2%;
	padding: 0;
	color: #000;
	line-height: 180%;
}
	div.table001 img{
	width: 96%;
	float:none;
	margin: 2%;
	padding: 0;
} 
}










/*----------------------------------------------------

 p.sub001（サブタイトル　メニュー）

----------------------------------------------------*/
p.sub001{
	width: 95% !important;
	margin: 0 2% 20px 2% !important;
	padding: 3% 2% 2% 2% !important;
	font-size: 120% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #000 !important;
}

@media only screen and (max-width: 868px) {
	p.sub001{
	width: 56% !important;
	margin: 0 1% 15% 1% !important;
	padding: 3% 1% 2% 1% !important;
	font-size: 120% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #000 !important;
}
}

@media only screen and (max-width : 480px ){
	p.sub001{
	width: 56% !important;
	margin: 0 1% 10% 1% !important;
	padding: 3% 1% 2% 1% !important;
	font-size: 110% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #000 !important;
		float: left !important;
}
}

/*----------------------------------------------------

 p.sub001（サブタイトル　メニュー 画像なし）

----------------------------------------------------*/
p.sub001_a{
	width: 95% !important;
	margin: 0 2% 20px 2% !important;
	padding: 3% 2% 2% 2% !important;
	font-size: 120% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #000 !important;
}

@media only screen and (max-width: 868px) {
	p.sub001_a{
	width: 56% !important;
	margin: 0 1% 15% 1% !important;
	padding: 3% 1% 2% 1% !important;
	font-size: 120% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #000 !important;
}
}

@media only screen and (max-width : 480px ){
	p.sub001_a{
	width: 87% !important;
	margin: 0 0 10% 4% !important;
	padding: 3% 1% 2% 4% !important;
	font-size: 110% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #000 !important;
		float: left !important;
}
}
/*----------------------------------------------------

p.sub002（サブタイトル　スタッフ紹介 ）

----------------------------------------------------*/
p.sub002{
	width: 50% !important;
	margin: 0 2% 20px 2% !important;
	padding: 3% 2% 2% 2% !important;
	font-size: 150% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #dcadad !important;
}

@media only screen and (max-width: 868px) {
	p.sub002{
	width: 50% !important;
	margin: 0 1% 20px 1% !important;
	padding: 3% 1% 2% 1% !important;
	font-size: 110% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #dcadad !important;
}
}

@media only screen and (max-width : 480px ){
	p.sub002{
	width: 96% !important;
	margin: 0 1% 20px 1% !important;
	padding: 3% 1% 2% 1% !important;
	font-size: 110% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #dcadad !important;
	text-align: center;
}
}

/*----------------------------------------------------

p.sub002_a（サブタイトル　 髪質）

----------------------------------------------------*/
p.sub002_a{
	width: 96% !important;
	margin: 0 2% 3% 2% !important;
	padding: 3% 2% 2% 2% !important;
	font-size: 150% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #dcadad !important;
}

@media only screen and (max-width: 868px) {
	p.sub002_a{
	width: 96% !important;
	margin: 0 1% 3% 1% !important;
	padding: 3% 1% 2% 1% !important;
	font-size: 110% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #dcadad !important;
}
}

@media only screen and (max-width : 480px ){
	p.sub002_a{
	width: 96% !important;
	margin: 0 1% 5% 1% !important;
	padding: 10% 1% 2% 1% !important;
	font-size: 130% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #dcadad !important;
	text-align: center;
}
}
/*----------------------------------------------------

p.sub002_b（サブタイトル　髪質 ）

----------------------------------------------------*/
p.sub002_b{
	width: 56% !important;
	margin: 0 0 20px 0 !important;
	padding: 3% 2% 2% 2% !important;
	font-size: 150% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #dcadad !important;
}

@media only screen and (max-width: 868px) {
	p.sub002_b{
	width: 56% !important;
	margin: 0 1% 20px 1% !important;
	padding: 3% 1% 2% 1% !important;
	font-size: 110% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #dcadad !important;
}
}

@media only screen and (max-width : 480px ){
	p.sub002_b{
	width: 96% !important;
	margin: 0 1% 20px 1% !important;
	padding: 3% 1% 2% 1% !important;
	font-size: 130% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #dcadad !important;
	text-align: center;
}
}



/*----------------------------------------------------

p.sub003（サブタイトル　スタッフ個別)
----------------------------------------------------*/
p.sub003{
	width: 90% !important;
	margin: 0 2% 20px 2% !important;
	padding: 3% 2% 2% 2% !important;
	font-size: 100% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #000 !important;
}

@media only screen and (max-width: 868px) {
	p.sub003{
	width: 90% !important;
	margin: 0 1% 15% 1% !important;
	padding: 3% 1% 2% 1% !important;
	font-size: 100% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #000 !important;
}
}

@media only screen and (max-width : 480px ){
	p.sub003{
	width: 95% !important;
	margin: 0 1% 15% 1% !important;
	padding: 3% 1% 2% 1% !important;
	font-size: 110% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #000 !important;
}
}

/*----------------------------------------------------

p.sub004（サブタイトル　スタッフ紹介）

----------------------------------------------------*/
p.sub004{
	width: 90% !important;
	margin: 0 2% 20px 2% !important;
	padding: 3% 2% 2% 2% !important;
	font-size: 150% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #dcadad !important;
}

@media only screen and (max-width: 868px) {
	p.sub004{
	width: 50% !important;
	margin: 0 1% 20px 1% !important;
	padding: 3% 1% 2% 1% !important;
	font-size: 110% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #dcadad !important;
}
}

@media only screen and (max-width : 480px ){
	p.sub004{
	width: 96% !important;
	margin: 0 1% 20px 1% !important;
	padding: 3% 1% 2% 1% !important;
	font-size: 110% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #dcadad !important;
	text-align: center;
}
}

/*----------------------------------------------------

 p.sub005（サブタイトル　メニュー）

----------------------------------------------------*/
p.sub005{
	width: 95% !important;
	margin: 0 2% 20px 2% !important;
	padding: 3% 2% 2% 2% !important;
	font-size: 120% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #000 !important;
}

@media only screen and (max-width: 868px) {
	p.sub005{
	width: 56% !important;
	margin: 0 1% 15% 1% !important;
	padding: 3% 1% 2% 1% !important;
	font-size: 120% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #000 !important;
}
}

@media only screen and (max-width : 480px ){
	p.sub005{
	width: 94% !important;
	margin: 0 1% 5% 1% !important;
	padding: 3% 3% 2% 3% !important;
	font-size: 110% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #000 !important;
}
}

/*----------------------------------------------------

p.sub006（サブタイトル　スタッフ紹介）

----------------------------------------------------*/
p.sub006{
	width: 50% !important;
	margin: 0 2% 20px 2% !important;
	padding: 3% 2% 2% 2% !important;
	font-size: 150% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #dcadad !important;
}

@media only screen and (max-width: 868px) {
	p.sub006{
	width: 50% !important;
	margin: 0 1% 20px 1% !important;
	padding: 3% 1% 2% 1% !important;
	font-size: 110% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #dcadad !important;
}
}

@media only screen and (max-width : 480px ){
	p.sub006{
	width: 50% !important;
	margin: 0 1% 2% 1% !important;
	padding: 3% 1% 2% 1% !important;
	font-size: 110% !important;
	border-bottom: #d6d6d6 1px solid !important;
	font-weight: 500 !important;
	color: #dcadad !important;
	text-align: center;
}
}

/*----------------------------------------------------

写真切り替え

----------------------------------------------------*/

.cp_cssslider {
width: 480px;
padding-top: 300px; /* 画像の高さ */
position: relative;
margin: 0 5% 0 1%;
text-align: left;
float: left;
}

@media screen and (max-width: 868px) {
.cp_cssslider {
width: 300px;
padding-top: 200px; /* 画像の高さ */
position: relative;
margin: 0 5% 0 1%;
text-align: left;
float: left;
}
}

@media screen and (max-width : 480px ){
.cp_cssslider {
width: 90%;
padding-top: 70%; /* 画像の高さ */
position: relative;
margin: 0 auto 30px;
text-align: left;
float: none;
}
}

.cp_cssslider > img {
position: absolute;
left: 0;
top: 0;
transition: all 0.5s;
}
.cp_cssslider input[name='cp_switch'] {
display: none;
}


/* サムネイル */
.cp_cssslider label {
margin: 50px 3px 0 3px;
border: 2px solid #ffffff;
display: inline-block;
cursor: pointer;
transition: all 0.5s ease;
opacity: 0.6;
border-radius: 3px;
}
.cp_cssslider label:hover {
opacity: 0.9;
}
.cp_cssslider label img {
display: block;
width: 70px;
border-radius: 2px;
}

@media screen and (max-width: 868px) {
.cp_cssslider label {
margin: 40px 3px 0 3px;
border: 2px solid #ffffff;
display: inline-block;
cursor: pointer;
transition: all 0.5s ease;
opacity: 0.6;
border-radius: 3px;
}
.cp_cssslider label:hover {
opacity: 0.9;
}
.cp_cssslider label img {
display: block;
width: 61px;
border-radius: 2px;
}
}

@media screen and (max-width : 480px ){
.cp_cssslider label {
width: 17%;
margin: 10% 1px 0 1px;
border: 1px solid #ffffff;
display: inline-block;
cursor: pointer;
transition: all 0.5s ease;
opacity: 0.6;
border-radius: 3px;
}
.cp_cssslider label:hover {
opacity: 0.9;
}
.cp_cssslider label img {
display: block;
width: 52px;
border-radius: 2px;
}
}

.cp_cssslider input[name='cp_switch']:checked + label {
border: 2px solid #FF7043;
opacity: 1;
}

@media screen and (max-width : 480px ){
.cp_cssslider input[name='cp_switch']:checked + label {
border: 1px solid #FF7043;
opacity: 1;
}
}
.cp_cssslider input[name='cp_switch'] ~ img {
opacity: 0;
}
.cp_cssslider input[name='cp_switch']:checked + label + img {
opacity: 1;
}




/*----------------------------------------------------

 文字

----------------------------------------------------*/


.img20{
	width:10% !important;
}

.img50{
	width:50% !important;
}