@charset "UTF-8";
@media screen and (max-width: 1000px) {
.header{
	display: block;
	height: calc(130 / var(--width)* 100vw);
    padding-top: calc(30 / var(--width)* 100vw);
}
.header_logo {
    width: calc(200 / var(--width)* 100vw);
}
.footer .footer_logo{
	width: calc(180 / var(--width)* 100vw);
}
/*-----------------------------------------------
	top
-----------------------------------------------*/
.top_first{
	height:800px !important;
	min-height:auto;
}
.top_first ul li.main{
	background-position: center right 35%;
}
.top_first h3 br{
	display: none_;
}
.top_first ul{
	background-position: left 3% top 30%;
	background-size: 45%;

}
.top_first ul li.mm{
	padding: 0 3%;
}
.top_first h3{
	font-size: 2.2em;
}
.top_first h4{
	font-size: 1.9em;
}
.top_first p.day{
	top: -5em;
	width: 20%;
}
/*----------------------------------------------------------------
* first
----------------------------------------------------------------*/
.firstArea{
	width: 90%;
}
.firstArea p.title{
	font-size: 2.4em;
}
.firstArea p.tx{
	font-size: 1.7em;
}
.first ul{
	width: 100%;
}
/*----------------------------------------------------------------
* title
----------------------------------------------------------------*/
.mainTitle h3{
	font-size: 32px;
}
/*----------------------------------------------------------------
* gaiyo
----------------------------------------------------------------*/
.gaiyo{
	
}
.gaiyoArea{
	width: 94%;
	min-width: auto;
}
/*----------------------------------------------------------------
* sche
----------------------------------------------------------------*/
.sche .scheArea{
	width: 100%;
	margin: 0 auto;
}
.sche .scheBox{
	width: 90%;
}
.sche .scheBox p.scheTitle{
	font-size: 2.5em;
}
.sche .scheBox p.scheCat{
	font-size: 2.5em;
}
.sche .scheBox p.scheTx{
	font-size: 1.7em;
}
.sche ul{
	width: 84%;
}
.sche p.att{
	width: 90%;
}
.sche .kazari01{
	width: 100%;
	
}
.sche .kazari02{
	top: 32%;
	width: 100%;
}
.sche .kazari03{
	bottom: 5%;
	width: 100%;
}
/*----------------------------------------------------------------
* poster
----------------------------------------------------------------*/
.poster ul{
	row-gap:4em;
	width: 90%;
}
/*----------------------------------------------------------------
* btn
----------------------------------------------------------------*/

.c-btnStyle1 {
	min-width: auto;
    font-size: 2.2em;
	width: 70%;
}
}
@media screen and (max-width: 769px) {
img {
    vertical-align: bottom;
}
.header{
	display: block;
	height: calc(50 / var(--width)* 100vw);
       padding-top: calc(10 / var(--width)* 100vw);
}
.header_logo {
     width: calc(96 / var(--width)* 100vw);
     margin: 0 auto;
 }
.footer{
	padding: 5rem 0 2rem;
}
.footer .footer_logo{
	width: calc(70 / var(--width)* 100vw);
	margin: 0 auto 5rem;
}
.footer p.copy{
	font-size: calc(8 / var(--width)* 100vw);
	text-align: center;
}
.footer ul.tLink{
	margin-bottom: 5rem;
}
.footer ul.tLink li{
	display:block;
	margin: 0 0 1rem 0;
	font-size: 1rem;
}
.footer ul.tLink li:last-child{
	margin:0;
}
.footer ul.tCom{
	display: flex;
	justify-content: center;
	margin-bottom: 5rem;
	align-items: center;
	column-gap: 3rem;
}
.footer ul.tCom li{
	width: 25%;
}
.footer ul.tCom li img{
	width:100%;
}
/*-----------------------------------------------
	top
-----------------------------------------------*/
.top_first{
	height:auto !important;
}
.top_first ul{
	height: auto;
	flex-wrap: wrap;
	background-image: none;

}
.top_first ul li{
	width: 100%;
}
.top_first ul li.mm{
	padding: 10rem 0 8rem;
	background-image: url("/-/media/Project/globeride/globeride_cojp/geocamp2025/img/top_kazari.png");
	background-repeat: no-repeat;
	background-size: 75%;
	background-position: center ;
	
}
.top_first h2{
	width: 84%;
	margin: 0 auto 4rem;
}
.top_first h3 br{
	display: none;
}
.top_first h3{
	font-size: 1.6rem;
}
.top_first h4{
	font-size: 1.4rem;
	line-height: 1.6;
}
.top_first h4 br.sp{
	display: none;
}
.top_first .txArea{
	width: 72%;
	margin: 0 auto;
}
.top_first p.day{
	top: -2rem;
	right: 1rem;
	width: 22%;
}
.top_first ul li.main{
	height: 50vh;
	background-size: 110%;
	background-position: center right;
}
/*----------------------------------------------------------------
* first
----------------------------------------------------------------*/
.first{
	padding-top: 5rem;
}
.first .container{
	padding-bottom: 5rem;
}
.firstArea{
	width: 94%;
	padding: 2.5rem;
	border-radius: 1rem;
	margin-bottom: 3rem;
}

.first p.mainIm{
	margin-bottom: 2rem;
	width: 110%;
	margin-left: -5%;
}
.firstArea p.title{
	font-size: 1.8rem;
}
.firstArea p.title br{
	display: block;
}
.firstArea p.tx{
	font-size: 1.2rem;
	line-height: 1.6;
}
.firstArea p.tx br.sp{
	display: none;
}
.firstArea p.cat{
	width: 70%;
	margin-bottom: 1rem;
}
.first ul li p.sub{
	margin-top: 2rem;
}
/*----------------------------------------------------------------
* title
----------------------------------------------------------------*/
.mainTitle{
	margin-bottom: 5rem;
	
}
.mainTitle h3{
	font-size: 2.2rem;
}
.mainTitle p.t1{
	padding-top: 2rem;
	font-size: 1rem;
}
/*----------------------------------------------------------------
* gaiyo
----------------------------------------------------------------*/
.gaiyo{
	padding-top: 7rem;
	padding-bottom: 7rem;
}
.gaiyoArea{
	font-size: .9rem;
}
/*----------------------------------------------------------------
* sche
----------------------------------------------------------------*/
.sche{
	padding-bottom: 7rem;
	
}
.sche .container{
	padding-top: 7rem;
}
.sche .scheBox{
	width: 100%;
	border-radius: 1rem;
	padding: 2.5rem;
}
.sche .scheBox p.scheTitle{
	font-size: 1.7rem;
}
.sche .scheBox p.scheCat{
	font-size: 1.7rem;
}
.sche .scheBox p.scheTx{
	font-size: 1.1rem;
	line-height: 1.6;
}
.sche ul{
	width: 110%;
	margin-left: -5%;
	padding-top: 3rem;
	row-gap:2rem;
}
.sche .scheBox p.scheTitle span{
	border-radius: .2em;
	padding: 0.2rem 1rem; 
}
.sche ul li p.im.m1{
	margin-top: 2rem;
}
.sche ul.m1{
	margin-bottom: 5rem;
}
.sche p.mainIm{
	margin-bottom: 2rem;
	width: 110%;
	margin-left: -5%;
}
.sche p.mainIm img.spim{
	display: block;
}
.sche p.mainIm img.pcim{
	display: none;
}
.sche p.att{
	width: 100%;
	margin: 0 auto;
	padding-top: 5rem;
	font-size: .9rem;
}
.sche .kazari01{
	top: 5em;
	
}
.sche .kazari02{
	top: 32%;
}
.sche .kazari03{
	bottom: 2%;
}
/*----------------------------------------------------------------
* poster
----------------------------------------------------------------*/
.poster{
	padding-bottom: 10rem;
}
.poster .container{
	padding-top: 7rem;
}
.poster ul{
	row-gap:2rem;
	width: 100%;
}
/*----------------------------------------------------------------
* btn
----------------------------------------------------------------*/
.btArea{
	padding-bottom: 8rem;
}
.c-btnStyle1 {
	min-width: auto;
    font-size: 1.4rem;
	width: 90%;
	padding: 1.2em 3.33em 1.2em 1.2em;
}
.c-btnStyle1::after {
    width: 1.5em;
    height: 1.5em;
    background-size: 1.1rem;
}
}
@media screen and (max-width: 500px) {

.footer{
	padding: 3rem 0 1rem;
}
.footer .footer_logo{
	width: calc(70 / var(--width)* 100vw);
	margin: 0 auto 2rem;
}
.footer ul.tLink{
	margin-bottom: 4rem;
}
.footer ul.tLink li{
	display:block;
	margin: 0 0 .5rem 0;
	font-size:.75rem;
}
.footer ul.tLink li:last-child{
	margin:0;
}
.footer ul.tCom{
	margin-bottom: 3rem;
	column-gap: 1.5rem;
}

/*-----------------------------------------------
	top
-----------------------------------------------*/
.top_first ul li.mm{
	padding: 5rem 0 5rem;
	background-size: 84%;
}
.top_first h2{
	width: 92%;
	margin: 0 auto 2rem;
}
.top_first .txArea{
	width: 80%;
	margin: 0 auto;
}
.top_first h3{
	font-size: 1.15rem;
	margin-bottom: 1rem;
}
.top_first h4{
	font-size: 1rem;
}
.top_first p.day{
	top: -1.8rem;
	right: .5rem;
	width: 25%;
}
.top_first ul li.main{
	height: 40vh;
	background-size: 113%;
}

/*----------------------------------------------------------------
* first
----------------------------------------------------------------*/
.first{
	padding-top: 2rem;
}
.first .container{
	padding-bottom: 3rem;
}
.firstArea{
	width: 100%;
	padding: 1.5rem;
	border-radius: .5rem;
}
.firstArea p.title{
	font-size: 1.1rem;
}
.firstArea p.tx{
	font-size: .9rem;
}
.first ul li p.sub{
	margin-top: 1rem;
}
.first ul{
	width: 110%;
	margin-left: -5%;
}

/*----------------------------------------------------------------
* title
----------------------------------------------------------------*/
.mainTitle{
	margin-bottom: 3rem;
	
}
.mainTitle h3{
	font-size: 1.5rem;
}
.mainTitle p.t1{
	padding-top: 1rem;
	font-size: .8rem;
}
/*----------------------------------------------------------------
* gaiyo
----------------------------------------------------------------*/
.gaiyo{
	padding-top: 3rem;
	padding-bottom: 5rem;
}
.gaiyoArea{
	font-size: .9rem;
	width: 100%;
}
.gaiyo dl{
	flex-wrap: wrap;
	padding: 1.5rem 0;
	row-gap:.5rem;
	
}
.gaiyo dl dt{
	width: 100%;
	text-align: left;
}
.gaiyo dl dd{
	width: 100%;
	padding-left:1em; 
}
.gaiyo dl dd br.pc{
	display: none;
}
/*----------------------------------------------------------------
* sche
----------------------------------------------------------------*/
.sche{
	padding-bottom: 5rem;
	
}
.sche .container{
	padding-top: 3rem;
}
.sche .scheBox{
	padding: 1.5rem;
	border-radius: .5rem;
}
.sche .scheBox p.scheTitle{
	font-size: 1rem;
}
.sche .scheBox p.scheCat{
	font-size: 1.1rem;
}
.sche .scheBox p.scheTx{
	font-size: .9rem;
}
.sche ul{
	padding-top: 2rem;
	row-gap:1rem;
}
.sche .scheBox p.scheTitle span{
	border-radius: .2em;
	padding: 0.2rem 1rem; 
}
.sche ul li p.im.m1{
	margin-top: 1rem;
}
.sche ul.m1{
	margin-bottom: 3rem;
}
.sche p.mainIm{
	margin-bottom: 1rem;
}
.sche p.att{
	padding-top: 3rem;
	font-size: .8rem;
}
.sche .kazari01{
	top: 1em;
	
}
/*----------------------------------------------------------------
* poster
----------------------------------------------------------------*/
.poster{
	padding-bottom: 5rem;
}
.poster .container{
	padding-top: 3rem;
}
.poster ul{
	row-gap:1rem;
}
/*----------------------------------------------------------------
* btn
----------------------------------------------------------------*/
.btArea{
	padding-bottom: 3rem;
}
.btArea p.tx{
	font-size: .8rem;
}
.btArea p.tx br{
	display: block;
}
.p-homeTopics__btn {
	padding-top: 1rem;
}
.c-btnStyle1 {
    font-size: .95rem;
	width: 100%;
	padding: 1.3em 3em 1.3em 1.2em;
}
.c-btnStyle1::after {
    background-size: .8rem;
}
}