@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------------------------------------
	スマホ用（～768px）
------------------------------------------------------------------------------------------------------------*/

/*メインイメージ（スマホ）
*************************************************/
#mainImg{
	width: 100%;
	position: relative;	
    background-image:url(../image/home/background_sky2025_02.webp) ;
    background-repeat:  no-repeat;
    background-position:50%;
    background-size: 100%;
}

#mainImg::before{
content: '';
  display: block;
  padding-top: 71.0%;
  /*padding-top: 144%;*/
}

#mainImg_in{
position: absolute;
top:5%;
left: 50%;
transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 100%;
    /*margin: 0 ;
    padding: 0;*/
    /*text-align: center;	*/    
}
#mainImg_in h1.h1_logo01 {
	margin:0 auto ;
    width: 85%;
    /*max-width: 560px;*/
}


.txt_lead {
    color: #ED6C00;
    font-size:1.2em;
    line-height: 180%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    /*text-shadow: 1px 1px 2px #FFFFFF;*/
}

nav#nav_global01{display: none;}


/*動画（スマホ）
*************************************************/
/*#area_movie01, #area_movie02{
	padding: 1rem 0 2rem 0;
}
#area_movie01 ul, #area_movie02 ul{
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
}

#area_movie01 ul li, #area_movie02 ul li{
	width: 90%;
	box-sizing: border-box;
	padding: 0 10px;
	margin: 0 0 1.5rem 0;
}
a.link_movie02{
    display: block;
	position: relative;
	background: #a08c50;
}
a.link_movie02:before{
	position: absolute;
	content: " ";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 48px;
	height: 48px;
	background: url(../image/common/icn_arrow09.png) no-repeat 0 0;
	background-size: 48px;
	opacity: 1;
}
#area_movie01 ul li .title, #area_movie02 ul li .title{
padding: 5px 0 2px 0;
font-size: 1rem;
line-height: 170%;
color: #ea5514;
border-bottom: 1px dotted #ea5514;
}*/
/*サーバアップ用　movie_01*/
/*.movie-thumb {position:relative; width: 100%; }
.movie-overlay {position:absolute;
    opacity: 0.9;
    width: 120px;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.img_movie01{
	display:block;
	padding:0 0.5em;
	box-sizing:border-box;
}
*/


/*-------------------------------------------------------------------------------------------------------------------------------
	タブレット用（768px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:768px){


/*メインイメージ（タブレット用）
*************************************************/
#mainImg{
    background-image:url("../image/home/background_sky2025_02.webp") ;
    background-size: 100%;
    background-position:50% 0% ;
    width: 100%;
}

#mainImg::before{
content: '';
  display: block;
  padding-top: 70.6%;
}
#mainImg_in{
top:5%;
left: 50%;
transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	/*width: 80%;*/
 
}

#mainImg_in h1.h1_logo01 {
	margin:0 auto ;
    width: 84%;
    max-width: 768px;
}


.txt_lead {
    font-size:1.4em;
}



/*MOVIE（タブレット）************************/

/*#area_movie01 ul li, #area_movie02 ul li{
	width: 70%;
}*/

/*フッター（タブレット）
*************************************************/
/*footer{
}*/
/*.copyright{
    display: block;
    position: absolute;
    bottom: 1rem;
	right: 0;
	left: 0;
}*/
/********/
}


/*-------------------------------------------------------------------------------------------------------------------------------
	PC用（1000px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1200px){


/*メインイメージ（PC用）
*************************************************/
#mainImg::before{
content: '';
  display: block;
  padding-top: 58.25%;/*70.6%*/
}
#mainImg_in{
top:5%;
left: 50%;
transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
width: 80%;
}

#mainImg_in h1.h1_logo01 {
	margin:0 auto ;
    width: 84%;
    max-width: 1000px;
}


/********/
}

/*-------------------------------------------------------------------------------------------------------------------------------
	PC用（1280px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1280px){

/*メインイメージ（PC用）
*************************************************/
#mainImg{
    background-image:url("../image/home/background_sky2025_03.webp") ;
    background-size: 100%;
    background-position:50% 0 ;
}
#mainImg::before{
content: '';
  display: block;
  padding-top: 58.25%;/*70.6 58.25%*/
}
#mainImg_in h1.h1_logo01 {
	margin:0 auto ;
    width: 84%;
    max-width: 1600px;
}

/********/
}


/*-------------------------------------------------------------------------------------------------------------------------------
	印刷用
---------------------------------------------------------------------------------------------------------------------------------*/
@media print {

/*メインイメージ（印刷用）
*************************************************/
#mainImg{
    background-image: url(../image/home/background_sky2025_02.webp) ;
    background-size: 100%;
    background-position:50% ;
    width: 100%;
}

#mainImg::before{
content: '';
  display: block;
  padding-top: 70.6%;
}

#mainImg_in{
top:11%;
left: 50%;
transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	width: 90%;
 
}

.txt_lead {
    font-size:1.2em;
}


/********/
}