@charset "UTF-8";



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

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

---------------------------------------------------------------------*/
div.page_text0001{
	width: 96%;
	max-width: 1080px;
	margin: 1% auto;
	padding: 0;
	display: block;
	overflow: hidden;
}
div.page_text0001 p{
	width: 96%;
	margin: 2% 0;
	padding: 0 2%;
	line-height: 200%;
}
div.page_text0001 img.left001{
	width: 36%;
	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.right001{
	width: 36%;
	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: 1080px;
	margin: 0 auto;
	padding: 0;
}

div.page_text0001 img.center002{
	width: 100% ;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	display: block;
    border:  #d6d6d6 1px solid;
}

@media only screen and (max-width: 868px) {
    div.page_text0001 img.center002{
    border: none;
}
}

div.page_text0001 img.center003{
	width: 100% ;
	max-width: 1080px;
	margin: 0 auto;
	padding: 0;
}

div.page_text0001 img.center004{
	width: 80% ;
	max-width: 1080px;
	margin: 0 auto !important;
	padding: 0;
    display: flex;
}

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

@media only screen and (max-width: 868px) {
    div.page_text0001 img.center005{
    width: 100%;
}
}



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

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

div.page_text0001 iframe{
    width: 30%;
    margin: 2%;
    padding: 0;
    float: right;
}

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

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

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

@media only screen and (max-width: 868px) {
div.page_text0001{
	width: 96%;
	max-width: 1080px;
	margin: 2% auto 0;
	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%;
	font-size: 100%;
}
}
/*  ------------------------------------------------------------------

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

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

@media only screen and (max-width : 480px ){
div.page_text0001{
	width: 96%;
	max-width: 1080px;
	margin: 2% auto;
	padding: 0;
	display: block;
	overflow: hidden;
	border: 1px #d6d6d6 solid;
	box-sizing: border-box;
}
div.page_text0001 p{
	width: 96%;
	margin: 2% 0;
	padding: 2%;
	line-height: 180%;
}
div.page_text0001 img.left001{
	width: 60% ;
	float: none;
	margin: 2% auto;
	padding: 2% 20%;
}
div.page_text0001 img.left002{
	width: 30% ;
	float: left;
	margin: 2% auto;
	padding: 2%;
}
div.page_text0001 img.right001{
	width: 80% ;
	float: none;
	margin: 2% auto;
	padding: 2% 10%;
}
    
div.page_text0001 img.right002{
	width: 30% ;
	float: right;
	margin: 2% ;
	padding: 2% 2%;
}
div.page_text0001 img.center001{
	width: 100% ;
	max-width: 96%;
	margin: 0% ;
	padding: 0%;
	text-align: center;
}
div.page_text0001 img.center003{
	width: 200% ;
	max-width: 200%;
	margin: 0% ;
	padding: 0%;
	text-align: center;
    overflow-x: scroll;
}
div.page_text0001 img.center004{
	width: 96% ;
	max-width: 1080px;
	margin: 0 auto !important;
	padding: 0;
}
    
div.page_text0001 iframe{
    width: 96%;
    margin: 2%;
    padding: 0;
    float: none;
}

}

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

	ページ内　囲み（パソコン）

---------------------------------------------------------------------*/
div.page_text0002{
	width: 1080px;
    max-width: 1920px;
	margin: 5% auto;
	padding: 0;
	display: block;
	overflow: hidden;
}
@media only screen and (max-width: 868px) {
    div.page_text0002{
	width: 96%;
    max-width: 868px;
	margin: 5% 2%;
	padding: 0;
}
}
div.page_text0002 p{
	width: 96%;
	margin: 2% 0;
	padding: 0 2%;
	line-height: 200%;
	font-size: 100%;
}
div.page_text0002 img.center002{
	width: 100% ;
	margin: 0 auto;
	padding: 0;
}


div.page_text0002 img.hpage001 {
}

@media only screen and (max-width: 868px) {
	div.page_text0002 img.hpage001 {
	display: none;
}
}

div.page_text0002 img.hpage002 {
}


@media only screen and (min-width:868px) {
	div.page_text0002 img.hpage002 {
	display: none;
}
}





/*===========
.scroll-box
===========*/
.scroll-box {
    margin: 0 auto;
    max-width: 1280px;
  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: 1000px;
  vertical-align: top;
}
@media only screen and (max-width: 868px) {
    .scroll-box {
max-width: 1300px;
}
    
  .scroll-box div img {
  margin: 0 1%;
  min-width: 1300px;
  vertical-align: top;
}
}
 @media only screen and (max-width : 480px ){
  .scroll-box div img {
  margin: 0 1%;
  min-width: 1000px;
  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;
}



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

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

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

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

div.page_text0001a a{
	text-decoration: underline;
	color: #003366;
}

div.page_text0001a a:hover{
	text-decoration: underline;
	color: #fe6a12;
}
/*  ------------------------------------------------------------------

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

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

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

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

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

@media only screen and (max-width : 480px ){
div.page_text0001a{
	width: 96%;
	max-width: 1080px;
	margin: 2% auto;
	padding: 0;
	display: block;
	overflow: hidden;
	border: 1px #d6d6d6 solid;
	box-sizing: border-box;
}
div.page_text0001a p{
	width: 96%;
	margin: 2%;
	padding: 0;
	line-height: 180%;
	font-size: 110%;
}
div.page_text0001a img.left001{
	width: 96% ;
	max-width: 96%;
	float: none;
	margin: 2% auto;
	padding: 2%;
}
div.page_text0001a img.right001{
	width: 60% ;
	max-width: 96%;
	float: none;
	margin: 2% auto;
	padding: 2% 20%;
}
div.page_text0001a img.center001{
	width: 100% ;
	max-width: 96%;
	margin: 0% ;
	padding: 0%;
	text-align: center;
}
}


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

	div.page_text箇所の　枠線なし（共通）

---------------------------------------------------------------------*/
div.border_none001{
	border: none !important;
}

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

	div.page_text箇所の　枠線点線（共通）

---------------------------------------------------------------------*/
div.border_dod001{
	border: dotted 1px #d6d6d6 !important;
}
/*  ------------------------------------------------------------------

	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.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%;
}
}
/*  ------------------------------------------------------------------

	.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 7:3（共通）左色

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

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: 62%;
	margin: 0;
	padding:2% 2%;
	border-bottom: 1px #d6d6d6 solid;
	box-sizing: border-box;
	text-align: left;
	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: 30%;
	margin: 0;
	padding:2% 2%;
	border-bottom: 1px #d6d6d6 solid;
	border-left:  1px #d6d6d6 solid;
	box-sizing: border-box;
	text-align: right;
	line-height: 180%;
	background-color: #fff;
}

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

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

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

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

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

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

table.page002 td.right002{
	width: 24%;
	margin: 0;
	padding:3% 0.5%;
	text-align: right;
    vertical-align: middle;
    background-color: #fff;
	border: 1px #d6d6d6 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: #f5decd;
	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;
	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: 96%;
	max-width: 1080px;
	margin: 4% 2%;
	padding: 0;
	border-collapse: collapse !important;
	border: 1px #d6d6d6 solid !important;
	box-sizing: border-box;
}

table.page005 td.left005{
	width: 44%;
	margin: 0;
	padding:2%;
	vertical-align: middle;
    border: 1px #d6d6d6 solid;
	line-height: 180%;
}


table.page005 td.right005{
	width: 44%;
	margin: 0;
	padding:2%;
    vertical-align: middle;
	border: 1px #d6d6d6 solid;
    background-color: #E4E4E4 !important;
	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% 2% 1% 5%;
	padding: 0 0 0 0;/*リストマーク外に*/
	list-style-type: disc !important;
    list-style-position: outside;
    line-height: 180%;
  
}

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

	img0007_01（パソコン/スマホ/タブレット）　4or3ボタン 202508(杏樹)中央寄せ

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

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

ul.img0007_01 li{
	margin: 0.5%;
	padding: 0;
	width: 24%;
    float: left;
}


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

ul.img0007_01 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;
}

ul.img0007_01 img.bordertop{
    border: #d6d6d6 solid 1px;
    box-sizing: border-box;
}


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

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


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

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

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

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;
}

ul.img0007_02 img.bordertop{
    border: #d6d6d6 solid 1px;
    box-sizing: border-box;
}

@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%;
}
}


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

	img0007_03（パソコン/スマホ/タブレット）　PC4 SP2

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

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

ul.img0007_03 li{
	float: left;
	margin: 0.5%;
	padding: 0;
	width: 24%;
}


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

ul.img0007_03 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;
}

ul.img0007_03 img.bordertop{
    border: #d6d6d6 solid 1px;
    box-sizing: border-box;
}

@media only screen and (max-width: 868px) {
	ul.img0007_03 li{
}
}

@media only screen and (max-width: 480px) {
	ul.img0007_03 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%;
}
}

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

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

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

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

ul.img0005_b li.q001{	
	width: 96%;
	margin: 1%;
	padding: 2% 1% 2% 1%;
	border: #d6d6d6 dashed 1px;
    background-color: #f5decd;
	font-size: 100%;
	line-height: 150%;
}

ul.img0005_b li.a001{	
	width: 96%;
	margin: 1%;
	padding: 2% 1% 2% 1%;
	border: #d6d6d6 dashed 1px;
	font-size: 100%;
	line-height: 150%;
}
@media only screen and (max-width : 480px ){
ul.img0005_b li.q001{	
	width: 97%;
	float: left;
	margin: 1%;
	padding: 3%;
	border: #d6d6d6 dashed 1px;
    box-sizing: border-box;
	color:#000000;
	font-size: 100%;
	line-height: 150%;
}

ul.img0005_b li.a001{	
	width: 97%;
	float: left;
	margin: 1%;
	padding: 3%;
	border: #d6d6d6 dashed 1px;
    box-sizing: border-box;
	color:#000000;
	font-size: 100%;
	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: 89%;
	float: left;
	margin: 2% 1%;
	padding: 1% 1% 2% 8%;
	border-bottom: #d6d6d6 solid 1px;
	background-image: url("../image/common/bt_04.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 40px;
	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: 89%;
	font-size: 105%;
    padding: 1% 1% 2% 9%;
    margin: 5% 1% 5% 0;
    background-size: 8%;
	}
}






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

	↑↑ここまで

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


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

	パソコンのみ表示

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

#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;
}
}



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

	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;
}
}