@charset "UTF-8";

@media (max-width: 959px) and (min-width: 751px) {
	
}

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

body{
	overflow-x: hidden;
}

img{
	height: auto !important;
}

a[href^="tel:"] {
	pointer-events: inherit;
}

.pc,
header nav{
	display: none;
}

.sp,
.service-list,
ul#cta-link,
#message-cont,
ul#news-list li a,
.news-box,
#nav-toggle,
.news-box .news-box-list .day,
.news-box .news-box-list .title,
#top-catchy-btn,
#globalcta,
footer #bottom,
footer #top{
	display: block;
}

.openbtn{
	display: inherit;
}

.reason-list .image,
ul#cta-link li,
#message-cont #image,
#message-cont #cont,
.news-box .news-box-item,
.news-box .news-box-list,
#main.works #contents,
#main.works #aside,
#globalcta #contact-btn a{
	width: 100%;
}

#top-catchy-btn a{
	margin: 0 auto 20px;
	font-size: 14px;
	display: block;
}

footer #bottom p{
	padding-bottom: 10px;
}

p#top-catchy-txt{
	padding-bottom: 50px;
}

h2#top-catchy{
	font-size: 32px;
	padding: 175px 15px 25px;
}

p#top-catchy-txt{
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
}

h2#top-catchy span{
	font-size: 14px;
	line-height: 14px;
}

.reason-list .cont{
	width: 100%;
	padding-top: 35px;
}

ul#top-link li a{
	margin-top: 0 !important;
	margin-bottom: 0;
}

ul#top-link li a:hover{
	margin-top: 0;
	margin-bottom: 0;
}

.reason-list li{
	display: block;
	flex-direction: inherit;
}

#main.works{
	display: block;
	padding-top: 30px;
}

.service-list .image,
ul#cta-link{
	width: 100%;
}

.service-list .cont{
	width: 100%;
	padding: 25px;
}

ul#works-list li p.cat{
	font-size: 10px;
}

ul.area-list li,
footer p{
	font-size: 11px;
}

ul#top-link li a p span,
.reason-list .cont p.txt,
ul#works-list li h3,
.service-list .cont li a,
.service-list .cont h4 span,
ul#box-list li p,
ul#cta-link li a p,
.column .swiper-wrapper .swiper-slide a h4,
ul#cta-link li a b,
p#logo-txt,
#message-cont #cont span b span,
ul#news-list li .cont b,
#globalcta #contact-btn a span,
ul#news-list li .cont p.day{
	font-size: 13px;
}

#message-cont #cont p,
ul#news-cat li a,
h3.title,
.news-box .news-box-list .title{
	font-size: 14px;
}

ul#box-list li h4,
ul#cta-link li a h4,
#message-cont #cont span b,
ul#news-list li .cont h3{
	font-size: 16px;
}

ul#top-link li a p{
	font-size: 18px;
}

h3.title span{
	font-size: 28px;
}

#globalcta #contact-btn a{
	font-size: 20px !important;
	height: auto;
	padding-top: 25px;
	padding-bottom: 25px;
}

.service-list .cont h4{
	font-size: 22px;
}

.single-cont #cont h2{
	font-size: 28px;
}

h3.title b{
	font-size: 40px;
}

#globalcta #contact-btn a.btn1{
	margin-bottom: 20px;
}

#globalcta #contact-btn a{
	margin-left: 0px;
}

ul#works-list li h3{
	padding: 15px 0px 10px;
}

.reason-list .cont h4{
	font-size: 18px;
	padding: 20px 0px 15px;
}

ul#works-list li{
	width: 49%;
	margin-right: 2% !important;
}

ul#box-list li{
	width: 100%;
	margin-right: 0% !important;
}

ul#works-list li:nth-child(even),
ul#box-list li:nth-child(even){
	margin-right: 0px !important;
}

h3.title{
	padding-top: 75px;
	padding-bottom: 25px;
}

.service-list .cont li a{
	padding: 20px 10px;
}

.service-list .cont h4{
	padding-bottom: 10px;
}

.service-list .cont h4 span{
	margin-bottom: 7px;
}

footer #top #footer-logo{
	padding-bottom: 20px;
}

.color{
	margin-top: 75px;
}

footer p a{
	margin: 0px 10px 0px;
}

footer p.nav a{
	margin: 0px 3px;
}

#globalcta h3.title{
	text-align: center;
	padding-bottom: 25px;
}

ul#box-list li{
	padding: 30px 20px 20px;
	margin-bottom: 10px;
}

.tab_item{
	width: 30%;
	margin: 0px 1.65%;
	height: 50px;
	line-height: 50px;
	font-size: 13px;
}

.tab_content{
	padding: 20px 20px 20px;
	font-size: 12px;
	line-height: 1.6em;
}

.column .swiper-wrapper .swiper-slide a h4{
	padding: 20px 20px 18px 20px;
}

.column .swiper-wrapper .swiper-slide a p{
	padding: 10px 20px;
	font-size: 12px;
}

ul#cta-link li:nth-child(2){
	border: none;
	border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
}

ul#cta-link li a{
	padding: 35px 45px;
}

ul#cta-link li a p{
	padding: 20px 0px 25px;
}

#logo-image img{
	width: 75px;
}

.outline{
	margin-top: 0px;
}

.company-right{
	float: none;
	width: 100%;
}

#outline-table th{
	padding: 20px 0px 7px;
	font-size: 13px;
	display: block;
	border: none;
}
#outline-table td{
	padding: 0px 0px 20px;
	font-size: 13px;
	display: block;
}

#outline-table th{
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	display: block;
}

#message-cont #image{
	padding-bottom: 20px;
}

ul#news-cat li{
	margin-right: 5px;
}

ul#news-list li .img img{
	width: 100% !important;
	height: 200px !important;
}

ul#news-list li .img{
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	margin-right: 0px;
}

ul#news-list li a{
	padding-bottom: 25px;
}

ul#news-list li .cont p.day{
	margin-right: 20px;
}

ul#top-link{
	display: block;
}

ul#top-link li{
	width: 90%;
	margin: 0 auto;
}

ul#top-link li:nth-child(2){
	margin: 25px auto;
}

ul#top-link li img{
	width: 100%;
}

ul#top-link li a{
	padding-bottom: 40px;
}

ul#works-list li img{
	height: 230px !important;
}

#footer-logo img{
	width: 125px;
}

#inner-mainimg img{
	height: 350px !important;
}

header h1{
	width: 100px;
}

h2#inner-ttl{
	padding: 150px 0px 40px;
	font-size: 30px;
}

h2#inner-ttl span{
	font-size: 12px;
}

#main{
	padding-top: 50px;
}

ul#works-list li p.cat a{
	margin-bottom: 5px;
}

.infiniteslide_wrap img{
	width: auto;
	height: 75px !important;
}

.news-box .news-box-item .link-wrap{
	left: auto;
	right: 0px;
	position: static;
	padding-top: 30px;
}

.news-box .news-box-item .link-wrap a{
	width: 175px;
	line-height: 55px;
	display: flex;
	justify-content: center;
}

.news-box .news-box-list a{
	position: relative;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}

.news-box .news-box-list .tag{
	position: absolute;
	right: 10px;
	top: 25px;
	font-size: 10px;
	margin-right: 0px;
	width: 80px;
	line-height: 26px;
}

#main.works #contents th{
	min-width: 100px;
	max-width: 100px;
	width: 100px;
	font-size: 14px;
	padding: 20px 0px 5px 0px;
	border: none;
}

#main.works #contents td{
	padding: 0px 0px 20px 0px;
}

.news-box .news-box-list .title{
	padding-top: 5px;
}

#main.works #contents{
	padding: 35px;
}

footer{
	padding: 75px 0px 20px;
}








}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */