/*-------------------- mobile --------------------*/
@media screen and (max-width: 768px) {
	.pc{
		display:none;
	}
	.mobile{
		display:block;
	}
	
    .mv_area{
        img{
            width:100px;
        }
    }
	
	 /* Menu smp 939 */
  .hamburger {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    position: fixed;
    top: 6px;
    right: 6px;
    z-index: 10000;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
	  background: #000B46;
  }
  .hamburger__icon {
    position: relative;
    margin-top: 7px;
    margin-bottom: 7px;
  }
  .hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
    display: block;
    width: 25px;
    height: 2px;
    background-color: white;
    -moz-transition-property: background-color, -moz-transform;
    -o-transition-property: background-color, -o-transform;
    -webkit-transition-property: background-color, -webkit-transform;
    transition-property: background-color, transform;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
  }
  .hamburger__icon:before, .hamburger__icon:after {
    position: absolute;
    content: "";
  }
  .hamburger__icon:before {
    top: -7px;
  }
  .hamburger__icon:after {
    top: 7px;
  }
  .hamburger.active .hamburger__icon {
    background-color: transparent;
  }
  .hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {
    background-color: #fff;
  }
  .hamburger.active .hamburger__icon:before {
    -moz-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    -webkit-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
  }
  .hamburger.active .hamburger__icon:after {
    -moz-transform: translateY(-7px) rotate(-45deg);
    -ms-transform: translateY(-7px) rotate(-45deg);
    -webkit-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
  }

  .fat-nav {
    top: 0;
    left: 0;
    z-index: 9999;
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .fat-nav__wrapper {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
  }
  .fat-nav__wrapper .menu-globalnav-container {
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .fat-nav.active {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .fat-nav ul {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 0;
  }
  .fat-nav li {
    list-style-type: none;
    text-align: center;
    padding: 15px;
    margin: 0 0 15px;
    font-size: 20px;
  }
  .fat-nav li, .fat-nav li a {
    color: #fff;
    font-family: Yu Gothic,Yu Gothic M,"メイリオ",sans-serif;
  }
  .fat-nav li a {
    text-decoration: none;
  }

  
  .fat-nav li.nav_s a {
    color: #ffcc22;
  }
	.fat-nav #main-nav {
		flex-direction: column;
		gap: 30px;
		padding: 50px;
		box-sizing: border-box;
	}
	/* End menu smp */
	
	.news_main {
        padding: 30px 0;
    }
	.news_wrap{
		padding:0 20px;
	}
	.row {
		flex-direction: column;
	}
	#header{
		height:60px;
	}
/* 	#header .header-content #main-nav {
		display: none;
	} */
	.header_nav{
		display:none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000b46;
		z-index:1000;

		#main-nav{
			flex-direction:column;
			padding-top:50px;
			
			li{
				a{
					font-size:18px;
				}
			}
		}
	}
	
	#header .header-content {
/*         padding: 18px 10px; */
    }
	#header .site-logo img{
		width: 220px;
	}
	.main-section  {
		height: 300px;
		padding:0;
	}
	.main-section .box{
		justify-content:center;
	}
	.main-section h1 {
		padding: 20px 30px;
		border-radius: 15px;
		font-size:24px;
	}
	.service-section, .info-section, .access-section {
        padding-left: 4%;
        padding-right: 4%;
    }
	.title-line {
		margin-bottom: 30px;
	}
	.mb_mg{
		margin:0;
	}
	.news-title  {
		text-align: center;
	}
	.news-section h2 {
		margin-bottom: 0;
	}
	.news-list ul li {
		border-bottom: 2px solid #878787;
		flex-wrap: wrap;
		gap: 25px;
		padding: 20px 12px 20px 0;
		background-size: 10px;
	}
	.more_link{
		margin:0 auto;
	}
	.category-page .post-list .post-item {
		border-bottom: 2px solid #878787;
		padding: 20px 12px 20px 0;
		background-size: 10px;
	}
	.category-page .post-list .post-item .post-content {
		flex-wrap: wrap;
		gap: 5px 25px;
		
		a{
			flex-basis:100%;
		}
	}
	.service-section .banner-service .banner-content {
		position: relative;
		padding: 25px 0 45px;
		border-radius: 0;
		max-width: 100%;
	}
	.banner-service {
		margin-bottom: 50px;
	}
	.banner-service .banner-content a {
		width: 60px;
		height: 60px;
		right: -14px;
		bottom: -15px;
		padding: 18px 24px;
	}
	.company-info{
		dl{
			grid-template-columns:100px 1fr;
			gap:20px;
			padding: 20px 0;
			font-size:14px;
		}
	}
/* 	.company-info .info-row {
		grid-template-columns:120px 1fr;
		gap:10px;
		padding: 20px 0;
	} */
	#footer  {
		padding:0;
		
		&:before, &:after{
			content:none;
		}
	}
	.footer_wrap{
		flex-direction:column;
	}
	#footer .footer-left{
		background: #000B46;
	}
	#footer .footer-right{
		background: rgb(0 11 70 / 80%) 50%;
	}
	#footer .footer-left, #footer .footer-right {
        padding: 30px 20px;
/*         width: 384px; */
        flex: auto;
        box-sizing: border-box;
    }
	.footer-logo {
		margin-bottom: 20px;
		
		img{
			width: 220px;	
		}
	}
	.footer-menu ul {
		padding: 0;
	}
	.info-section img {
		margin-bottom: 25px;
	}
	
	.news_return{
		margin-top:40px;

		a{
			width:250px;
			padding:10px;
		}
	}
	
/*-------------------- question ang answer --------------------*/
.que_ans_section {
/*     padding-left: 175px;
    padding-right: 175px; */
/*     padding-left: 4%;
    padding-right: 4%; */
}
.que_ans_section .section_title {
        margin-bottom: 30px;
}
.que_ans_section .section_contents .que_ans_lists .que_ans_box dl {
	grid-gap: 10px;
	padding: 10px 25px 10px 10px;
}
.que_ans_section .section_contents .que_ans_lists .que_ans_box .que_box:before {
	right: 10px;
	width: 7px;
	height: 7px;
}
.que_ans_section .section_contents .que_ans_lists .que_ans_box dt {
	font-size: 20px;
}
.que_ans_section .section_contents .que_ans_lists .que_ans_box dl {
	justify-content: flex-start;
}
	
.sub_container{
	padding:50px 20px;
}
.sub_section{
	.title{
		h1{
			font-size:24px;
		}
	}
}
	
/*---------- service ----------*/
.service_column{
	grid-template-columns:1fr;
	gap:20px;
	
	.box{
		order:1;
		
		h2{
			margin-bottom:20px;
			font-size:20px;
			border-bottom:1px solid #000B46;
		}
		p{
			font-size:14px;
		}
	}
	.img{
		order:2;
		height:200px;
	}
}
	
/*---------- contact ----------*/
.contact_container{
	display:grid;
	gap:20px;
	
	dl{
		grid-template-columns:1fr;
		gap:10px;
		
		dt{
			p{
				font-size:14px;
				
				span{
					font-size:11px;
				}
			}
		}
		dd{
			p{
				input, textarea{
					font-size:14px;
				}	
			}
		}
	}
	> p{
		margin:20px 0 0;
		
		input[type="submit"]{
			padding:15px;
			font-size:16px;

			&:hover{
				opacity:1;
			}
		}
	}
}
	
	
}