@charset "utf-8";
/* CSS Document */


/*--  title --*/
.mainArea {
	display: none;
}	

/*--  GeneralList --*/
.GeneralList {
	display: none;
}
	
@media screen and (max-width: 767px) {/* // Mobile // */
	/*============================================================================*/
	/*Breadcrumbs*/
	.commonBreadcrumb_upper {
		position: relative;
		top: 12rem;
	}	

    .h1_heading {
        margin-top: -4rem;
        margin-left: -2rem;
    }	
	

	/*-- globeride --*/
	.flex_box{
		display: flex;
		flex-direction: column;
		grid-gap: 5rem;
	}
	
	.flex_box_item_1{
		font-size: 2.6rem;
		line-height: 4rem;
	}
	
	.flex_box_item_2{
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	.flex_box_item_1 img{
		max-width: 273px;
	}

	.current_img{
		padding-top: 3rem;
		max-width: 110rem;
		margin: 0 auto;
	}	
	
	
	/*-- lead_area --*/
	.lead_area{
		margin-top: 10rem;
		/*padding-bottom: 10rem;*/
	}
	
	/*-- current_area --*/
	.current_area{
		font-size: 1.3rem;
		line-height: 2.4rem;
	}
	.globerideOverview{
		margin-top: 2rem;
	}
	.globerideOverview .globerideOverview_list{
		display: flex;
		justify-content: flex-start;
		border-bottom: 1px solid #ccc;		
	}	
	.globerideOverview .globerideOverview_list dt {
		width: 30%;
		padding: 2rem;
		background: #f6f4f3;
	}
	.globerideOverview .globerideOverview_list dd {
		margin-inline-start: 0px;
		padding: 2rem;
		width: 70%;
		border-left: 1px solid #ccc;
	}
	.globerideOverview .globerideOverview_list:nth-child(even){
		/*background: #f2f2f2;*/
	}
	.globerideOverview  .globerideOverview_list:first-child{
		border-top: 1px solid #ccc;
	}		
	
	
	h2{
		margin-top: 7rem;
	}
	
	h3{
		margin-top: 2rem;
		margin-bottom: 1.5rem;
	}
	

	.flex_box2{
		margin-top: 5rem;
		display: flex;
		flex-direction: column;
		width: 100%;
		grid-gap: 2rem;
	}
	.flex_box2_item{
		width: 100%;
		font-size: 2.6rem;
		line-height: 4rem;
		padding-top: 5rem;
	}
		
	.link_heading {
		margin-top: -12rem;
		margin-left: 5rem;
	}
	
	.link_heading_txt{
		margin-top: 1rem;
		font-size: 3rem;
		font-weight: bold;
		color: #ffffff;
	}
	
	.flex_box2_item a:hover{
		opacity: 0.7;
	}	
	


	.txt_box{
		font-size: 1.3rem;
		line-height: 2.4rem;
	}	
	
	
	
	/*-- tab --*/	
	.tab{
		max-width: 100%;
		padding-top: 12rem;
		margin: 0 auto;
		color: #000000;
	}
	.tab-list{
		display: flex;
		flex-wrap: wrap;
		color: #000000;
		font-weight: bold;
	}


	.tab-list-item{
		width: 50%;
		text-align: center;
		padding: 1rem 0;
		cursor: pointer;
	}

	.tab-list a{
		display: block;
		text-decoration: none;
		border: solid 1px #ddd;
		border-left: 0 none;
		transition: all 0.15sease 0s;
		/*color: #000000;*/
		/*background-color: #dddddd;*/
	}	
	.tab-list a:first-child {
		border-left: solid 1px #ddd;
	}	

	.tab-list a:nth-child(3) {
		border-left: solid 1px #ddd;
	}	


	/*-- tab contents --*/		
	.tab-contents{
		color: #000000;
		/*background-color: #dddddd;*/
		padding: 3rem 0rem;
		display: none;
	}

	.is-btn-active{
		background-color: #000000;
		color: #ffffff;
	}

	.is-contents-active{
		display: block;
		/*color: #ffffff;*/
		/*background-color: #dddddd;*/
	}	

	.tab-list a:hover{
		background-color: #000000;
		color: #ffffff;
	}	

	.tab_head{
		margin-top: 1rem;
		padding-bottom: 1.5rem;
		border-bottom: 1px solid #dddddd;
	}

	.tab-contents{
		font-size: 1.3rem;
		line-height: 2.4rem;
	}	

	.glTabConHeader{
		padding-top: 2rem;
	}	


	.glTabConHeader	.imgL {
		max-width: 228px;
		float: left;
		margin: 0 32px 24px 0;
	}
	.glTabConHeader:after {
		display: block;
		content: "";
		clear: both;
	}	

	.glTabConHeader .img_f{
		max-width: 127px;
	}	

	.glTabConHeader .img_t{
		max-width: 102px;
	}	

	.glTabConHeader .img_g{
		max-width: 214px;
		float: left;
		margin: 0 32px 24px 0;
	}	

	.glTabConHeader .img_c{
		max-width: 482px;
	}	


	h5{
		font-size: 1.6rem;
		margin-top: 3rem;
	}	

	.p_space{
		margin-top: 1.5rem;
	}		
	



	
	/*============================================================================*/
	.onlyPC {display: none;}
	/*============================================================================*/	
}
	
@media screen and (min-width: 768px) {/* // PC // */
	/*============================================================================*/
	/*Breadcrumbs*/
	.commonBreadcrumb_upper {
		position: relative;
		top: 29rem;
	}
	
    .h1_heading {
        margin-left: -7rem;
        margin-top: 5rem;
    }
	
	/*-- globeride --*/
	.flex_box{
		display: flex;
		flex-direction: row;
		grid-gap: 5rem;
	}
	
	.flex_box_item_1{
		font-size: 2.6rem;
		line-height: 4rem;
	}
	
	.flex_box_item_2{
		font-size: 2.6rem;
		line-height: 4rem;
	}
	.flex_box_item_1 img{
		max-width: 273px;
	}

	.current_img{
		padding-top: 8rem;
		max-width: 110rem;
		margin: 0 auto;
	}	
	
	
	/*-- lead_area --*/
	.lead_area{
		margin-top: 10rem;
		/*padding-bottom: 10rem;*/
	}
	
	/*-- current_area --*/
	.globerideOverview{
		margin-top: 2rem;
	}
	.globerideOverview .globerideOverview_list{
		display: flex;
		justify-content: flex-start;
		border-bottom: 1px solid #ccc;		
	}	
	.globerideOverview .globerideOverview_list dt {
		width: 30%;
		padding: 2rem;
		background: #f6f4f3;
	}
	.globerideOverview .globerideOverview_list dd {
		margin-inline-start: 0px;
		padding: 2rem;
		width: 70%;
		border-left: 1px solid #ccc;
	}
	.globerideOverview .globerideOverview_list:nth-child(even){
		/*background: #f2f2f2;*/
	}
	.globerideOverview  .globerideOverview_list:first-child{
		border-top: 1px solid #ccc;
	}		
	
	
	h2{
		margin-top: 10rem;
	}
	
	h3{
		margin-top: 2rem;
		margin-bottom: 1.5rem;
	}
	

	
	
	.flex_box2{
		margin-top: 15rem;
		padding-bottom: 10rem;
		display: flex;
		flex-direction: row;
		width: 100%;
		grid-gap: 2rem;
	}
	.flex_box2_item{
		width: 33%;
		font-size: 2.6rem;
		line-height: 4rem;
	}
		
	.link_heading {
		margin-top: -15rem;
		margin-left: 5rem;
	}
	
	.link_heading_txt{
		margin-top: 1rem;
		font-size: 3rem;
		font-weight: bold;
		color: #ffffff;
	}
	
	.flex_box2_item a:hover{
		opacity: 0.7;
	}

	

	
	/* general*/
	section.GeneralList.GeneralList_listPage > .GeneralList_list {
		grid-template-columns: 40rem 40rem 40rem;
		grid-gap: 4rem 4rem;
	}
	
	section.GeneralList.GeneralList_listPage > .GeneralList_list > li {
			width: 42rem;
			height: 20rem;
	}



	/*-- tab --*/	
	.txt_box{
		line-height: 2.4rem;
	}	


	.tab{
		max-width: 100%;
		padding-top: 20rem;
		margin: 0 auto;
		color: #000000;
	}
	.tab-list{
		display: flex;
		color: #000000;
		font-weight: bold;
	}


	.tab-list-item{
		width: 25%;
		text-align: center;
		padding: 1rem 0;
		cursor: pointer;
	}

	.tab-list a{
		display: block;
		text-decoration: none;
		border: solid 1px #ddd;
		border-left: 0 none;
		transition: all 0.15sease 0s;
		/*color: #000000;*/
		/*background-color: #dddddd;*/
	}	
	.tab-list a:first-child {
		border-left: solid 1px #ddd;
	}	



	/*-- tab contents --*/		
	.tab-contents{
		color: #000000;
		/*background-color: #dddddd;*/
		padding: 3rem 0rem;
		display: none;
	}

	.is-btn-active{
		background-color: #000000;
		color: #ffffff;
	}

	.is-contents-active{
		display: block;
		/*color: #ffffff;*/
		/*background-color: #dddddd;*/
	}	

	.tab-list a:hover{
		background-color: #000000;
		color: #ffffff;
	}	

	.tab_head{
		margin-top: 5rem;
		padding-bottom: 1.5rem;
		border-bottom: 1px solid #dddddd;
	}

	.tab-contents{
		line-height: 2.4rem;
	}	

	.glTabConHeader{
		padding-top: 2rem;
	}	


	.glTabConHeader	.imgL {
		max-width: 228px;
		float: left;
		margin: 0 32px 24px 0;
	}
	.glTabConHeader:after {
		display: block;
		content: "";
		clear: both;
	}	

	.glTabConHeader .img_f{
		max-width: 127px;
	}	

	.glTabConHeader .img_t{
		max-width: 102px;
	}	

	.glTabConHeader .img_g{
		max-width: 214px;
		float: left;
		margin: 0 32px 24px 0;
	}	

	.glTabConHeader .img_c{
		max-width: 482px;
	}	


	h5{
		font-size: 1.6rem;
		margin-top: 3rem;
	}	

	.p_space{
		margin-top: 1.5rem;
	}	
	
	/*============================================================================*/
	.onlyMO {display: none;}
	/*============================================================================*/	
}