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

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

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

/*============================================
   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: 0% 0% 0% 0%;
line-height: 0;
}

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

/*============================================
   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: 0% 0% 0% 0%;
line-height: 0;
}

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

/*============================================
   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: 0% 0% 0% 0%;
line-height: 0;
}

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

/*============================================
   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: 37.0%;
padding: 0% 0% 0% 0%;
background: #;

text-align: center;
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: 74.0%;
padding: 0% 0% 0% 0%;
background: #;

text-align: center;
color: #000; 
font-size: 1.4rem;
line-height: 100%;
font-weight: 600;
letter-spacing: .1rem;
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: 29.7%;
left: 0%;
right: 0%;
background: #;
padding: 10% 0% 10% 0%;
text-align: center;
z-index: 7;
}

.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: 64.7%;
left: 0%;
right: 0%;
background: #;
padding: 10% 0% 10% 0%;
text-align: center;
z-index: 7;
}

/*============================================
   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% 0% 0%;
letter-spacing: .3rem;
}

/*============================================
   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: 0% 0% 0% 0%;
line-height: 0;
}

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

/*============================================
   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: 0% 0% 0% 0%;
line-height: 0;
}

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

/*============================================
   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: 0% 0% 0% 0%;
line-height: 0;
}

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

/*============================================
   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: 28.73%;
left: 0%;
right: 0%;
background: #;
padding: 10% 0% 10% 0%;
text-align: center;
z-index: 7;
}

.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: 63.73%;
left: 0%;
right: 0%;
background: #;
padding: 10% 0% 10% 0%;
text-align: center;
z-index: 7;
}

}

/*============================================
   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: .3rem;
}

/*============================================
   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: 0% 0% 0% 0%;
line-height: 0;
}

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

/*============================================
   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: 0% 0% 0% 0%;
line-height: 0;
}

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

/*============================================
   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: 0% 0% 0% 0%;
line-height: 0;
}

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

/*============================================
   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: 95%;
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: 46.25%;
left: 0%;
right: 0%;
background: #;
padding: 10% 0% 10% 0%;
text-align: center;
z-index: 7;
}

.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: 93.2%;
left: 0%;
right: 0%;
background: #;
padding: 10% 0% 10% 0%;
text-align: center;
z-index: 7;
}

}

/*============================================
   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: .3rem;
}

/*============================================
   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: 0% 0% 0% 0%;
line-height: 0;
}

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

/*============================================
   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: 40%;
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: 96%;
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: 4.4rem;
line-height: 162.3%;
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: 38%;
left: 0%;
right: 0%;
background: #;
padding: 10% 0% 10% 0%;
text-align: center;
z-index: 7;
}

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

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

}

/*============================================
   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.5rem;
padding: 0% 0% 0% 0%;
letter-spacing: .3rem;
}

/*============================================
   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: 0% 0% 0% 0%;
line-height: 0;
}

.area01_item .box04{
position: absolute;
margin: 38% 0% 0% 0%;
padding: 0% 0% 0% 0%;
transition: all 500ms;
left: 0%;
right: 0%;
text-align: center;
z-index: 7;
}

/*============================================
   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: 0% 0% 0% 0%;
line-height: 0;
}

.area02_item .box04{
position: absolute;
margin: 38% 0% 0% 0%;
padding: 0% 0% 0% 0%;
transition: all 500ms;
left: 0%;
right: 0%;
text-align: center;
z-index: 7;
}

/*============================================
   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: 0% 0% 0% 0%;
line-height: 0;
}

.area03_item .box04{
position: absolute;
margin: 42% 0% 0% 0%;
padding: 0% 0% 0% 0%;
transition: all 500ms;
left: 0%;
right: 0%;
text-align: center;
z-index: 7;
}

/*============================================
   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: 85%;
padding: 0% 0% 0% 0%;
background: #;

color: #000; 
font-size: 5rem;
line-height: 31%;
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: 155%;
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: 4.2rem;
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: 74%;
left: 0%;
right: 0%;
background: #;
padding: 10% 0% 10% 0%;
transition: all 500ms;
text-align: center;
z-index: 7;
}

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

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

}