@charset "UTF-8";
/*css
----------------------------------------------------------------------------------------------*/
#stage {
width: 100%;
max-width: 1920px;
position: relative;
margin: 0 auto;
	background: #fff;
}
#stage_sp {
width: 100%;
position: relative;
margin: 0 auto;
background: #fff;
}
.pic {
position: absolute;
}
.pic img {
width: 100%;
height: auto;
opacity:0;
-moz-animation: imgTrans 40s infinite;
-webkit-animation: imgTrans 40s ease-in infinite;
animation: imgTrans 40s infinite;
}
#photo1 img {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#photo2 img {
-moz-animation-delay: 8s;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
#photo3 img {
-moz-animation-delay: 16s;
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
#photo4 img{
-moz-animation-delay: 24s;
-webkit-animation-delay: 24s;
animation-delay: 24s;
}
#photo5 img {
-moz-animation-delay: 32s;
-webkit-animation-delay: 32s;
animation-delay: 32s;
}
#photo6 img {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#photo7 img {
-moz-animation-delay: 8s;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
#photo8 img {
-moz-animation-delay: 16s;
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
#photo9 img{
-moz-animation-delay: 24s;
-webkit-animation-delay: 24s;
animation-delay: 24s;
}
#photo0 img {
-moz-animation-delay: 32s;
-webkit-animation-delay: 32s;
animation-delay: 32s;
}
@-webkit-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
@-moz-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
@keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}

/*�p���������X�g��
----------------------------------------------------------------------------------------------*/
ol.topic-path {
	max-width: 960px;
margin: 5px auto 0; /* マ�Eジン�E�上下左右�E�E*/
padding: 4px 2px 5px 2px; /* パディング�E�上下、左右�E�E*/
background-color: #fff; /* 背景色 */
list-style-type: none; /* リスト�Eーク非表示 */
font-size: 11px; /* 斁E��サイズ */
}
/* リスト頁E�� */
ol.topic-path li {
padding-left: 5px; /* 左パディング */
display: inline; /* 頁E��を横並び */
color: #afd244;
}
/* リスト頁E���E�最初�E頁E���E�E*/
ol.topic-path li.first {
padding-left: 25px; /* 左パディング */
}
/* リンクエリア */
ol.topic-path li a {
padding-right: 18px; /* 右パディング */
background:url(../image/topic-path-gray.gif) no-repeat right; /* 矢印記号�E�※�E�E*/
}
/* リンク色 */
ol.topic-path li a {
color: #4c3b32;
}
/* リンク色�E��Eウスオーバ�E�E�E*/
ol.topic-path li a:hover {
color: #4c3b32;
}
/*  ------------------------------------------------------------------

	ロール時のスクロール動作

---------------------------------------------------------------------*/
.sa {
  opacity: 0;
  transition: all .8s ease;
}


 
.sa.show {
  opacity: 1;
  transform: none;
}
 
.sa--lr {
  transform: translate(-100px, 0);
}
 
.sa--rl {
  transform: translate(100px, 0);
}
 
.sa--up {
  transform: translate(0, 50px);
}
 
.sa--down {
  transform: translate(0, -100px);
}
 
.sa--scaleUp {
  transform: scale(.5);
}
 
.sa--scaleDown {
  transform: scale(1.5);
}
 
.sa--rotateL {
  transform: rotate(180deg);
}
 
.sa--rotateR {
  transform: rotate(-180deg);
}
/*  ------------------------------------------------------------------

	feedburner

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

#mainFeed {
	width:960px;
	height:300px;
	background-repeat:no-repeat;
	margin			: 0 auto 10px;
	padding-top:10px;
}

#mainFeed .feedburnerFeedBlock {
	height			: 130px;
}

#mainFeed .feedburnerFeedBlock ul {
	height			: 300px;
	font-size		: 13px;
	overflow		: auto;
}

#mainFeed .feedburnerFeedBlock ul a {
	text-decoration	: underline;
	color			: #232f5a;
}

#mainFeed .feedburnerFeedBlock li {
	margin			: 0 0 0 14px;
	padding			: 0 0 0 200px;
}

#mainFeed .feedburnerFeedBlock .headline {
	display: block;
	margin-bottom: 1px;
	padding-left: 90px;
}

#mainFeed .feedburnerFeedBlock p.date {
	margin: -55px 0 8px -400px;
}

#mainFeed #creditfooter {
	margin			: -30px 0 0 920px;
}



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

	feedburner

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


@media only screen and (max-width: 898px) {
#mainFeed {
	width:100%;
	height:300px;
	background-repeat:no-repeat;
	margin			: 0 auto 10px;
	padding-top:10px;
}

#mainFeed .feedburnerFeedBlock {
	height			: 130px;
}

#mainFeed .feedburnerFeedBlock ul {
	height			: 300px;
	font-size		: 13px;
	overflow		: auto;
}

#mainFeed .feedburnerFeedBlock ul a {
	text-decoration	: underline;
	color			: #232f5a;
}

#mainFeed .feedburnerFeedBlock li {
	margin			: 0 0 0 14px;
	padding			: 0 0 0 200px;
}

#mainFeed .feedburnerFeedBlock .headline {
	display: block;
	margin-bottom: 1px;
	padding-left: 90px;
}

#mainFeed .feedburnerFeedBlock p.date {
	margin: -55px 0 8px -300px;
}

#mainFeed #creditfooter {
	margin			: -30px 0 0 620px;
}
}

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

	feedburner �E�posi スマ�E

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


@media only screen and (max-width: 480px) {
#mainFeed {
	width:90%;
	height:190px;
	background-repeat:no-repeat;
	margin			: 0 auto 10px;
	padding-top:10px;
}

#mainFeed .feedburnerFeedBlock {
	height			: 130px;
}

#mainFeed .feedburnerFeedBlock ul {
	height			: 300px;
	font-size		: 12px;
	overflow		: auto;
}

#mainFeed .feedburnerFeedBlock ul a {
	text-decoration	: underline;
	color			: #232f5a;
}

#mainFeed .feedburnerFeedBlock li {
	margin			: 0 0 0 30px;
	padding			: 0 0 0 10px;
}

#mainFeed .feedburnerFeedBlock .headline {
	display: block;
	margin-bottom: 1px;
	padding-left: 60px;
}

#mainFeed .feedburnerFeedBlock p.date {
	margin: -40px 0 8px -120px;
}

#mainFeed #creditfooter {
	margin			: -30px 0 0 620px;
}
}

/* 基本設定
---------------------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	vertical-align:baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}
body{
	line-height:1;
}ol,ul{
	list-style:none;
}
blockquote,q{
	quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';content:none;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}

/*--body--*/
body {
	width: 100%;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	font-weight:100;
	font-size:14px;
    height: 100%;
	margin: 0 auto;
	color: #ffffff;
	letter-spacing:0.1em;
	background-color: #f6f6f6;
	background-repeat: repeat;
	background-position: center;
	background-size:contain;
	z-index: -1;
	}

@media only screen and (max-width: 480px) {
	body {
	width: 100%;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	font-weight:300;
	font-size:13px;
    height: 100%;
	margin: 0 auto;
	color: #ffffff;
	letter-spacing:0.1em;
	background-color: #f6f6f6;
	background-repeat: repeat;
	background-position: center;
	background-size:contain;
	z-index: -1;
	}
}



html{ /* Firefoxで常にスクロールバ�Eを表示 */
   overflow-y:scroll;
   height:100%;
   margin-bottom:1px;
}

	
strong{
	font-weight:bold;
}

div.news001{
	width: 96%;
    max-width: 800px;
	height: 150px;
	margin: 2% auto;
	padding: 1%;
	border: 1px #d6d6d6 solid;
    box-sizing: border-box;
	overflow-y: scroll;
}

div.news001 p{
    margin: 2% 0;
    color:#333333;
    line-height: 200%;
    font-size: 110%;
}

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

.sec001 {
	width:920px;
	margin: 20px auto;
	padding: 20px;
	display: block;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	line-height: 28px;
	border: none;
	background-color: #fff;
	overflow: hidden;
	clear: both;
	}

@media only screen and (max-width: 768px) {
	.sec001  {
	width:96%;
	margin: 20px auto 0;
	padding: 2%;
	display: block;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	line-height: 28px;
	border: none;
	}
}

@media only screen and (max-width: 480px) {
	.sec001  {
	width:98%;
	margin: 5% auto 0;
	padding: 5% 1%;
	display: block;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	line-height: 28px;
	border: none;
	}
}

.sec001 p{
	width: 900px;
	padding: 10px;
	border: none;
}

@media only screen and (max-width: 768px) {
	.sec001 p{
	width:90%;
	padding: 10px;
	border: none;
	}
}

@media only screen and (max-width: 480px) {
	.sec001 p{
	width:94%;
	padding: 10px;
	border: none;
    }
}

.sec001 p.border{
	width: 860px;
	padding: 30px 30px;
	border: 1px #d6d6d6 solid;
}

@media only screen and (max-width: 768px) {
	.sec001 p.border{
	width:90%;
	padding: 10px;
	border: 1px #d6d6d6 solid;
	}
}

@media only screen and (max-width: 480px) {
	.sec001 p.border{
	width:94%;
	padding: 10px;
	border: 1px #d6d6d6 solid;
    }
}

.sec001 p.scroll001{
	width: 800px;
	height: 300px;
	margin: 50px auto;
	padding: 30px 30px;
	border: 1px #d6d6d6 solid;
	overflow-y: scroll;
}

@media only screen and (max-width: 768px) {
	.sec001 p.scroll001{
	width:90%;
	height: 300px;
	margin: 50px auto;
	padding: 10px;
	border: 1px #d6d6d6 solid;
	overflow-y: scroll;
	}
}

@media only screen and (max-width: 480px) {
	.sec001 p.scroll001{
	width:90%;
	height: 250px;
	margin: 10px auto 15px;
	padding: 10px;
	border: 1px #d6d6d6 solid;
	overflow-y: scroll;
    }
}

.sec001 p.img{
	width: 864px;
	margin: 0 auto;
	padding: 10px;
	border: none;
}

@media only screen and (max-width: 768px) {
	.sec001 p.img{
	width:90%;
	margin: 0 auto;
	padding: 10px;
	border: none;
	}
}

@media only screen and (max-width: 480px) {
	.sec001 p.img{
	width:94%;
	margin: 0 auto;
	padding: 10px;
	border: none;
    }
}

p.border{
	border-bottom:  1px dashed #d6d6d6;
}

/*改行
---------------------------------------------------------------------------------------------------*/
.br_sp{
	display: none;
}

@media only screen and (max-width: 480px) {
	.br_sp{
	display: block;
}
}

/*���o���^�O*/
h1 {
	max-width:100%;
	color		: #000000;
	letter-spacing:0.1em;
	text-align:center;
	margin:0;
	padding:0 0 0 0;
	background-color: #fff;
}

@media only screen and (max-width: 480px) {
	h1 {
	max-width:100%;
	color		: #000000;
	letter-spacing:0.1em;
	text-align:center;
	margin:0;
	padding:0 0 0 0;
}
}


h1.page001 {
}

@media only screen and (max-width: 868px) {
	h1.page001 {
	display: none;
}
}

h1.page002 {
}


@media only screen and (min-width:868px) {
	h1.page002 {
	display: none;
}
}

	
	



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

	�C���X�^

---------------------------------------------------------------------*/
h3.inst001{
	width:80%;
	margin:0 auto 10px;
	padding:55px 0 20px;
	background-color:#ffffff;
	text-align: center;
	color:#000000;
	border-bottom: 1px #d6d6d6 solid;
	clear:both;
}

@media only screen and (max-width: 768px) {
	h3.inst001{
	width:100%;
	margin:0;
	padding:45px 0 10px;
	background-color:#ffffff;
	text-align: center;
	color:#000000;
	border-bottom: 1px #d6d6d6 solid;
	clear:both;
}
}

@media only screen and (max-width: 480px) {
	h3.inst001{
	width:100%;
	margin:0;
	padding:40px 0 10px;
	background-color:#ffffff;
	text-align: center;
	color:#000000;
	border-bottom: 1px #d6d6d6 solid;
	clear:both;
}
}

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

	h4 ���o���@�ŐV

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

h4 {
	margin:0;
	padding:0;
}

h4.title001{
	width: 100%;
	margin: 30px 0;
	padding: 2% 0;
	background-color: #4c3b32;
	color: #fff;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	h4.title001{
	width: 100%;
	margin: 20px 0;
	padding: 2% 2%;
	background-color: #4c3b32;
	color: #fff;
	text-align: center;
}
}

@media only screen and (max-width: 480px) {
	h4.title001{
	width:94%;
	margin: 2% auto 0;
	padding: 5% 1%;
	border-bottom: solid 1px #d6d6d6;
	background-color: #fff;
	color: #f98882;
	font-weight: 300;
	text-align: center;
	line-height: 30px;
    }
}

h4.title002{
	width: 100%;
	margin: 30px 0;
	padding: 2% 5%;
	background-color: #4c3b32;
	color: #fff;
	text-align: left;
}

@media only screen and (max-width: 768px) {
	h4.title002{
	width: 100%;
	margin: 20px 0;
	padding: 2% 2%;
	background-color: #4c3b32;
	color: #fff;
	text-align: center;
}
}

@media only screen and (max-width: 480px) {
	h4.title002{
	width:98%;
	margin: 0 auto 0;
	padding: 3% 1%;
	background-color: #f98882;
	color: #fff;
	font-weight: 300;
	text-align: center;
	line-height: 30px;
    }
}




#fb_area{
	margin:10px 0 30px 0;
}

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

	イメージ設宁E

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


a img { /* レイアウト崩れ防止、imgタグのborder="0"記述省略匁E*/
	border	: none;
}

img {  /* 画像�E隙間をなくす */
	vertical-align:top
}


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

	header

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

		
/*--header�ŐV--*/

#header_bg{
	width: 100%;
	margin: 0 auto;
	padding:0;
	background-color: #fff;
	}

#header{
	width: 960px;
	height: 100px;
	max-width: 960px;
	margin: 0 auto;
	padding:0;
	background-color: #fff;
	}

@media only screen and (max-width: 768px) {
	#header{
	width: 100%;
	margin: 0 auto;
	padding:0;
	background-color: #fff;
	}
}

@media only screen and (max-width: 480px) {
	#header{
	width: 100%;
	height: 50px;
	max-width: 480px;
	margin: 0 auto;
	padding: 2px 0 8px;
	background-color: #fff;
	}
}


#rogo{
	float: left;
	width: 350px;
	margin: 0;
	padding: 0;
}

@media only screen and (max-width: 768px) {
	#rogo{
	float: left;
	width: 40%;
	margin: 0;
	padding: 0;
}
}

@media only screen and (max-width: 480px) {
	#rogo{
	float: left;
	width: 50%;
	margin: 0 0 1%;
	padding: 0;
}
}

#tel{
	float: right;
	width: 300px;
	margin: 10px 0 0 0;
	padding: 0;
}

@media only screen and (max-width: 768px) {
	#tel{
	float: right;
	width: 40%;
	margin: 10px 0 0 0;
	padding: 0;
}
}

@media only screen and (max-width: 480px) {
	#tel{
	float: right;
	width: 45%;
	margin: 2% 1% 1% 0;
	padding: 0;
}
}




/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 100%;
	height: auto;
    position: relative;
    overflow: hidden;
	box-shadow:0 0 10px 3px #fdf4e9;
	clear:both;
}
.viewer ul {
    width:100%;
	height: auto;
    overflow: hidden;
    position: relative;
	
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}

@media screen and (max-width: 760px) {
.viewer {
    margin: 0 auto;
    width: 100%;
	height: auto;
    position: relative;
    overflow: hidden;
	box-shadow:0 0 10px 3px #fdf4e9;
	clear:both;
}
.viewer ul {
    width:100%;
	height: auto;
    overflow: hidden;
    position: relative;
	
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
}




 
/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer .btnPrev {
    left: 10px;
    background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
    right: 10px;
    background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}




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

.page-top{
	margin: 0 ;
	padding: 0 ;
	display: none;
}
 
.page-top p{
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 16px ;
	bottom: 80px ;
}
 
.move-page-top{
	display:block;
	padding-top: 10px;
	background: #84a5dc;
	width: 50px ;
	height: 40px ;
	color: #ffffff !important ;
	line-height: 15px ;
	letter-spacing:0.05em;
	text-decoration: none !important ;
	text-align: center ;
	text-indent:0.05em;
	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}

.move-page-top a{
	color: #ffffff;
}

.move-page-top:hover{
	opacity: 0.85 ;
}





.cp_cssslider {
width: 432px;
padding-top: 300px; /* �摜�̍��� */
position: relative;
margin: 0 auto;
text-align: left;
}

@media screen and (max-width: 480px) {
.cp_cssslider {
width: 300px;
padding-top: 200px; /* �摜�̍��� */
position: relative;
margin: -20px auto 0;
text-align: left;
}
}

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


/* �T���l�C�� */
.cp_cssslider label {
margin: 15px 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: 480px) {
.cp_cssslider label {
margin: 20px 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;
}





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

	img001�E

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

div.page_img001 {
	width:960px;
	margin:0 auto;
	padding: 0 0 140px 0;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	clear: both;
	}

div.page_img001 p{
	padding: 20px 0;
	text-align: center;
	line-height: 45px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	display: block;
}



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

	img001�E

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

@media only screen and (max-width: 768px) {
	div.page_img001 {
	width:100%;
	margin:0 auto;
	padding: 0 0 140px 0;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	}
	
div.page_img001 p{
	padding: 20px 0;
	text-align: center;
	line-height: 45px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
}

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

	img001�E

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

@media only screen and (max-width: 480px) {
	div.page_img001 {
	width:100%;
	margin:0 auto;
	padding: 0 0 80px 0;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	}
	
div.page_img001 p{
	padding: 10px 0;
	text-align: center;
	line-height: 40px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
}

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

	img002�E

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

div.page_img002 {
	width:100%;
	margin:0 auto;
	padding: 0 0 140px 0;
	display: block;
	background-color: #c9bfbf;
	overflow: hidden;
	}

div.page_img002 p{
	padding: 20px 0;
	text-align: center;
	line-height: 45px;
	color: #ffffff;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	display: block;
}

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

	img002�E

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

@media only screen and (max-width: 768px) {
	div.page_img002 {
	width:100%;
	margin:0 auto;
	padding: 0 0 140px 0;
	display: block;
	background-color: #c9bfbf;
	overflow: hidden;
}
	
div.page_img002 p{
	padding: 20px 0;
	text-align: center;
	line-height: 45px;
	color: #ffffff;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	display: block;
}
}

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

	img002�E

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

@media only screen and (max-width: 480px) {
	div.page_img002 {
	width:100%;
	margin:0 auto;
	padding: 0 0 80px 0;
	display: block;
	background-color: #c9bfbf;
	overflow: hidden;
}
	
div.page_img002 p{
	padding: 10px 0;
	text-align: center;
	line-height: 40px;
	color: #ffffff;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	display: block;
}
}

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

	bg_color001 �w�i�� �p�\�R��

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

div.bg_color001 {
	width:100%;
	margin:10px auto;
	padding: 0 0 140px 0;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	clear: both;
	}


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

	bg_color001 �w�i�� �^�u���b�g

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

@media only screen and (max-width: 768px) {
	div.bg_color001 {
	width:100%;
	margin:10px auto;
	padding: 0 0 80px 0;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	}
}

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

	bg_color001 �w�i�� �X�}�z

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

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

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

	bg_color002 

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

div.bg_color002 {
	width:100%;
	margin:10px auto;
	padding: 0;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	clear: both;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
	}


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

	bg_color002 

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

@media only screen and (max-width: 768px) {
	div.bg_color002 {
	width:100%;
	margin:10px auto;
	padding: 0;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
	}
}

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

	bg_color002 

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

@media only screen and (max-width: 480px) {
	div.bg_color002 {
	width:100%;
	margin:2% auto;
	padding: 0;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
	}	
}


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

	img003�E

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

div.page_img003 {
	width:100%;
	margin:0 auto;
	padding: 0 0 80px 0;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	}

div.page_img003 p{
	padding: 20px 0;
	text-align: center;
	line-height: 45px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	display: block;
}



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

	img003�E

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

@media only screen and (max-width: 768px) {
	div.page_img003 {
	width:100%;
	margin:0 auto;
	padding: 0 0 80px 0;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	}
	
div.page_img003 p{
	padding: 20px 0;
	text-align: center;
	line-height: 45px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
}

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

	img003�E

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

@media only screen and (max-width: 480px) {
	div.page_img003 {
	width:100%;
	margin:0 auto;
	padding: 0 0 40px 0;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	}
	
div.page_img003 p{
	padding: 10px 0;
	text-align: center;
	line-height: 40px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
}

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

	img004�E

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

div.page_img004 {
	width:100%;
	margin:50px auto 0;
	padding: 0 0 80px 0;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	}

div.page_img004 p{
	padding: 20px 0;
	text-align: center;
	line-height: 45px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	display: block;
}



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

	img004�E

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

@media only screen and (max-width: 768px) {
	div.page_img004 {
	width:100%;
	margin:50px auto 0;
	padding: 0 0 80px 0;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	}
	
div.page_img004 p{
	padding: 20px 0;
	text-align: center;
	line-height: 45px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
}

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

	img004�E

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

@media only screen and (max-width: 480px) {
	div.page_img004 {
	width:90%;
	margin:30px auto 0;
	padding: 0 2% 40px;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	}
	
div.page_img004 p{
	padding: 10px 0;
	text-align: center;
	line-height: 40px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
}



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

	����\�@�^�O

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

ul.price0001{
	margin: 0 auto;
	width: 960px;
	list-style-image:none;
}

ul.price0001 li{
	float: left;
	margin: 0.5% 0.5% 0% 0;
	padding: 1% 0;
	width: 24%;
	text-align: center;
	background-color: #4c3b32;
	background-image: url("../image/common/navi001.png");
	background-repeat: no-repeat;
	background-position: 10%;
	color: #ffffff;
}

ul.price0001 li a{
	color: #ffffff;
}

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

	����\�@�^�O(�X�}�z)

---------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
ul.price0001{
	margin: 0 auto;
	width: 100%;
	list-style: none;
}

ul.price0001 li{
	float: left;
	margin: 0.5% 0.5% 0% 0;
	padding: 1% 0;
	width: 48%;
	text-align: center;
	background-color: #4c3b32;
	background-image: url("../image/common/navi001.png");
	background-repeat: no-repeat;
	background-position: 2%;
	color: #ffffff;
	display: block;
}

ul.price0001 li a{
	color: #ffffff;
}
}









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

	img0003�E�横並びイメージ�E�リスチE枚�E真　パソコン サロン案�E

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

ul.img0003{
	margin: 0 auto;
	width: 960px;
	list-style: none;
}

ul.img0003 li{
	float: left;
	margin: 60px 0 0 32px;
	width: 432px;
	display: block;
	text-align: center;
}

ul.img0003 li a{
	color: #333333;
	}

ul.img0003 li a:hover img{
	transition: 1.0s;
    opacity:0.60;
    filter:alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    -moz-opacity:0.60;
}

ul.img0003 img{
	margin: 0 0 10px 0;
}

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

	img002�E�横並びイメージ�E�リスチE枚�E真　タブレチE��　サロン案�E

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

@media only screen and (max-width: 768px) {
	ul.img0003{
	margin: 0 auto;
	width: 780px;
	list-style: none;
}

ul.img0003 li{
	float: left;
	margin: 60px 0 0 1%;
	width: 47%;
	display: block;
	text-align: center;
}

ul.img0003 li a{
	color: #333333;
	}

ul.img0003 li a:hover img{
	transition: 1.0s;
    opacity:0.60;
    filter:alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    -moz-opacity:0.60;
}

ul.img0003 img{
	margin: 0 0 10px 0;
}
}

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

	img002�E�横並びイメージ�E�リスチE枚�E真　スマ�E　サロン案�E

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

@media only screen and (max-width: 480px) {
	ul.img0003{
	margin: 0 auto;
	width: 100%;
	list-style: none;
}

ul.img0003 li{
	float: left;
	margin: 40px 0 0 2%;
	width: 47%;
	display: block;
	text-align: center;
}

ul.img0003 li a{
	color: #333333;
	}

ul.img0003 li a:hover img{
	transition: 1.0s;
    opacity:0.60;
    filter:alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    -moz-opacity:0.60;
}

ul.img0003 img{
	margin: 0 0 10px 0;
}
}

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

	img0004�E�p�\�R���@3����

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

ul.img0004{
	margin: 0 auto;
	width: 960px;
	list-style: none;
	
}

ul.img0004 li{
	float: left;
	margin: 0;
	width: 320px;
	display: block;
	text-align: center;
}

ul.img0004 li.title001{
	float: left;
	margin: 0;
	width: 960px;
	display: block;
	text-align: center;
}

ul.img0004 li a{
	color: #333333;
	}

ul.img0004 li a:hover img{
	transition: 1.0s;
    opacity:0.60;
    filter:alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    -moz-opacity:0.60;
}

ul.img0004 img{
	margin: 0;
}

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

	img0004�E�^�u���b�g�@3����

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

@media only screen and (max-width: 768px) {
	ul.img0004{
	margin: 0 auto;
	width: 100%;
	list-style: none;
	
}

ul.img0004 li{
	float: left;
	margin: 0;
	width: 33%;
	display: block;
	text-align: center;
}
	
ul.img0004 li.title001{
	float: left;
	margin: 0;
	width: 99%;
	display: block;
	text-align: center;
}


ul.img0004 li a{
	color: #333333;
	}

ul.img0004 li a:hover img{
	transition: 1.0s;
    opacity:0.60;
    filter:alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    -moz-opacity:0.60;
}

ul.img0004 img{
	margin: 0;
}
}

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

	img0004�E�X�}�z�@3����

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

@media only screen and (max-width: 480px) {
	ul.img0004{
	margin: 0 auto;
	width: 100%;
	list-style: none;
}

ul.img0004 li{
	float: left;
	margin: 0;
	width: 33%;
	display: block;
	text-align: center;
}
	
ul.img0004 li.title001{
	float: left;
	margin: 0;
	width: 99%;
	display: block;
	text-align: center;
}


ul.img0004 li a{
	color: #333333;
	}

ul.img0004 li a:hover img{
	transition: 1.0s;
    opacity:0.60;
    filter:alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    -moz-opacity:0.60;
}

ul.img0004 img{
	margin: 0;
}
}
/*------------------------------------------------------------------

�X���C�h�ӏ��E

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

#header001_top{
	width:100%;
	margin:0 auto;
	padding: 0;
	overflow: hidden;
	background-color: #fff;
	}

@media only screen and (max-width: 768px) {
	#header001_top{
	width: 100%;
	margin:0 auto;
	padding:0;
	overflow: hidden;
	background-color: #fff;
	}
}	
	
@media only screen and (max-width: 480px) {
	#header001_top{
	display: none;
	}
}

#header002_top{
	width:100%;
	margin:0 auto;
	padding: 0;
	overflow: hidden;
	background-color: #fff;
	}

@media only screen and (max-width: 768px) {
	#header002_top{
	width:100%;
	margin:0 auto;
	padding: 0;
	overflow: hidden;
	background-color: #fff;
	}
}	
	
@media only screen and (min-width: 480px) {
	#header002_top{
	display: none;
	}
}

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

吁E�Eージ

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


p.qa001{
	width: 80% !important;
	margin: 0 auto;
	padding: 10px 5% 10px !important;
	background-color: #142c74 !important;
	text-align: left;
	line-height: 45px;
	color: #ffffff !important;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	border-bottom: #999999 1px solid;
    font-weight: bold;
}

@media only screen and (max-width: 768px) {
	p.qa001{
	width: 90% !important;
	margin: 0 auto;
	padding: 10px 5% 10px !important;
	background-color: #142c74 !important;
	text-align: left;
	line-height: 45px;
	color: #ffffff !important;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	border-bottom: #999999 1px solid;
	font-weight: bold;
}
}

@media only screen and (max-width: 480px) {
	p.qa001{
	width: 90% !important;
	margin: 0 auto;
	padding: 15px 5% 10px !important;
	background-color: #142c74 !important;
	text-align: left;
	line-height: 30px;
	color: #ffffff !important;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	border-bottom: #999999 1px solid;
	font-weight: bold;
}
}





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

	チE��スチE02(15px 15px 15px)背景色

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

div.page_text002 {
	width:100%;
	margin:0 auto;
	display: block;
	background-color: #000000;
	overflow: hidden;
	}

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

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

div.page_text002 p{
    width: 90%;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
	line-height: 45px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

@media only screen and (max-width: 768px) {
	div.page_text002 p{
	width: 90%;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
	line-height: 45px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
}

@media only screen and (max-width: 480px) {
	div.page_text002 p{
	width: 90%;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	line-height: 40px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
}

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

	チE��スチE03(15px 15px 13px)背景白　パソコン

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

div.page_text003 {
	width:100%;
	margin:0 auto;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	}

div.page_text003 p{
	width: 90%;
	margin: 0 auto;
	padding: 30px 10px 50px;
	text-align: left;
	line-height: 45px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

div.page_text003 p.sche{
	width: 94%;
	margin: 0 auto;
	padding: 30px 3% 50px;
	text-align: left;
	line-height: 45px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

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

	チE��スチE03(15px 15px 13px)背景白　タブレチE��

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

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

@media only screen and (max-width: 768px) {
	div.page_text003 p{
	width: 90%;
	margin: 0 auto;
	padding: 30px 10px 50px;
	text-align: left;
	line-height: 45px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
}

@media only screen and (max-width: 768px) {
	div.page_text003 p.sche{
	width: 90%;
	margin: 0 auto;
	padding: 30px 5% 50px;
	text-align: left;
	line-height: 45px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
}

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

	チE��スチE03(15px 15px 13px)背景白　スマ�E

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

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

@media only screen and (max-width: 480px) {
	div.page_text003 p{
	width: 90%;
	margin: 0 auto;
	padding: 15px 5% 30px;
	text-align: left;
	line-height: 30px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
}

@media only screen and (max-width: 480px) {
	div.page_text003 p.sche{
	width: 98%;
	margin: 0 auto;
	padding: 15px 1% 30px;
	text-align: left;
	line-height: 30px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
}




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

	チE�Eブル左のdiv　スタチE��　パソコン

---------------------------------------------------------------------*/
div.staff001{
	width: 332px;
	margin: 10px 0 50px;
	float: left;
}

div.staff002{
	width: 608px;
	margin: 10px 0 50px;
	float: right;
}


div.staff002 p{
	width: 470px;
	margin: 0 auto;
	padding: 15px 5% 30px;
	text-align: left;
	line-height: 24px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}


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

	チE�Eブル左のdiv　スタチE��　タブレチE��

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

@media only screen and (max-width: 768px) {
div.staff001{
	width: 40%;
	margin: 10px 0 50px;
	float: left;
}

div.staff002{
	width: 60%;
	margin: 10px 0 50px;
	float: right;
}
	
div.staff002 p{
	width: 50%;
	margin: 0 auto;
	padding: 15px 5% 30px;
	text-align: left;
	line-height: 24px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
}

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

	チE�Eブル左のdiv　スタチE��　スマ�E

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

@media only screen and (max-width: 480px) {
div.staff001{
	width: 90%;
	margin: 0 auto 20px;
	float: none;
}

div.staff002{
	width: 96%;
	margin: 5px auto 20px;
	float: none;
}
	
div.staff002 p{
	width: 90%;
	margin: 0 auto;
	padding: 15px 5% 30px;
	text-align: left;
	line-height: 30px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
}

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

	チE�Eブル002(30�E�E��70�E�EスタチE��　パソコン

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

table.page002{
	width: 450px;
	margin: 0 0 0 20px;
	border-collapse: collapse;
	box-sizing:border-box;
	
}

table.page002 td.left001{
	width: 30%;
	border-right:  #d6d6d6 1px solid;
	border-bottom:   #d6d6d6 1px solid;
	padding: 10px;
	vertical-align: middle;
}

table.page002 td.right001{
	width: 70%;
	background-color: #ffffff;
	border-bottom:   #d6d6d6 1px solid;
	padding: 10px;
	vertical-align: middle;
}


table.page002 tr:last-child td.left001,table tr:last-child td.right001{
	border-bottom: none;
}

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

	チE�Eブル002(30�E�E��70�E�EスタチE��　タブレチE��

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

@media only screen and (max-width: 768px) {
	table.page002{
	width: 60%;
	margin: 0 auto 0;
	border-collapse: collapse;
	box-sizing:border-box;
}

table.page002 td.left001{
	width: 30%;
	border-right:  #d6d6d6 1px solid;
	border-bottom:   #d6d6d6 1px solid;
	padding: 10px;
	vertical-align: middle;
}

table.page002 td.right001{
	width: 70%;
	background-color: #ffffff;
	border-bottom:   #d6d6d6 1px solid;
	padding: 10px;
	vertical-align: middle;
}
	

table.page002 tr:last-child td.left001,table tr:last-child td.right001{
	border-bottom: none;
}
}

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

	チE�Eブル002(30�E�E��70�E�EスタチE��　スマ�E

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

@media only screen and (max-width: 480px) {
	table.page002{
	width: 98%;
	margin: 0 auto 0;
	border-collapse: collapse;
	box-sizing:border-box;
}

table.page002 td.left001{
	width: 28%;
	border-right:  #d6d6d6 1px solid;
	border-bottom:   #d6d6d6 1px solid;
	padding: 10px 1%;
	vertical-align: middle;
}

table.page002 td.right001{
	width: 68%;
	background-color: #ffffff;
	border-bottom:   #d6d6d6 1px solid;
	padding: 10px 1%;
	vertical-align: middle;
}
	
	
table.page002 tr:last-child td.left001,table tr:last-child td.right001{
	border-bottom: none;
}
}

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

	チE�Eブル007(30�E�E��70�E�EスタチE��　パソコン

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

table.page007{
	width: 90%;
	margin: 0 5%;
	border-collapse: collapse;
	box-sizing:border-box;
	
}

table.page007 td.left001{
	width: 30%;
	border-right:  #d6d6d6 1px solid;
	border-bottom:   #d6d6d6 1px solid;
	padding: 10px;
	vertical-align: middle;
}

table.page007 td.right001{
	width: 70%;
	background-color: #ffffff;
	border-bottom:   #d6d6d6 1px solid;
	padding: 10px;
	vertical-align: middle;
}


table.page007 tr:last-child td.left001,table tr:last-child td.right001{
	border-bottom: none;
}

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

	チE�Eブル002(30�E�E��70�E�EスタチE��　タブレチE��

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

@media only screen and (max-width: 768px) {
	table.page007{
	width: 90%;
	margin: 0 5%;
	border-collapse: collapse;
	box-sizing:border-box;
}

table.page007 td.left001{
	width: 30%;
	border-right:  #d6d6d6 1px solid;
	border-bottom:   #d6d6d6 1px solid;
	padding: 10px;
	vertical-align: middle;
}

table.page007 td.right001{
	width: 70%;
	background-color: #ffffff;
	border-bottom:   #d6d6d6 1px solid;
	padding: 10px;
	vertical-align: middle;
}
	

table.page007 tr:last-child td.left001,table tr:last-child td.right001{
	border-bottom: none;
}
}

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

	チE�Eブル002(30�E�E��70�E�EスタチE��　スマ�E

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

@media only screen and (max-width: 480px) {
	table.page007{
	width: 100%;
	margin: 0 auto 0;
	border-collapse: collapse;
	box-sizing:border-box;
}

table.page007 td.left001{
	width: 30%;
	border-right:  #d6d6d6 1px solid;
	border-bottom:   #d6d6d6 1px solid;
	padding: 10px 1px 10px 10px;
	vertical-align: middle;
}

table.page007 td.right001{
	width: 70%;
	background-color: #ffffff;
	border-bottom:   #d6d6d6 1px solid;
	padding: 10px;
	vertical-align: middle;
}
	
	
table.page007 tr:last-child td.left001,table tr:last-child td.right001{
	border-bottom: none;
}
}

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

	�p�\�R���@�����́@��荞�݉E�ʐ^ �ŐV

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

div.page_text0001{
	width: 100%;
	max-width: 960px;
	margin: 10px auto;
	padding: 10px 0;
	display: block;
	overflow: hidden;
}

div.page_text0001 p{
	width: 100%;
	margin: 2%;
	padding: 0;
	color: #000;
	line-height: 35px;
}

div.page_text0001 img{
	width: 400px;
	float: right;
	margin: 2%;
	padding: 0;
}

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

	�^�u���b�g�@�����́@��荞�݉E�ʐ^ �ŐV

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

@media only screen and (max-width: 768px) {
div.page_text0001{
	width: 100%;
	max-width: 960px;
	margin: 10px auto;
	padding: 10px 0;
	display: block;
	overflow: hidden;
}

div.page_text0001 p{
	width: 98%;
	margin: 2%;
	padding: 0;
	color: #000;
	line-height: 35px;
}

div.page_text0001 img{
	width: 260px;
	float: right;
	margin: 2%;
	padding: 0;
}
}

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

	�X�}�z�@�����́@��荞�݉E�ʐ^ �ŐV

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

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

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

div.page_text0001 img{
	width: 96%;
	float: inherit;
	margin: 2%;
	padding: 0;
}
}



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

	kituke001 �V

---------------------------------------------------------------------*/
div.kituke001{
	width: 432px;
	margin: 10px 0 50px;
	float: left;
}

div.kituke001_right{
	width: 432px;
	margin: 10px 0 50px;
	float: right;
}

div.kituke002{
	width: 488px;
	margin: 10px 0 30px;
	float: right;
}

div.kituke002 p{
	width: 450px;
	margin: 0 auto;
	padding: 15px 5% 0;
	text-align: left;
	line-height: 24px;
	color: #333333;
}

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

	kituke001 �i�^�u���b�g�j�V
---------------------------------------------------------------------*/

@media only screen and (max-width: 768px) {
div.kituke001{
	width: 40%;
	margin: 10px 0 50px;
	float: left;
}
	
div.kituke001_right{
	width: 40%;
	margin: 10px 0 50px;
	float: right;
}

div.kituke002{
	width: 60%;
	margin: 10px 0 50px;
	float: right;
}
	
div.kituke002 p{
	width: 50%;
	margin: 0 auto;
	padding: 15px 5% 0;
	text-align: left;
	line-height: 24px;
	color: #333333;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
}

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

	kituke001�i�X�}�z�j�V

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

@media only screen and (max-width: 480px) {
div.kituke001{
	width: 90%;
	margin: 40px auto 20px;
	float: none;
	clear: both;
}
	
div.kituke001_right{
	width: 90%;
	margin: 0 auto 20px;
	float: none;
}

div.kituke002{
	width: 96%;
	margin: 5px auto 20px;
	float: none;
}
	
div.kituke002 p{
	width: 96%;
	margin: 0 auto;
	padding: 4% 2% 1%;
	text-align: left;
	line-height: 30px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
}

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

	div 半�E　パソコン

---------------------------------------------------------------------*/
div.haif001{
	width: 48%;
	margin: 10px 0 50px;
	float: left;
}

div.haif001 p{
	width: 100%;
	margin: 0 auto;
	padding: 15px 3% 30px;
	text-align: left;
	line-height: 24px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

div.haif002{
	width: 48%;
	margin: 10px 0 50px;
	float: right;
}

div.haif002 p{
	width: 100%;
	margin: 0 auto;
	padding: 15px 3% 30px;
	text-align: left;
	line-height: 24px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

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

	div 半�E　タブレチE��

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

@media only screen and (max-width: 768px) {
div.haif001{
	width: 48%;
	margin: 10px 0 50px;
	float: left;
}

div.haif001 p{
	width: 100%;
	margin: 0 auto;
	padding: 15px 3% 30px;
	text-align: left;
	line-height: 24px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

div.haif002{
	width: 48%;
	margin: 10px 0 50px;
	float: right;
}

div.haif002 p{
	width: 100%;
	margin: 0 auto;
	padding: 15px 3% 30px;
	text-align: left;
	line-height: 24px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
}

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

	div 半�E　スマ�E

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

@media only screen and (max-width: 480px) {
div.haif001{
	width: 90%;
	margin: 0 auto 20px;
	float: none;
}
	
div.haif001 p{
	width: 90%;
	margin: 0 auto;
	padding: 15px 5% 30px;
	text-align: left;
	line-height: 30px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

div.haif002{
	width: 96%;
	margin: 5px auto 20px;
	float: none;
}
	
div.haif002 p{
	width: 90%;
	margin: 0 auto;
	padding: 15px 5% 30px;
	text-align: left;
	line-height: 30px;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
}





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

	チE�Eブル左のdiv　スタイルスタチE��　パソコン

---------------------------------------------------------------------*/
div.style_staff001{
	width: 20%;
	margin: 100px 0 50px;
	padding: 0;
	float: left;
}

div.style_staff002{
	width: 80%;
	margin: 100px 0 50px;
	padding: 0;
	float: right;
}

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

	チE�Eブル左のdiv　スタイルスタチE��　タブレチE��

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

@media only screen and (max-width: 768px) {
div.style_staff001{
	width: 20%;
	margin: 100px 0 50px;
	padding: 0;
	float: left;
}

div.style_staff002{
	width: 90%;
	margin: 100px 0 50px;
	padding: 0;
	float: right;
}
}

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

	チE�Eブル左のdiv　スタイルスタチE��　スマ�E

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

@media only screen and (max-width: 480px) {
div.style_staff001{
	width: 50%;
	margin: 50px auto 20px;
	padding: 0;
	float: none;
}

div.style_staff002{
	width: 96%;
	margin: 50px auto 20px;
	padding: 0;
	float: none;
}
}

/*  ------------------------------------------------------------------
	table.page005(25:25:25:25�j
---------------------------------------------------------------------*/

table.page005{
	width: 920px;
	margin: 20px auto 20px;
	border-collapse: collapse;
	border:   #d6d6d6 1px solid;
	box-sizing:border-box;
	
}

table.page005 td.left001{
	width: 25%;
	border-right:  #d6d6d6 1px solid;
	border-bottom:   #d6d6d6 1px solid;
	background-color: #ececec;
	padding:20px 0 20px 20px;
	text-align: left;
	vertical-align: middle;
}

table.page005 td.right001{
	width: 25%;
	background-color: #ffffff;
	border-right:  #d6d6d6 1px solid;
	border-bottom:   #d6d6d6 1px solid;
	padding:20px 10px 20px 20px;	
	text-align: right;
	vertical-align: middle;
}

table.page005 tr:last-child td.left001,table tr:last-child td.right001{
	border-bottom: none;
}

/*  ------------------------------------------------------------------
	table.page005(25:25:25:25�j�@�^�u���b�g
---------------------------------------------------------------------*/

@media only screen and (max-width: 768px) {
	table.page005{
	width: 100%;
	margin: 20px auto 20px;
	border-collapse: collapse;
	border:   #d6d6d6 1px solid;
	box-sizing:border-box;
}

table.page005 td.left001{
	width: 25%;
	border-right:  #d6d6d6 1px solid;
	border-bottom:   #d6d6d6 1px solid;
	background-color: #ececec;
	padding:20px 0 20px 20px;
	text-align: left;
	vertical-align: middle;
}

table.page005 td.right001{
	width: 25%;
	background-color: #ffffff;
	border-bottom:   #d6d6d6 1px solid;
	padding:20px 0 20px 20px;	
	text-align: left;
	vertical-align: middle;
}
}

/*  ------------------------------------------------------------------
	table.page005(25:25:25:25�j�@�X�}�z
---------------------------------------------------------------------*/

@media only screen and (max-width: 480px) {
	table.page005{
	width: 96%;
	margin: 20px auto 20px;
	border-collapse: collapse;
	border:   #d6d6d6 1px solid;
	box-sizing:border-box;
}

table.page005 td.left001{
	width: 25%;
	border-right:  #d6d6d6 1px solid;
	border-bottom:   #d6d6d6 1px solid;
	background-color: #ececec;
	padding:20px 1px 20px 1px;
	text-align: left;
	vertical-align: middle;
}

table.page005 td.right001{
	width: 25%;
	background-color: #ffffff;
	border-bottom:   #d6d6d6 1px solid;
	padding:20px 1px 20px 1px;
	text-align: right;
	vertical-align: middle;
}
}



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

	リストスタイル(　　　)スタイルペ�Eジ　パソコン

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

div.style_all{
	position: relative;
    overflow: hidden;
}

ul.style01{
	width: 935px;
	float:left;
    left:50%;
    position:relative;
	padding-left: 25px;
}

ul.style01 li{
	float:left;
    left:-50%;
    position:relative;
	width: 240px;
	margin: 20px 30px;
}


ul.style01 li a:hover img{
opacity:0.60;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
-moz-opacity:0.60;
	transition: 2.0s;
}

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

	リストスタイル(　　　)スタイルペ�Eジ　タブレチE��

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

@media only screen and (max-width: 768px) {
div.style_all{
	position: relative;
    overflow: hidden;
}

ul.style01{
	width: 640px;
	float:left;
    left:50%;
    position:relative;
	padding-left: 25px;
}

ul.style01 li{
	float:left;
    left:-50%;
    position:relative;
	width: 240px;
	margin: 20px 30px;
}


ul.style01 li a:hover img{
opacity:0.60;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
-moz-opacity:0.60;
		transition: 2.0s;
}
}

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

	リストスタイル(　　　)スタイルペ�Eジ　スマ�E

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

@media only screen and (max-width: 480px) {
div.style_all{
	position: relative;
    overflow: hidden;
}

ul.style01{
	width: 100%;
	float:left;
    left:50%;
    position:relative;
	padding-left: 2%;
}

ul.style01 li{
	float:left;
    left:-50%;
    position:relative;
	width: 40%;
	margin: 20px 4%;
}


ul.style01 li a:hover img{
opacity:0.60;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
-moz-opacity:0.60;
		transition: 2.0s;
}
}

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

	���₢���킹�t�H�[��

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

div.form111{
	width:96%;
	margin:10px auto 0 auto;
}

table.tableform{
	width:98%;
	height:auto;
	margin:0px 5px 0px 2px;
	border: 1px solid #d4d4d4;
	border-collapse: collapse;
	line-height:18px;
}

.f_midasi1 {
	width:30%;
	letter-spacing:0.2em;
	line-height: 30px;
	height:auto;
	padding: 10px;
	background: #fff;
	color: #333333;
	padding-top: 6px;
	border: 1px solid #d4d4d4;
	vertical-align: middle;
}

.f_midasi1_1 {
	width:65%;
	letter-spacing:0.2em;
	line-height: 30px;
	padding: 10px;
	background: #ffffff;
	color: #333333;
	border: 1px solid #d4d4d4;
	vertical-align: middle;
}

.form_txt1 {
	width :90%;
	padding: 2%;
	margin: 2%;
	border: 1px solid #d4d4d4;
	vertical-align: middle;
}

.select1 {
	width:90%;
	padding: 2%;
	margin: 2%;
	border: 1px solid #d4d4d4;
	vertical-align: middle;
}

.select2 {
	width:100%;
	padding: 0;
	margin: 0;
	border: 1px solid #d4d4d4;
	vertical-align: middle;
}

.time001{
	width: 18%;
	height: 40px;
	margin: 1%;
}

.time002{
	width: 44%;
	height: 40px;
	margin: 1%;
}

.table_posi01{
	margin: 0;
	padding: 0 0 20px;
}

.form_txt2 {
	width: 90%;
	height: 200px;
	border: 1px solid #d4d4d4;
	padding: 2%;
	margin: 2%;
}

.form_up001{
	margin:30px auto 0 auto;
	text-align: center;
}

.f_bu{
	padding: 5px 10px;
	margin: 0 auto 30px;
}

div.kakunin{
	margin: 0 0 0 60px;
	padding: 10px 0 60px;
	line-height:160%;
	text-align:center;
	color: #333333;
}

p.kakunin001{
	margin: 0;
	padding: 10px 0 60px;
	line-height:30px !important;
	text-align:center !important;
	color: #333333;
}



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

	�C���X�^�@���C��

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

div.inst0001{
	width:95%;
	max-width: 960px;
	margin: 30px auto 0;
	padding:0 0 0 5%;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	clear: both;
	}

@media only screen and (max-width: 480px) {
div.inst0001 {
	width:96%;
	margin:0 auto;
	padding:5% 1% 5% 2%;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
    clear: both;
	}
}

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

	�C���X�^�@�•�

---------------------------------------------------------------------*/
div.inst_staff{
	width: 450px;
	margin:0 0 0 20px;
	padding:0;
	display: block;
	overflow: hidden;
}

@media only screen and (max-width: 768px) {
	div.inst_staff{
	width: 50%;
	margin:0 0 0 20px;
	padding:0;
	display: block;
	overflow: hidden;
}
}

@media only screen and (max-width: 480px) {
	div.inst_staff{
	width: 96%;
		height: 200px;
	margin: 0 0 0 4%;
	padding:0 0 0 0;
	display: block;
	overflow: hidden;
}
}



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

	���斄�ߍ���

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

div.video {
	width:90%;
	max-width: 960px;
	margin:30px auto 0;
	padding:0 5%;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	clear: both;
	}

div.video iframe{
	width: 100%;
	height:350px;
}

div.video p{
	width: 46%;
	margin: 0 1%;
	float: left;
}

@media only screen and (max-width: 480px) {
div.video {
	width:90%;
	margin:0 auto;
	padding:0 2%;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	clear: both;
	}
div.video p{
	width: 96%;
	margin: 0 1%;
	float: left;
}
	
div.video iframe{
	width: 100%;
	height: 50%;
}
}
/*  ------------------------------------------------------------------

	ボタン

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



a.bt0001{
  margin: 30px auto 10px;
  display: block;
  position: relative;
  text-decoration: none;
  height:40px;
  width: 240px;
  line-height: 37px;
  text-align: center;
  color: #333333;
  background: #ffffff;
  border:solid 1px #333333;
  overflow: hidden;
}

a.bt0001:after{
  content:"";
  position: absolute;
  top: -100%;
  left: -100%;
  height: 40px;
  width: 240px;
  background : #999999;
  opacity: 0.3;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
a.bt0001:hover:after{
  top: 0;
  left: 0;
}

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

	ボタン(スタイル　左)パソコン・タブレチE��

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

a.bt0002{
  margin: 10px 0 10px 150px;
  display: block;
  position: relative;
  text-decoration: none;
  height:40px;
  width: 200px;
  line-height: 37px;
  text-align: center;
  color: #333333;
  background: #ffffff;
  border:solid 1px #333333;
  overflow: hidden;
	float: left;
}

a.bt0002:after{
  content:"";
  position: absolute;
  top: -100%;
  left: -100%;
  height: 40px;
  width: 200px;
  background : #c9bfbf;
  opacity: 0.3;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
a.bt0002:hover:after{
  top: 0;
  left: 0;
}

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

	ボタン(スタイル　左)スマ�E

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

@media only screen and (max-width: 480px) {
a.bt0002{
  margin: 10px 0 10px 1px;
  display: block;
  position: relative;
  text-decoration: none;
  height:40px;
  width: 150px;
  line-height: 37px;
  text-align: center;
  color: #333333;
  background: #ffffff;
  border:solid 1px #333333;
  overflow: hidden;
	float: left;
}

a.bt0002:after{
  content:"";
  position: absolute;
  top: -100%;
  left: -100%;
  height: 40px;
  width: 150px;
  background : #c9bfbf;
  opacity: 0.3;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
a.bt0002:hover:after{
  top: 0;
  left: 0;
}
}

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

	ボタン(スタイル　右)パソコン・タブレチE��

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



a.bt0003{
  margin: 10px 150px 10px 0;
  display: block;
  position: relative;
  text-decoration: none;
  height:40px;
  width: 200px;
  line-height: 37px;
  text-align: center;
  color: #ffffff;
  background-color: #c9bfbf;
  border:solid 1px #333333;
  overflow: hidden;
  float: right;
}

a.bt0003:after{
  content:"";
  position: absolute;
  top: -100%;
  left: -100%;
  height: 40px;
  width: 200px;
  background : #ffffff;
  opacity: 0.3;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
a.bt0003:hover:after{
  top: 0;
  left: 0;
}


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

	ボタン(スタイル　右)スマ�E

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


@media only screen and (max-width: 480px) {
a.bt0003{
  margin: 10px 1px 10px 0;
  display: block;
  position: relative;
  text-decoration: none;
  height:40px;
  width: 150px;
  line-height: 37px;
  text-align: center;
  color: #ffffff;
  background-color: #c9bfbf;
  border:solid 1px #333333;
  overflow: hidden;
  float: right;
}

a.bt0003:after{
  content:"";
  position: absolute;
  top: -100%;
  left: -100%;
  height: 40px;
  width: 150px;
  background : #ffffff;
  opacity: 0.3;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
a.bt0003:hover:after{
  top: 0;
  left: 0;
}
}

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

	����

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

span.font95{
	font-size: 95%;
}

span.font90{
	font-size: 90%;
}

span.font80{
	font-size: 80%;
}

span.font70{
	font-size: 70%;
}

span.font70red{
	font-size: 70%;
	background-color: #F8070B;
	color: #fff;
	padding: 1% 1%;
	border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}


span.font110{
	font-size: 110%;
}

span.font120{
	font-size: 120%;
}

span.font140{
	font-size: 140%;
	line-height: 220%;
}
@media only screen and (max-width: 480px) {
	span.font140{
	font-size: 120%;
	line-height: 220%;
}
}

span.font180{
	font-size: 180%;
}

span.font200step{
	font-size: 200%;
}

span.red{
	color: #f98882;
}

span.font120red{
	font-size: 120%;
	color: #f98882;
}

span.ore{
	color: #ff6600;
}

span.bra{
	color: #333333;
}

span.blu{
	color: #403304;
}

span.font80_blu_b{
	font-size: 80%;
	color: #403304;
	font-weight: bold;
}

span.brown{
	color: #412a17;
}

span.font160_brown_b{
	font-size: 160%;
	color: #412a17;
	font-weight: bold;
}

span.font180_red_b{
	font-size: 180%;
	color: #f98882;
	font-weight: bold;
}

span.font140_red_b{
	font-size: 140%;
	color: #f98882;
	font-weight: bold;
}

span.font140_ore_b{
	font-size: 140%;
	color: #ff6600;
	font-weight: bold;
}



p.sub002{
	width: 90% !important;
	margin: 0 0 10px 2% !important;
	padding: 3% 5% 2% 3% !important;
	font-size: 130% !important;
	text-align: center;
	color: #4c3b32 !important;
	line-height: 200%;
}

@media only screen and (max-width: 480px) {
	p.sub002{
	width: 94% !important;
	margin: 0 0 1% 0 !important;
	padding: 3% 3% 2% !important;
	font-size: 100% !important;
    line-height: 30px;
}
}

p.left{
	text-align: left !important;
	color: #000;
}

div.clear{
	clear: both;
}