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

@media screen and (max-width:736px) {
	html, body {
		min-width: 0;
		width: 100%;
		height: 100%;
		-webkit-text-size-adjust : 100%;
		overflow-x: hidden;
	}

	img {
		max-width: 100% !important;
		height: auto;
	}

	.is-sp {
		display: inherit;
	}
	
	.is-pc,
	.hd-nav,
	.page-link ul li dl dd p{
		display: none;
	}
	
	a[href^="tel:"] {
		pointer-events: auto;
	}
	
	input[type="submit"] {
	  appearance: none;
	  -webkit-appearance: none;
	}
	ul.service-list li dl dt img,
	.company-information dl dt,
	.company-information dl dd,
	.top-news .news-info,
	.top-news h2,
	.top-service-inner ul.service-list li .service-info,
	.top-interview .interview-info{
		width: 100%;
	}
	header{
		margin-top: 15px;
	}
	header .hd-inner h1 img{
		width: 200px;
	}
	header .hd-inner h1{
		padding-left: 2rem;
	}
	#nav-toggle{
		top: 40px;
		right: 35px;
	}
	#nav-toggle span{
		color:#333;
		background-color: #333;
	}
	.page-ttl{
		padding: 20px 0px 50px 30px !important;
	}
	
	#main-fv .main-ttl{
		padding: 100px 0px 0px 30px;
		font-size: 32px;
	}
	#main-fv.page-ttl .main-ttl{
		padding-top: 30px;
		padding-left: 20px;
	}
	span.sub-ttl::before{
		width: 30px;
	}
	span.sub-ttl{
		padding-left: 40px;
	}
	.company-inner,
	.interview-inner,
	.page-link,
	.service-inner,
	.interview-inner-single,
	footer .footer-inner,
	.contact-inner,
	.contact-tel,
	.top-company-inner,
	.top-company h2.top-ttl,
	.top-service-inner,
	.top-news{
		width: 94%;
	}
	.company-message,
	ul.service-list li dl,
	.page-link ul,
	.company-information dl dt,
	.company-information dl dd,
	.company-information dl,
	.top-news .news-inner{
		display: block;
	}
	.company-message .message-info,
	.company-message .message-img{
		width: 100%;
		max-width: 100%;
		padding-left: 0px;
	}
	.company-message .message-info p{
		font-size: 14px;
		line-height: 2em;
		padding-top: 20px;
		margin-bottom: 5rem;
	}
	.interview-single h2,
	.top-company-inner h3{
		font-size: 2rem;
	}
	.interview-single .single-area h3,
	.contact-tel h3{
		font-size: 1.8rem;
	}
	.interview-single .single-area h4,
	.contact-tel p{
		font-size: 1.6rem;
	}
	.interview-single .single-area h5{
		font-size: 15px;
	}
	span.sub-ttl,
	.company-message .message-info h3,
	.interview-single .single-area p,
	.interview-single .single-area ul li,
	.interview-single .single-area ol li,
	.contact-inner p,
	.contact-form dl dt,
	.top-company-inner p,
	.company-information dl dt,
	.company-information dl dd,
	ul.service-list li dl dd p,
	.top-service-inner ul.service-list li .service-info p,
	.top-news .news-info ul li dt, .top-news .news-info ul li dd,
	.btn a,
	.top-interview .interview-info p{
		font-size: 1.4rem;
	}
	.page-link ul li dl dd p{
		font-size: 1.3rem;
	}
	.contact-tel .tel{
		padding-left: 50px;
		padding-right: 50px;
	}
	.contact-tel .tel{
		margin-bottom: 1rem;
	}
	.contact-tel h3{
		margin-bottom: 3rem;
	}
	.company-information dl{
		padding: 2rem 0px;
	}
	.contact-tel{
		padding: 3rem 0px;
	}
	.contact-inner p{
		margin-bottom: 4rem;
	}
	
	.company-information{
		
	}
	.interview-inner{
		padding-left: 0px;
		padding-right: 0px;
	}
	ul.service-list li dl dt,
	ul.service-list li dl dd{
		width: 100%;
		max-width: 100%;
	}
	ul.service-list li dl dd{
		padding-left: 0px;
		padding-top: 20px;
	}
	.top-service-inner ul.service-list li .service-info{
		padding-right: 0px;
	}
	ul.service-list li dl dd h2{
		font-size: 26px;
		line-height: 1.4em;
		margin-bottom: 2.5rem;
	}
	.top-service-inner ul.service-list li .service-info h3{
		font-size: 26px;
		line-height: 1.4em;
		margin-bottom: 2rem;
	}
	ul.service-list li dl dd h2 span{
		line-height: 1.2em;
	}
	footer .footer-bt ul{
		justify-content: center;
	}
	footer p.copyright{
		margin-top: 10px;
		font-size: 10px;
	}
	footer{
		padding: 7rem 0px 2rem;
	}
	.footer-info{
		justify-content: center;
	}
	footer .footer-address{
		text-align: center;
	}
	.interview-inner ul,
	.interview-single,
	.contact-inner,
	.company-information{
		display: block;
		padding: 30px;
	}
	.interview-inner ul li + li{
		margin-top: 40px;
	}
	.interview-single .thumbnail{
		margin-bottom: 3rem;
	}
	.page-link ul li{
		margin-bottom: 20px;
	}
	.page-link ul li a{
		height: auto;
	}
	.contact-inner,
	.contact-tel,
	.company-message,
	.service-inner,
	.top-slide{
		margin-bottom: 7rem;
	}
	.company-information dl dt{
		padding-bottom: 3px;
	}
	.top-news h2{
		text-align: center;
		font-size: 18px;
		padding-bottom: 30px;
	}
	.top-slide .scroll_wrap ul li{
		padding-left: 3rem;
	}
	.top-service-inner ul.service-list li{
		background-size: cover !important;
	}
	
	.top-service-inner ul.service-list li a{
		position: relative;
		height: auto;
	}
	.top-service-inner ul.service-list li .service-icon{
		position: absolute;
		width: 150px;
		bottom: 20px;
		right: 20px;
		opacity: 0.2;
	}
	.top-service-inner ul.service-list li .service-inner{
		margin-bottom: 0px;
	}
	.top-news{
		padding: 7rem 0px;
	}
	#main-fv{
		padding: 0px;
	}
	body.top{
		background-size: cover;
	}
	.top-news .news-info ul li dt{
		width: 20%;
	}
	.top-news .news-info ul li dd{
		width: 80%;
	}
	.top-news .news-info ul{
		padding-left: 20px;
		padding-right: 20px;
	}
	.btn-company,
	.btn-service{
		width: 250px;
		height: 70px;
		line-height: 70px;
	}
	.btn-service{
		position: static;
		margin: 20px auto;
	}
	.btn-service{
		top: -20px;
	}
	.top-interview,
	.top-interview .interview-info a{
		padding: 3rem;
	}
	.top-interview .interview-info a{
		border-radius: 20px;
	}
	.top-interview .interview-info h2{
		font-size: 20px;
		padding-top: 15px;
		margin-bottom: 10px;
	}
	.top-interview .interview-info a{
		background-size: 40px;
	}
	.top-interview .interview-info p{
		padding-bottom: 50px;
	}
	#gloval-nav .btn-contact{
		margin: 25px auto 0;
	}
	#gloval-nav .btn-contact a{
		padding: 0px;
		color:#fff;
	}
	.page-link ul li dl dd{
		padding-top: 4.5rem;
	}
	
	.contact-inner p {
		font-size: 1.4rem;
	}
	
	.contact-inner p.midashi{
		font-size: 1.8rem;
		margin-bottom: 30px;
	}
	

}