/*============================================
   PC
============================================*/

/*表示画像*/
img {
max-width: 100%;
height: auto;
margin: 20% 0% 10% 0%;
padding: 0% 0% 0% 0%;
}

.img_01{
max-width: 100%;
height: auto;
margin: -81% 0% 1% 0%;
padding: 0% 0% 0% 0%;
}

.img_02{
max-width: 100%;
height: auto;
margin: -104% 0% 24% 0%;
padding: 0% 0% 0% 0%;
}

.img_03{
max-width: 100%;
height: auto;
margin: -117% 0% 37% 0%;
padding: 0% 0% 0% 0%;
}

.img_04{
max-width: 100%;
height: auto;
margin: -142% 0% 62% 0%;
padding: 0% 0% 0% 0%;
}

.img_05{
max-width: 100%;
height: auto;
margin: -167.5% 0% 87.5% 0%;
padding: 0% 0% 0% 0%;
}

.img_06{
max-width: 100%;
height: auto;
margin: -192.5% 0% 112.5% 0%;
padding: 0% 0% 0% 0%;
}

.img_footer{
max-width: 100%;
height: auto;
margin: -250% 0% 170% 0%;
padding: 0% 0% 0% 0%;
}

span.info1 {
padding: 0% 0% 0% 16.3%;
font-size: 130%;
line-height: 220%;
}

span.info2 {
padding: 0% 0% 0% 19.1%;
font-size: 130%;
line-height: 220%;
}

span.info3 {
padding: 0% 0% 0% 22%;
font-size: 130%;
line-height: 220%;
}

span.info4 {
padding: 0% 0% 0% 18%;
font-size: 130%;
line-height: 220%;
}

span.info5 {
padding: 0% 0% 0% 16.3%;
font-size: 130%;
line-height: 220%;
}

h1{
text-align: left;
font-size: 4.5rem;
padding: 0% 0% 2% 0%;
letter-spacing: .6rem;
}

h2{
text-align: left;
font-size: 4.5rem;
padding: 0% 0% 2% 0%;
letter-spacing: .6rem;
}

span.footer {
}
@media screen and (min-width : 300px) {
span.footer { font-size : 35% }; 
}
@media screen and (min-width : 400px) {
span.footer { font-size : 36% }; 
}
@media screen and (min-width : 500px) {
span.footer { font-size : 37% }; 
}
@media screen and (min-width : 600px) {
span.footer { font-size : 38% }; 
}
@media screen and (min-width : 700px) {
span.footer { font-size : 36% }; 
}
@media screen and (min-width : 800px) {
span.footer { font-size : 37% }; 
}
@media screen and (min-width : 900px) {
span.footer { font-size : 41.5% }; 
}
@media screen and (min-width : 1000px) {
span.footer { font-size : 46% }; 
}
@media screen and (min-width : 1100px) {
span.footer { font-size : 48.5% }; 
}
@media screen and (min-width : 1200px) {
span.footer { font-size : 51% }; 
}
@media screen and (min-width : 1300px) {
span.footer { font-size : 53.5% }; 
}
@media screen and (min-width : 1400px) {
span.footer { font-size : 56% }; 
}
@media screen and (min-width : 1500px) {
span.footer { font-size : 59.5% }; 
}
@media screen and (min-width : 1600px) {
span.footer { font-size : 64% }; 
}
@media screen and (min-width : 1700px) {
span.footer { font-size : 68.5% }; 
}
@media screen and (min-width : 1800px) {
span.footer { font-size : 73% }; 
}
@media screen and (min-width : 1900px) {
span.footer { font-size : 77.5% }; 
}
@media screen and (min-width : 2000px) {
span.footer { font-size : 82% }; 
}
@media screen and (min-width : 2100px) {
span.footer { font-size : 86.5% }; 
}
@media screen and (min-width : 2200px) {
span.footer { font-size : 91.5% }; 
}
@media screen and (min-width : 2300px) {
span.footer { font-size : 96.5% }; 
}
@media screen and (min-width : 2400px) {
span.footer { font-size : 101.5% }; 
}
@media screen and (min-width : 2500px) {
span.footer { font-size : 104.5% }; 
}

span.footer02 {
color: #f6ad16;
}
@media screen and (min-width : 300px) {
span.footer02 { font-size : 35% }; 
}
@media screen and (min-width : 400px) {
span.footer02 { font-size : 36% }; 
}
@media screen and (min-width : 500px) {
span.footer02 { font-size : 37% }; 
}
@media screen and (min-width : 600px) {
span.footer02 { font-size : 38% }; 
}
@media screen and (min-width : 700px) {
span.footer02 { font-size : 36% }; 
}
@media screen and (min-width : 800px) {
span.footer02 { font-size : 37% }; 
}
@media screen and (min-width : 900px) {
span.footer02 { font-size : 41.5% }; 
}
@media screen and (min-width : 1000px) {
span.footer02 { font-size : 46% }; 
}
@media screen and (min-width : 1100px) {
span.footer02 { font-size : 48.5% }; 
}
@media screen and (min-width : 1200px) {
span.footer02 { font-size : 51% }; 
}
@media screen and (min-width : 1300px) {
span.footer02 { font-size : 53.5% }; 
}
@media screen and (min-width : 1400px) {
span.footer02 { font-size : 56% }; 
}
@media screen and (min-width : 1500px) {
span.footer02 { font-size : 59.5% }; 
}
@media screen and (min-width : 1600px) {
span.footer02 { font-size : 64% }; 
}
@media screen and (min-width : 1700px) {
span.footer02 { font-size : 68.5% }; 
}
@media screen and (min-width : 1800px) {
span.footer02 { font-size : 73% }; 
}
@media screen and (min-width : 1900px) {
span.footer02 { font-size : 77.5% }; 
}
@media screen and (min-width : 2000px) {
span.footer02 { font-size : 82% }; 
}
@media screen and (min-width : 2100px) {
span.footer02 { font-size : 86.5% }; 
}
@media screen and (min-width : 2200px) {
span.footer02 { font-size : 91.5% }; 
}
@media screen and (min-width : 2300px) {
span.footer02 { font-size : 96.5% }; 
}
@media screen and (min-width : 2400px) {
span.footer02 { font-size : 101.5% }; 
}
@media screen and (min-width : 2500px) {
span.footer02 { font-size : 104.5% }; 
}

/*============================================
   TOP BANNER
============================================*/

/*表示エリア　横サイズ*/
.area_topinfo {
position: relative;
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 0%;
width: 100%;
transition: all 500ms;
z-index: 777;
}

/*表示エリア　スペース*/
.area_topinfo figure{
position: relative;
width: 100%;
margin: 0% 0% -7.65% 0%;
padding: 0% 0% 0% 0%;
line-height: 0;
text-align: center;
left: -10.5%;
}

/*============================================
   INFO 01
============================================*/

/*表示エリア　横サイズ*/
.area_topimage {
position: relative;
margin: 0% 10% 0% 10%;
padding: 0%x 0% 0% 0%;
width: 80%;
transition: all 500ms;
}

/*表示エリア　スペース*/
.area_topimage figure{
position: relative;
margin: -5% 0% 5% 0%;
padding: 0% 0% 0% 0%;
line-height: 0;
}

/*============================================
   AREA 00
============================================*/

/*全体表示エリア　横サイズ*/
.area00_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　スペース*/
.area00_item figure{
position :relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 0% 0% 0% 0%;
line-height: 0;
}

.area00_item .box04{
position: absolute;
margin: 20% 0% 0% 0%;
padding: 0% 0% 10% 0%;
transition: all 500ms;
left: 0%;
right: 0%;
text-align: center;
z-index: 777;
background: #fff;
}

/*============================================
   AREA 01
============================================*/

/*全体表示エリア　横サイズ*/
.area01_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　スペース*/
.area01_item figure{
position: relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area01_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area01_item .box02{
position:absolute;
top: 64%;
left: 24%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.6rem;
line-height: 220%;
font-weight: 600;
letter-spacing: .26rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area01_item .box03{
position: absolute;
top: 100%;
left: 0%;
right: 0%;
background: #fff;
padding: 5% 10% 15% 0%;
text-align: right;
color: #000; 
font-size: 1.7rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area01_item .box04{
position: absolute;
top: 120%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 15% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 02
============================================*/

/*全体表示エリア　横サイズ*/
.area02_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area02_item figure{
position: relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area02_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area02_item .box02{
position:absolute;
top: 62.2%;
left: 23.5%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.6rem;
line-height: 220%;
font-weight: 600;
letter-spacing: .26rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area02_item .box03{
position: absolute;
top: 98.2%;
left: 0%;
right: 0%;
background: #fff;
padding: 5% 10% 15% 0%;
text-align: right;
color: #000; 
font-size: 1.7rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area02_item .box04{
position: absolute;
top: 120%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 15% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 03
============================================*/

/*全体表示エリア　横サイズ*/
.area03_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area03_item figure{
position: relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area03_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area03_item .box02{
position: absolute;
top: 61.5%;
left: 24%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.6rem;
line-height: 220%;
font-weight: 600;
letter-spacing: .26rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area03_item .box03{
position: absolute;
top: 97%;
left: 0%;
right: 0%;
background: #fff;
padding: 5% 10% 15% 0%;
text-align: right;
color: #000; 
font-size: 1.7rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area03_item .box04{
position: absolute;
top: 120%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 15% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 04
============================================*/

/*全体表示エリア　横サイズ*/
.area04_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area04_item figure{
position: relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area04_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area04_item .box02{
position: absolute;
top: 62%;
left: 24%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.6rem;
line-height: 220%;
font-weight: 600;
letter-spacing: .26rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area04_item .box03{
position: absolute;
top: 97.5%;
left: 0%;
right: 0%;
background: #fff;
padding: 5% 10% 15% 0%;
text-align: right;
color: #000; 
font-size: 1.7rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area04_item .box04{
position: absolute;
top: 120%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 15% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 05
============================================*/

/*全体表示エリア　横サイズ*/
.area05_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area05_item figure{
position: relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area05_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area05_item .box02{
position: absolute;
top : 62%;
left: 24%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size:1.6rem;
line-height: 220%;
font-weight: 600;
letter-spacing: .26rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area05_item .box03{
position: absolute;
top: 97.6%;
left: 0%;
right: 0%;
background: #fff;
padding: 5% 10% 15% 0%;
text-align: right;
color: #000; 
font-size:1.7rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area05_item .box04{
position: absolute;
top: 120%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 15% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 06
============================================*/

/*全体表示エリア　横サイズ*/
.area06_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area06_item figure{
position: relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area06_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area06_item .box04{
position: absolute;
top: 77%;
left: 0%;
right: 0%;
background: #fff;
padding: 10% 0% 10% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA FOOTER
============================================*/

/*全体表示エリア　横サイズ*/
.area_footer_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　スペース*/
.area_footer_item figure{
position: relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area_footer_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area_footer_item .box02{
position:absolute;
width: 100%;
top: 20%;
padding: 0% 0% 0% 0%;
background: #;

color: #000; 
font-size: 5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area_footer_item .box03{
position: absolute;
width: 100%;
top: 60%;
padding: 0% 0% 0% 0%;
background: #;

text-align: center;
color: #000; 
font-size: 1.4rem;
line-height: 100%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.area_footer_item .box04{
position: absolute;
font-family: "Josefin Sans";
color: #253057;
font-size: 4.6rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));

top: 15%;
left: 0%;
right: 0%;
background: #;
padding: 10% 0% 10% 0%;
text-align: center;
z-index: 777;
}

.area_footer_item .box05{
position: absolute;
font-family: "Josefin Sans";
color: #253057;
font-size: 1.2rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .1rem;
transition: all 500ms;

top: 50%;
left: 0%;
right: 0%;
background: #;
padding: 10% 0% 10% 0%;
text-align: center;
z-index: 777;
}

/*============================================
   1500
============================================*/

@media(max-width: 1500px){
	
/*表示画像*/
img {
max-width: 100%;
height: auto;
margin: 20% 0% 10% 0%;
padding: 0% 0% 0% 0%;
}

.img_01{
max-width: 100%;
height: auto;
margin: -81% 0% 1% 0%;
padding: 0% 0% 0% 0%;
}

.img_02{
max-width: 100%;
height: auto;
margin: -104% 0% 24% 0%;
padding: 0% 0% 0% 0%;
}

.img_03{
max-width: 100%;
height: auto;
margin: -117% 0% 37% 0%;
padding: 0% 0% 0% 0%;
}

.img_04{
max-width: 100%;
height: auto;
margin: -142% 0% 62% 0%;
padding: 0% 0% 0% 0%;
}

.img_05{
max-width: 100%;
height: auto;
margin: -167.5% 0% 87.5% 0%;
padding: 0% 0% 0% 0%;
}

.img_06{
max-width: 100%;
height: auto;
margin: -193.2% 0% 113.2% 0%;
padding: 0% 0% 0% 0%;
}

h1{
text-align: left;
font-size: 3.5rem;
padding: 0% 0% 2% 0%;
letter-spacing: .5rem;
}

h2{
text-align: left;
font-size: 3.5rem;
padding: 0% 0% 2% 4%;
letter-spacing: .5rem;
}

span.info1 {
padding: 0% 0% 0% 14%;
font-size: 120%;
line-height: 210%;
}

span.info2 {
padding: 0% 0% 0% 19.9%;
font-size: 120%;
line-height: 210%;
}

span.info3 {
padding: 0% 0% 0% 22.8%;
font-size: 120%;
line-height: 210%;
}

span.info4 {
padding: 0% 0% 0% 18.5%;
font-size: 120%;
line-height: 210%;
}

span.info5 {
padding: 0% 0% 0% 16.8%;
font-size: 120%;
line-height: 210%;
}

/*============================================
    TOP BANNER
============================================*/

/*表示エリア　横サイズ*/
.area_topinfo {
position: relative;
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 0%;
width: 100%;
transition: all 500ms;
z-index: 777;
}

/*表示エリア　スペース*/
.area_topinfo figure{
position: relative;
width: 100%;
margin: 0% 0% -10.8% 0%;
padding: 0% 0% 0% 0%;
line-height: 0;
text-align: center;
left: -15%;
}

/*============================================
   INFO 01
============================================*/

/*表示エリア　横サイズ*/
.area_topimage {
position: relative;
margin: 0% 10% 0% 10%;
padding: 0%x 0% 0% 0%;
width: 80%;
transition: all 500ms;
}

/*表示エリア　スペース*/
.area_topimage figure{
position: relative;
margin: -5% 0% 5% 0%;
padding: 0% 0% 0% 0%;
line-height: 0;
}

/*============================================
   AREA 00
============================================*/

/*全体表示エリア　横サイズ*/
.area00_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　スペース*/
.area00_item figure{
position :relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 0% 0% 0% 0%;
line-height: 0;
}

.area00_item .box04{
position: absolute;
margin: 20% 0% 0% 0%;
padding: 0% 0% 15% 0%;
transition: all 500ms;
left: 0%;
right: 0%;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 01
============================================*/

/*全体表示エリア　横サイズ*/
.area01_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　スペース*/
.area01_item figure{
position: relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area01_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area01_item .box02{
position:absolute;
top: 68%;
left: 20%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .3rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area01_item .box03{
position: absolute;
top: 104%;
left: 0%;
right: 0%;
background: #fff;
padding: 5% 10% 15% 0%;
text-align: right;
color: #000; 
font-size: 1.5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area01_item .box04{
position: absolute;
top: 120%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 15% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 02
============================================*/

/*全体表示エリア　横サイズ*/
.area02_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area02_item figure{
position: relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area02_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area02_item .box02{
position:absolute;
top: 65%;
left: 17.8%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .3rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area02_item .box03{
position: absolute;
top: 101%;
left: 0%;
right: 0%;
background: #fff;
padding: 5% 10% 15% 0%;
text-align: right;
color: #000; 
font-size: 1.5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area02_item .box04{
position: absolute;
top: 120%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 15% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 03
============================================*/

/*全体表示エリア　横サイズ*/
.area03_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area03_item figure{
position: relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area03_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area03_item .box02{
position: absolute;
top: 63.5%;
left: 20%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .3rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area03_item .box03{
position: absolute;
top: 99.5%;
left: 0%;
right: 0%;
background: #fff;
padding: 5% 10% 15% 0%;
text-align: right;
color: #000; 
font-size: 1.5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area03_item .box04{
position: absolute;
top: 120%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 15% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 04
============================================*/

/*全体表示エリア　横サイズ*/
.area04_item{
position:relative;
margin:0% 0% 0% 0%;
padding:0% 0% 0% 0%;
width:100%;
}

/*画像表示エリア　上下スペース*/
.area04_item figure{
position:relative;
width:80%;
margin:0% 10% 0% 10%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area04_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area04_item .box02{
position: absolute;
top: 63.9%;
left: 20%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .3rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area04_item .box03{
position: absolute;
top: 99.9%;
left: 0%;
right: 0%;
background: #fff;
padding: 5% 10% 15% 0%;
text-align: right;
color: #000; 
font-size: 1.5em;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area04_item .box04{
position: absolute;
top: 120%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 15% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 05
============================================*/

/*全体表示エリア　横サイズ*/
.area05_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area05_item figure{
position: relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area05_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area05_item .box02{
position: absolute;
top: 63.8%;
left: 20%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .3rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area05_item .box03{
position: absolute;
top: 99.8%;
left: 0%;
right: 0%;
background:#fff;
padding:5% 10% 15% 0%;
text-align: right;
color: #000; 
font-size:1.5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area05_item .box04{
position: absolute;
top: 120%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 15% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 06
============================================*/

/*全体表示エリア　横サイズ*/
.area06_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area06_item figure{
position: relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area06_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area06_item .box04{
position: absolute;
top: 77%;
left: 0%;
right: 0%;
background: #fff;
padding: 10% 0% 10% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA FOOTER
============================================*/

/*全体表示エリア　横サイズ*/
.area_footer_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　スペース*/
.area_footer_item figure{
position: relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area_footer_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area_footer_item .box02{
position:absolute;
width: 100%;
top: 20%;
padding: 0% 0% 0% 0%;
background: #;

color: #000; 
font-size: 5rem;
line-height: 180%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area_footer_item .box03{
position: absolute;
width: 100%;
top: 60%;
padding: 0% 0% 0% 0%;
background: #;

text-align: center;
color: #000; 
font-size: 1.2rem;
line-height: 100%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.area_footer_item .box04{
position: absolute;
font-family: "Josefin Sans";
color: #253057;
font-size: 4.6rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));

top: 13%;
left: 0%;
right: 0%;
background: #;
padding: 10% 0% 10% 0%;
text-align: center;
z-index: 777;
}

.area_footer_item .box05{
position: absolute;
font-family: "Josefin Sans";
color: #253057;
font-size: 1.2rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .1rem;
transition: all 500ms;

top: 48%;
left: 0%;
right: 0%;
background: #;
padding: 10% 0% 10% 0%;
text-align: center;
z-index: 777;
}

}

/*============================================
   1024px
============================================*/

@media(max-width: 1024px){
	
/*表示画像*/
img {
max-width: 100%;
height: auto;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
}

.img_01{
max-width: 100%;
height: auto;
margin: -35% 0% 35% 0%;
padding: 0% 0% 0% 0%;
}

.img_02{
max-width: 100%;
height: auto;
margin: -73% 0% 73% 0%;
padding: 0% 0% 0% 0%;
}

.img_03{
max-width: 100%;
height: auto;
margin: -102.9% 0% 102.9% 0%;
padding: 0% 0% 0% 0%;
}

.img_04{
max-width: 100%;
height: auto;
margin: -148.5% 0% 148.5% 0%;
padding: 0% 0% 0% 0%;
}

.img_05{
max-width: 100%;
height: auto;
margin: -194.0% 0% 194.0% 0%;
padding: 0% 0% 0% 0%;
}

.img_06{
max-width: 100%;
height: auto;
margin: -241% 0% 241% 0%;
padding: 0% 0% 0% 0%;
}

h1{
text-align: left;
font-size: 3.5rem;
padding: 0% 0% 0% 0%;
letter-spacing: .5rem;
}

h2{
text-align: left;
font-size: 3.5rem;
padding: 0% 0% 0% 4.5%;
letter-spacing: .5rem;
}

span.info1 {
padding: 0% 0% 0% 16%;
font-size: 115%;
line-height: 200%;
}

span.info2 {
padding: 0% 0% 0% 21.9%;
font-size: 115%;
line-height: 200%;
}

span.info3 {
padding: 0% 0% 0% 24.8%;
font-size: 115%;
line-height: 200%;
}

span.info4 {
padding: 0% 0% 0% 20.5%;
font-size: 115%;
line-height: 200%;
}

span.info5 {
padding: 0% 0% 0% 18.8%;
font-size: 115%;
line-height: 200%;
}

/*============================================
   TOP BANNER
============================================*/

/*表示エリア　横サイズ*/
.area_topinfo {
position: relative;
margin: 30% 0% 0% 0%;
padding: 0px 0% 0px 0%;
width: 100%;
transition: all 500ms;
z-index: 777;
}

/*表示エリア　スペース*/
.area_topinfo figure{
position: relative;
width: 106%;
margin: 0% 0% -3.84% 0%;
padding: 0% 0% 0% 0%;
line-height: 0;
text-align: center;
left: -27%;
}

/*============================================
   INFO 01
============================================*/

/*表示エリア　横サイズ*/
.area_topimage {
position: relative;
margin: 0% 2% 0% 2%;
padding: 0%x 0% 0% 0%;
width: 96%;
transition: all 500ms;
}

/*表示エリア　スペース*/
.area_topimage figure{
position: relative;
margin: 30% 0% 0% 0%;
padding: 0% 0% 0% 0%;
line-height: 0;
}

/*============================================
   AREA 00
============================================*/

/*全体表示エリア　横サイズ*/
.area00_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　スペース*/
.area00_item figure{
position :relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 0% 0% 0% 0%;
line-height: 0;
}

.area00_item .box04{
position: absolute;
left: 0%;
right: 0%;
background: #fff;
margin: 44% 0% 0% 0%;
padding: 0% 0% 20% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 01
============================================*/

/*全体表示エリア　横サイズ*/
.area01_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　スペース*/
.area01_item figure{
position: relative;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area01_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area01_item .box02{
position:absolute;
top: 69.9%;
left: 10%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area01_item .box03{
position: absolute;
top: 100.25%;
left: 0%;
right: 0%;
background: #fff;
padding: 2% 5% 30% 0%;
text-align: right;
color: #000; 
font-size: 1.5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area01_item .box04{
position: absolute;
top: 121%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 20% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 02
============================================*/

/*全体表示エリア　横サイズ*/
.area02_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area02_item figure{
position: relative;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area02_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area02_item .box02{
position:absolute;
top: 59.4%;
left: 7%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area02_item .box03{
position: absolute;
top: 89.8%;
left: 0%;
right: 0%;
background: #fff;
padding: 2% 5% 30% 0%;
text-align: right;
color: #000; 
font-size: 1.5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area02_item .box04{
position: absolute;
top: 111%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 20% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 03
============================================*/

/*全体表示エリア　横サイズ*/
.area03_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area03_item figure{
position: relative;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area03_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area03_item .box02{
position: absolute;
top: 47.4%;
left: 10%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area03_item .box03{
position: absolute;
top: 77.6%;
left: 0%;
right: 0%;
background: #fff;
padding: 2% 5% 30% 0%;
text-align: right;
color: #000; 
font-size: 1.5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area03_item .box04{
position: absolute;
top: 98.5%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 20% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 04
============================================*/

/*全体表示エリア　横サイズ*/
.area04_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area04_item figure{
position: relative;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area04_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area04_item .box02{
position: absolute;
top: 35.2%;
left: 10%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area04_item .box03{
position: absolute;
top: 65.5%;
left: 0%;
right: 0%;
background: #fff;
padding: 2% 5% 30% 0%;
text-align: right;
color: #000; 
font-size: 1.5em;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area04_item .box04{
position: absolute;
top: 86%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 20% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 05
============================================*/

/*全体表示エリア　横サイズ*/
.area05_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area05_item figure{
position: relative;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area05_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area05_item .box02{
position: absolute;
top: 23.1%;
left: 10%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .16rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area05_item .box03{
position: absolute;
top: 53.45%;
left: 0%;
right: 0%;
background: #fff;
padding: 2% 5% 30% 0%;
text-align: right;
color: #000; 
font-size: 1.5rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area05_item .box04{
position: absolute;
top: 73%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 20% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 06
============================================*/

/*全体表示エリア　横サイズ*/
.area06_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area06_item figure{
position: relative;
width: 98%;
margin: 0% 1% 0% 1%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area06_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area06_item .box04{
position: absolute;
top: 30%;
left: 0%;
right: 0%;
background: #fff;
padding: 10% 0% 10% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA FOOTER
============================================*/

/*全体表示エリア　横サイズ*/
.area_footer_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　スペース*/
.area_footer_item figure{
position: relative;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area_footer_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area_footer_item .box02{
position:absolute;
width: 100%;
top: -45%;
padding: 0% 0% 0% 0%;
background: #;

color: #000; 
font-size: 5rem;
line-height: 140%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area_footer_item .box03{
position: absolute;
width: 100%;
top: 5%;
padding: 0% 0% 0% 0%;
background: #;

text-align: center;
color: #000; 
font-size: 1.1rem;
line-height: 100%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.area_footer_item .box04{
position: absolute;
font-family: "Josefin Sans";
color: #253057;
font-size: 4.3rem;
line-height: 180%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));

top: -53%;
left: 0%;
right: 0%;
background: #;
padding: 10% 0% 10% 0%;
text-align: center;
z-index: 777;
}

.area_footer_item .box05{
position: absolute;
font-family: "Josefin Sans";
color: #253057;
font-size: 1.0rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .1rem;
transition: all 500ms;

top: -6%;
left: 0%;
right: 0%;
background: #;
padding: 10% 0% 10% 0%;
text-align: center;
z-index: 777;
}

}

/*============================================
   768px
============================================*/

@media(max-width: 768px){

/*表示画像*/
img {
max-width: 100%;
height: auto;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
}

.img_01{
max-width: 100%;
height: auto;
margin: -35% 0% 35% 0%;
padding: 0% 0% 0% 0%;
}

.img_02{
max-width: 100%;
height: auto;
margin: -73% 0% 73% 0%;
padding: 0% 0% 0% 0%;
}

.img_03{
max-width: 100%;
height: auto;
margin: -102.9% 0% 102.9% 0%;
padding: 0% 0% 0% 0%;
}

.img_04{
max-width: 100%;
height: auto;
margin: -148.5% 0% 148.5% 0%;
padding: 0% 0% 0% 0%;
}

.img_05{
max-width: 100%;
height: auto;
margin: -194.0% 0% 194.0% 0%;
padding: 0% 0% 0% 0%;
}

.img_06{
max-width: 100%;
height: auto;
margin: -239.5% 0% 239.5% 0%;
padding: 0% 0% 0% 0%;
}

h1{
text-align: left;
font-size: 2.8rem;
padding: 0% 0% 0% 0%;
letter-spacing: .4rem;
}

h2{
text-align: left;
font-size: 2.8rem;
padding: 0% 0% 0% 1.5%;
letter-spacing: .4rem;
}

span.info1 {
padding: 0% 0% 0% 16%;
font-size: 115%;
line-height: 180%;
}

span.info2 {
padding: 0% 0% 0% 19.2%;
font-size: 115%;
line-height: 180%;
}

span.info3 {
padding: 0% 0% 0% 22%;
font-size: 115%;
line-height: 180%;
}

span.info4 {
padding: 0% 0% 0% 18.6%;
font-size: 115%;
line-height: 180%;
}

span.info5 {
padding: 0% 0% 0% 16.3%;
font-size: 115%;
line-height: 180%;
}

/*============================================
   TOP BANNER
============================================*/

/*表示エリア　横サイズ*/
.area_topinfo {
position: relative;
margin: 30% 0% 0% 0%;
padding: 0px 0% 0px 0%;
width: 100%;
transition: all 500ms;
z-index: 777;
}

/*表示エリア　スペース*/
.area_topinfo figure{
position: relative;
width: 106%;
margin: 0% 0% -3.4% 0%;
padding: 0% 0% 0% 0%;
line-height: 0;
text-align: center;
left: -27.1%;
}

/*============================================
   INFO 01
============================================*/

/*表示エリア　横サイズ*/
.area_topimage {
position: relative;
margin: 0% 2% 0% 2%;
padding: 0%x 0% 0% 0%;
width: 96%;
transition: all 500ms;
}

/*表示エリア　スペース*/
.area_topimage figure{
position: relative;
margin: 30% 0% 0% 0%;
padding: 0% 0% 0% 0%;
line-height: 0;
}

/*============================================
   AREA 00
============================================*/

/*全体表示エリア　横サイズ*/
.area00_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　スペース*/
.area00_item figure{
position :relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 0% 0% 0% 0%;
line-height: 0;
}

.area00_item .box04{
position: absolute;
left: 0%;
right: 0%;
background: #fff;
margin: 46.2% 0% 0% 0%;
padding: 0% 0% 5% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 01
============================================*/

/*全体表示エリア　横サイズ*/
.area01_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　スペース*/
.area01_item figure{
position: relative;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area01_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area01_item .box02{
position:absolute;
top: 67.8%;
left: 6%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.2rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .15rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area01_item .box03{
position: absolute;
top: 100.25%;
left: 0%;
right: 0%;
background: #fff;
padding: 2% 2.5% 30% 0%;
text-align: right;
color: #000; 
font-size: 1.2rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area01_item .box04{
position: absolute;
top: 121%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 15% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 02
============================================*/

/*全体表示エリア　横サイズ*/
.area02_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area02_item figure{
position: relative;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area02_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area02_item .box02{
position:absolute;
top: 57.4%;
left: 5.0%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.2rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .15rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area02_item .box03{
position: absolute;
top: 89.8%;
left: 0%;
right: 0%;
background: #fff;
padding: 2% 2.5% 30% 0%;
text-align: right;
color: #000; 
font-size: 1.2rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area02_item .box04{
position: absolute;
top: 111%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 15% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 03
============================================*/

/*全体表示エリア　横サイズ*/
.area03_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area03_item figure{
position: relative;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area03_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area03_item .box02{
position: absolute;
top: 45.5%;
left: 6%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.2rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .15rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area03_item .box03{
position: absolute;
top: 77.9%;
left: 0%;
right: 0%;
background: #fff;
padding: 2% 2.5% 30% 0%;
text-align: right;
color: #000; 
font-size: 1.2rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area03_item .box04{
position: absolute;
top: 98.5%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 15% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 04
============================================*/

/*全体表示エリア　横サイズ*/
.area04_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area04_item figure{
position: relative;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area04_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area04_item .box02{
position: absolute;
top: 33.3%;
left: 6%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.2rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .15rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area04_item .box03{
position: absolute;
top: 65.7%;
left: 0%;
right: 0%;
background: #fff;
padding: 2% 2.5% 30% 0%;
text-align: right;
color: #000; 
font-size: 1.2em;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area04_item .box04{
position: absolute;
top: 86%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 15% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 05
============================================*/

/*全体表示エリア　横サイズ*/
.area05_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area05_item figure{
position: relative;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area05_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area05_item .box02{
position: absolute;
top: 21.2%;
left: 6%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.2rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .13rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area05_item .box03{
position: absolute;
top: 53.7%;
left: 0%;
right: 0%;
background: #fff;
padding: 2% 2.5% 30% 0%;
text-align: right;
color: #000; 
font-size: 1.2rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.area05_item .box04{
position: absolute;
top: 74.5%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 15% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 06
============================================*/

/*全体表示エリア　横サイズ*/
.area06_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area06_item figure{
position: relative;
width: 98%;
margin: 0% 1% 0% 1%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area06_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area06_item .box04{
position: absolute;
top: 25%;
left: 0%;
right: 0%;
background: #fff;
padding: 10% 0% 15% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA FOOTER
============================================*/

/*全体表示エリア　横サイズ*/
.area_footer_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　スペース*/
.area_footer_item figure{
position: relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area_footer_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area_footer_item .box02{
position:absolute;
width: 100%;
top: -56%;
padding: 0% 0% 0% 0%;
background: #;

color: #000; 
font-size: 5rem;
line-height: 120%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area_footer_item .box03{
position: absolute;
width: 100%;
top: 0%;
padding: 0% 0% 0% 0%;
background: #;

text-align: center;
color: #000; 
font-size: 0.8rem;
line-height: 100%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.area_footer_item .box04{
position: absolute;
font-family: "Josefin Sans";
color: #253057;
font-size: 3.8rem;
line-height: 160%;
font-weight: 600;
letter-spacing: .2rem;
transition: all 500ms;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));

top: -64%;
left: 0%;
right: 0%;
background: #;
padding: 10% 0% 10% 0%;
text-align: center;
z-index: 777;
}

.area_footer_item .box05{
position: absolute;
font-family: "Josefin Sans";
color: #253057;
font-size: 0.8rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .1rem;
transition: all 500ms;

top: -12%;
left: 0%;
right: 0%;
background: #;
padding: 10% 0% 10% 0%;
text-align: center;
z-index: 777;
}

}

/*============================================
   624px
============================================*/

@media(max-width: 624px){
	
/*表示画像*/
img {
max-width: 100%;
height: auto;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
}

.img_01{
max-width: 100%;
height: auto;
margin: -25% 0% 25% 0%;
padding: 0% 0% 0% 0%;
}

.img_02{
max-width: 100%;
height: auto;
margin: -45% 0% 45% 0%;
padding: 0% 0% 0% 0%;
}

.img_03{
max-width: 100%;
height: auto;
margin: -55% 0% 55% 0%;
padding: 0% 0% 0% 0%;
}

.img_04{
max-width: 100%;
height: auto;
margin: -88% 0% 88% 0%;
padding: 0% 0% 0% 0%;
}

.img_05{
max-width: 100%;
height: auto;
margin: -121% 0% 121% 0%;
padding: 0% 0% 0% 0%;
}

.img_06{
max-width: 100%;
height: auto;
margin: -154.25% 0% 154.25% 0%;
padding: 0% 0% 0% 0%;
}

.img_07{
max-width: 100%;
height: auto;
margin: 80% 0% -50% 0%;
padding: 0% 0% 0% 0%;
}

h1{
text-align: left;
font-size: 1.6rem;
padding: 0% 0% 0% 0%;
letter-spacing: .2rem;
}

h2{
text-align: left;
font-size: 1.6rem;
padding: 0% 0% 0% 2%;
letter-spacing: .2rem;
}

span.info1 {
padding: 0% 0% 0% 17.8%;
font-size: 115%;
line-height: 150%;
}

span.info2 {
padding: 0% 0% 0% 19.2%;
font-size: 115%;
line-height: 150%;
}

span.info3 {
padding: 0% 0% 0% 22%;
font-size: 115%;
line-height: 150%;
}

span.info4 {
padding: 0% 0% 0% 18.6%;
font-size: 115%;
line-height: 150%;
}

span.info5 {
padding: 0% 0% 0% 15.4%;
font-size: 115%;
line-height: 150%;
}

/*============================================
   TOP BANNER
============================================*/

/*表示エリア　横サイズ*/
.area_topinfo {
position: relative;
margin: 50% 0% 0% 0%;
padding: 0px 0% 0px 0%;
width: 100%;
transition: all 500ms;
z-index: 777;
}

/*表示エリア　スペース*/
.area_topinfo figure{
position: relative;
width: 96%;
margin: 0% 2% 0% 2%;
padding: 0% 0% 0% 0%;
line-height: 0;
text-align: center;
left: -43%;
}

/*============================================
   INFO 01
============================================*/

/*表示エリア　横サイズ*/
.area_topimage {
position: relative;
margin: 0% 10% 0% 10%;
padding: 0%x 0% 0% 0%;
width: 80%;
transition: all 500ms;
}

/*表示エリア　スペース*/
.area_topimage figure{
position: relative;
margin: 60% 0% 0% 0%;
padding: 0% 0% 0% 0%;
line-height: 0;
}

/*============================================
   AREA 00
============================================*/

/*全体表示エリア　横サイズ*/
.area00_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　スペース*/
.area00_item figure{
position :relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 0% 0% 0% 0%;
line-height: 0;
}

.area00_item .box04{
position: absolute;
left: 0%;
right: 0%;
background: #fff;
margin: 80% 0% 0% 0%;
padding: 0% 0% 10% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 01
============================================*/

/*全体表示エリア　横サイズ*/
.area01_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　スペース*/
.area01_item figure{
position: relative;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area01_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area01_item .box02{
position:absolute;
top: 98%;
left: 4%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.0rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .12rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area01_item .box03{
position: absolute;
top: 135%;
left: 0%;
right: 0%;
background: #fff;
padding: 2% 2.5% 30% 0%;
text-align: right;
color: #000; 
font-size: 1.0rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .12rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
z-index: 777;
}

.area01_item .box04{
position: absolute;
top: 155%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 10% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 02
============================================*/

/*全体表示エリア　横サイズ*/
.area02_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area02_item figure{
position: relative;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area02_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area02_item .box02{
position:absolute;
top: 101.8%;
left: 2.5%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.0rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .12rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area02_item .box03{
position: absolute;
top: 139.25%;
left: 0%;
right: 0%;
background: #fff;
padding: 2% 2.5% 30% 0%;
text-align: right;
color: #000; 
font-size: 1.0rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .12rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
z-index: 777;
}

.area02_item .box04{
position: absolute;
top: 159%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 10% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 03
============================================*/

/*全体表示エリア　横サイズ*/
.area03_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area03_item figure{
position: relative;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area03_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area03_item .box02{
position: absolute;
top: 103.3%;
left: 4%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.0rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .12rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area03_item .box03{
position: absolute;
top: 140.8%;
left: 0%;
right: 0%;
background: #fff;
padding: 2% 2.5% 30% 0%;
text-align: right;
color: #000; 
font-size: 1.0rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .12rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
z-index: 777;
}

.area03_item .box04{
position: absolute;
top: 160%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 10% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 04
============================================*/

/*全体表示エリア　横サイズ*/
.area04_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area04_item figure{
position: relative;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area04_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area04_item .box02{
position: absolute;
top: 104.8%;
left: 4%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.0rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .12rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area04_item .box03{
position: absolute;
top: 142.4%;
left: 0%;
right: 0%;
background: #fff;
padding: 2% 2.5% 30% 0%;
text-align: right;
color: #000; 
font-size: 1.0em;
line-height: 200%;
font-weight: 600;
letter-spacing: .12rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
z-index: 777;
}

.area04_item .box04{
position: absolute;
top: 161.5%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 10% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 05
============================================*/

/*全体表示エリア　横サイズ*/
.area05_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area05_item figure{
position: relative;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area05_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area05_item .box02{
position: absolute;
top: 106.8%;
left: 4%;
padding: 0% 0% 0% 0%;
color: #000; 
font-size: 1.0rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .12rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area05_item .box03{
position: absolute;
top: 144.4%;
left: 0%;
right: 0%;
background: #fff;
padding: 2% 2.5% 30% 0%;
text-align: right;
color: #000; 
font-size: 1.0rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .12rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
z-index: 777;
}

.area05_item .box04{
position: absolute;
top: 164%;
left: 0%;
right: 0%;
background: #fff;
padding: 0% 0% 10% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

/*============================================
   AREA 06
============================================*/

/*全体表示エリア　横サイズ*/
.area06_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area06_item figure{
position: relative;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area06_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

/*============================================
   AREA 07
============================================*/

/*全体表示エリア　横サイズ*/
.area07_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　上下スペース*/
.area07_item figure{
position: relative;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area07_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

/*============================================
   AREA FOOTER
============================================*/

/*全体表示エリア　横サイズ*/
.area_footer_item{
position: relative;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
}

/*画像表示エリア　スペース*/
.area_footer_item figure{
position: relative;
width: 80%;
margin: 0% 10% 0% 10%;
padding: 45% 0% 45% 0%;
line-height: 0;
}

.area_footer_item .box01{
position: absolute;
top: 0%;
left: 0%;
right: 0%;
padding: 0% 0% 0% 0%;
}

.area_footer_item .box02{
position:absolute;
width: 100%;
top: 35%;
padding: 0% 0% 0% 0%;
background: #;

color: #000; 
font-size: 5rem;
line-height: 30%;
font-weight: 600;
letter-spacing: .1rem;
transition: all 500ms;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.area_footer_item .box03{
position: absolute;
width: 100%;
top: 105%;
padding: 0% 0% 0% 0%;
background: #;

text-align: center;
color: #000; 
font-size: 0.7rem;
line-height: 100%;
font-weight: 600;
letter-spacing: ;
transition: all 500ms;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.area_footer_item .box04{
position: absolute;
font-family: "Josefin Sans";
color: #253057;
font-size: 3.6rem;
line-height: 90%;
font-weight: 600;
letter-spacing: .2rem;
filter:
drop-shadow(1px 1px 4px rgba(204,204,204,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));

top: 22%;
left: 0%;
right: 0%;
background: #;
padding: 10% 0% 10% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

.area_footer_item .box05{
position: absolute;
font-family: "Josefin Sans";
color: #253057;
font-size: 0.8rem;
line-height: 200%;
font-weight: 600;
letter-spacing: .1rem;

top: 100%;
left: 0%;
right: 0%;
background: #;
padding: 8% 0% 10% 0%;
transition: all 500ms;
text-align: center;
z-index: 777;
}

}