@charset "utf-8";

@media screen and (min-width:1201px){
	.car1box-r{width:100%;}
}

@media screen and (max-width:1200px){
	.car1box {flex-direction: column;}
	.car1box-r{width:100%;}
}


@media screen and (min-width:1101px){	
	.header {z-index: 1000;}
	.openbtn{display:none;}
	.r_nav1{display:flex; align-items: center; gap:30px; font-size:15px; font-weight: 600; font-family:"Montserrat";}
	#g-nav-list{display:flex; align-items: center; justify-content: flex-end; gap:30px;}
	.main-text-box {bottom: 33px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
}

@media screen and (max-width:1100px){

/******************************** hamburger *************************************/
	.r_top h1{width:70%;}

	#g-nav{
		position:fixed;
		z-index:-1;
		opacity:0;
		transition:all 0.3s;
		width:100%;
		top:-120%;
		left:0;
	}

	#g-nav.panelactive{
		opacity:1;
		z-index:999;
		background:#fff;
		width:100%;
		height:auto;
		top:0;
		padding-top:118px;
	}

	.openbtn{
		position:relative;
		z-index:9999;
		cursor: pointer;
		width:50px;
		height:50px;
	}

	/*ボタン内側*/
.openbtn .openbtn-area{
    transition: all .6s;
	width:50px;
	height:50px;
}

.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
	background: #000;
  	width: 45%;
  }

.openbtn span:nth-of-type(1) {
	top:15px;	
}

.openbtn span:nth-of-type(2) {
	top:23px;
}

.openbtn span:nth-of-type(3) {
	top:31px;
}

.openbtn.active .openbtn-area{
	transform: rotate(360deg);
}

.openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}

	#g-nav.panelactive #g-nav-list{
		position:fixed;
		z-index:999;
		width:100%;
/*		height:100vh;*/
		height:auto;
		overflow: auto;
		-webkit-overflow-scrolling:touch;
		background:#fff;
		padding: 0 1.5em;
	}

	#g-nav .r_nav2{
		display:none;
		position:absolute;
		z-index:999;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}


	#g-nav.panelactive ul{display:block;}
	#g-nav li{list-style:none;}

	#g-nav.panelactive li a{display:inline-block; text-decoration: none; color:#000; padding:26px 0; width:100%; font-weight: 600;}
	.r_nav1.panelactive li+li{border-left:1px solid #fff;}

	#header.active .h_topoya,#header.active .top1,#header.active .openbtn,#header.active .r_nav2{position: relative; z-index:9999;}
	#header.HeightMin #g-nav.panelactive{padding-top:90px;}
	
	.main-text-box{top:5%; left:5%; width:90%;}
	.main_h1{text-align:left;}
	
	.top img {object-position: 72%;}
	.r_top2 {gap: 20px;}
	
}

@media screen and (min-width:951px){
	.sub1_imgbox1 img{height:300px; object-fit: cover;}
	.fot_box2,.fot_box3{margin-left:20px; margin-right:20px;}
}

@media screen and (max-width:950px){
	.sub1_box1{flex-direction: column;}
	.car1box-l{margin:0 auto;}
	.car_oth{justify-content: center; flex-wrap: wrap;}
	.main2sub {padding:0;}
	.sub1_box1-l,.sub1_box1-r{width:100%;}
	.sub1_box1-r{padding-bottom:5rem; max-width: inherit;}
	.sub1_box1{gap:30px;}
	.fot_box{flex-wrap:wrap;}
	.fot_box2,.fot_box3{width:auto; margin-left:0; margin-right:0;}
	.blogoya_div {grid-template-columns: repeat(2, 1fr);}
	.blogimgbox img {height: 185px;}
	.fot_div2 span{font-size:14px;}
	.fot_div2 span::before{top:2px;}
}

@media screen and (min-width:641px){
	.main4{display: grid; grid-template-columns: repeat(2, 1fr); background:#000000;}
	.m4_box1{margin-right:3.8%;}
	.m4_box2{padding:75px 60px; margin-left:3.8%;}
	.r_nav3{display:none;}
	.f_btnbox{display:none;}
	.t_btn{display:none;}
}

@media screen and (max-width:640px){
	.m2_box1{flex-direction: column; display:flex; align-items: flex-start; gap:25px;}
	.m2_box1-1{flex-direction: row; align-items: center;}
	.m2_img1 img{width:36px; height:36px; object-fit: contain;}
	.m2_p1 br{display:none;}
	.m2_p1 span{margin-left:6px;}
	.main2oya{padding:40px 0;}
	.main2oya h3{color:#f89828;}
	.top_border{height:70px;}
	.main1 ,.top img{height:50vh;}
	.m3_p1{width:100%;}
	.main4{display: flex; flex-direction: column; background:#000000;}
	.m4_box2{padding:40px 30px 60px;}
	.m6_box1{flex-direction: column;}
	.fot_box{flex-direction: column;}
	.fot_box1,.fot_box2,.fot_box3{width:100%;}
	.fot_box2,.fot_box3{margin-top:30px;}
	.fot2_box{flex-direction: column; align-items: flex-start; gap:10px;}
	.r_nav2,.h_topoya{display:none;}
	.r_nav3{display:flex; align-items: center; gap:10px; margin-top:20px;}
	.r_nav3 .h_top1_p{font-size:11px;}
	#h_lang2{display:flex; align-items: center; gap:10px;}
	#h_lang2 .h_top1_p{color:#3c3c3c;}
	#h_lang2 a{font-size:14px; color:#222; font-weight: 700;}
	#g-nav.panelactive{height:100vh;}
	.top1 {height: stretch;}
	.top1 img {height: 100%;}
	.r_top{height:56px;}
	#h_topoya2{height:auto;}
    #g-nav.panelactive {padding-top: 60px;}
	#header .container {padding: 0 15px;}
	#header.HeightMin #g-nav.panelactive {padding-top: 64px;}
	.f_btnbox{position: fixed; bottom:0; display:flex; align-items: center; gap:10px;  left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background:rgba(255,255,255,.8); padding:10px 0; width:100%; justify-content: center;}
	.f_btn{position: relative; padding-left:50px; padding: 11px 1rem; font_size: 14px; background: #F65F15; background: linear-gradient(180deg, rgba(246, 95, 21, 1) 0%, rgba(191, 63, 0, 1) 100%); color:#fff; border-radius: 10px; font-weight:600; text-align: center; white-space: nowrap;} 
	.fot{padding-bottom:100px;}
	.m7_div2 {height: 70px !important;}
    #g-nav.panelactive li a {padding: 15px 0;}
	.t_btn{padding-left:50px; padding: 11px 1rem; font_size: 14px; background: #F65F15; background: linear-gradient(180deg, rgba(246, 95, 21, 1) 0%, rgba(191, 63, 0, 1) 100%); color:#fff; border-radius: 10px; font-weight:600; text-align: center; display:inline-block; margin-top:1rem; margin-bottom: 0.5rem;} 
	.header.active .h_topoya2{z-index: 9999999; border-bottom: 1px solid #000; position: relative; background: #fff;}
	.location_div1{width:100%;}
	.location_div2-1{display:none;}
	.location_div3{margin-top:10px;}
	.sub1_box1-r{max-width:inherit; margin-bottom:50px;}
	.sub1_box1{gap:0;}
	.info{flex-direction: column;}
	.blogoya_div {grid-template-columns: repeat(1, 1fr);}
	.blogimgbox2 img {height: 160px;}
	.sub_bread {padding: 14px 0;}

}
@media screen and (max-width:550px){
	.car_about1{flex-direction: column;}
	.car_about1-l, .car_about1-r {width:100%;}
	.sub0box1 {background-position: -38rem;}
}