/**********************************
***********************************
Start of PC
***********************************
**********************************/
@media screen and (min-width: 640px) {

/** mutual **/
.display-sp {
	display: none !important;
}
.display-pc {
	display: initial !important;
}
.footeroffset {
	padding-bottom: 43px;
}
#backtohome {
	left: 30px;
}
#backtotop {
	right: 30px;
}
/**********************************
Start of header
**********************************/
/** Start of svg **/
.header-svg-wrap {
	bottom: 0;
	height: 350px;
}
.header-svg-wrapOn {
	bottom: 200px;
}
.header-svg-wrapNavOn {
	bottom: 0;
	transition: .4s;
}
.svg-header {
	display: inline-block;
	width: 5542px;/*5541.872*/
	height: 350px;
}
/** Start of seach **/
.nav-search {
	position: absolute;
	top: 10px;
	right: 20px;
}
.searchform-wrap {
	padding: 0;
}
#search {
	font-size: 16px;
	padding: 0;
	margin: 0 5px 0 0;
}
/**********************************
End of header
**********************************/
/**********************************
Start of nav
**********************************/
header nav {
	overflow: hidden;
}
.ul-nav {
	text-align: center;
	padding: 20px 0 0;
}
.li-nav {
	display: inline-block;
	width: initial;
	padding: 0 20px 0 0;
}
.li-nav a {
	padding: 0;
}
.li-nav a:hover {
	background-color: transparent;
}
.li-nav a span {
	position: relative;
	font-size: 15px;
	padding: 0;
}
.li-nav a span::after {
	content: "";
	position: absolute;
	bottom: 50%;
	left: 50%;
	width: 0;
	border-bottom: 1px solid #b4b4aa;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	transition: .2s cubic-bezier(0.175, 0.885, 0.32, 1.2);
}
.li-nav a:hover span::after {
	width: 100%;
}
/**********************************
End of nav
**********************************/
/**********************************
Start of index-mutual
**********************************/
.col01 {
	padding-top: 90px;
	padding-bottom: 90px;
}
.col02 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.row01 {
	padding-left: 40px;
	padding-right: 40px;
}
.h2-index,
.h1-single,
.h2-error404 {
	font-size: 24px;
	padding-bottom: 60px;
}
.h1-single,
.h2-error404 {
	padding-top: 45px;
}
.h1-single {
	color: #4d4d4d;
	font-size: 15px;
}
.h2-index-p {
	font-size: 48px;
}
.p-none,
.span-error-url {
	font-size: 14px;
	line-height: 1.4;
}
.error404-desc {
	padding: 45px 0 0;
}
/** Start of boxEffect **/
.boxfade {
	top: 30px;
}
.boxfadeOn {
	top: 0;
}
/**********************************
End of index-mutual
**********************************/
/**********************************
Start of index-bg
**********************************/
.img-index-bg {
	width: 100vw;
	height: auto;
}
/**********************************
End of index-bg
**********************************/
/**********************************
Start of index-top
**********************************/
/*.index-top-logo {
	top: 49%;
}
.span-top-name {
	top: 20px;
	font-size: 24px;
	font-weight: 400;
}*/
.index-top-slider {
	max-width: 900px;
	margin: 0 auto;
}
.index-top-slider-fix {
	height: auto;
	padding-top: 50%;
	padding-top: calc(50% - 45px);
}
.index-top-slider-inner {
	padding: 0 45px;
}
/** slick-arrow **/
.index-top-slider .slick-prev {
	left: 13px;
}
.index-top-slider .slick-next {
	right: 13px;
}
.index-top-slider .slick-prev,
.index-top-slider .slick-next {
	width: 20px;
	height: 20px;
}
/**********************************
End of index-top
**********************************/
/**********************************
Start of index-about
**********************************/
.block-index,
.img-index,
.index-service-wrap {
	max-width: 750px;
}
.li-index-service {
	text-align: center;
	padding: 45px 0 0;
}
.li-index-service p {
	font-size: 15px;
}
.li-index-service h4 {
	font-size: 20px;
}
/** Start of works-thum **/
.ul-index-thum {
	margin: 0 -20px -20px 0;
}
.li-index-thum {
	width: 100%;
	max-width: 220px;
	padding: 0 20px 20px 0;
}
.block-work-hover {
	width: 40%;
	height: 40%;
	padding: 15px;
}
.block-work:hover .block-work-hover {
	width: 25%;
	height: 25%;
}
.block-work-hover svg {
	width: 100%;
	height: auto;
}
/**********************************
End of index-about
**********************************/
/**********************************
Start of index-slidework
**********************************/
.modal-loader {
	font-size: 45px;
}
.index-workslide-inner,
.index-agencyslide-inner {
	overflow-y: hidden;
	padding: 30px 0;
}
.block-workslide-inner {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.block-workslide-thumb-wrap {
	display: inline-block;
	width: 80%;
	width: -webkit-calc(100% - 240px);
	width: calc(100% - 240px);
	vertical-align: top;
}
.block-workslide-thumb,
.block-workslide-nonthumb {
	padding-top: 100%;
}
.img-block-workslide-thumb {
/*	width: auto;
	height: 100%;*/
}
.workslide-data {
	display: inline-block;
	position: relative;
	width: 240px;
	vertical-align: top;
	padding: 60px 30px 45px;
}
.workslide-data .h2-index {
	padding: 0 0 45px;
}
.h3-block-workslidetitle {
	font-size: 15px;
	padding: 0 0 15px;
}
.block-workslid-content p {
	display: inline-block;
	word-wrap: break-word;
	word-break: break-all;
	text-align: justify;
	text-align: left;
	font-size: 14px;
	line-height: 1.3;
}
.workslide-detail-wrap {
	position: absolute;
	bottom: 45px;
	left: 0;
	width: 100%;
}
/**********************************
End of index-slidework
**********************************/
/**********************************
Start of index-company
**********************************/
.block-company-main {
	position: relative;
}
.block-company-main::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 15%;
	left: 50%;
	width: 2px;
	height: 70%;
	background-color: #cccccccc;
}
.block-company-main-01,
.block-company-main-02 {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
.block-company-main-01 {
	padding: 0 30px 0 0;
}
.block-company-main-02 {
	padding: 0 0 0 60px;
}
.span-mainclient {
	display: block;
	padding: 0 0 20px;
}
/** ggl-map **/
#googlemap-wrap {
	padding: 25% 0 0;
}
/**********************************
End of index-company
**********************************/
/**********************************
Start of index-contact
**********************************/
.cf-wrap {
	max-width: 750px;
}
.span-cf-title,
.span-require {
	font-size: 15px;
}
.span-cf-subtitle {
	font-size: 13px;
}
.block-cf input,
.block-cf textarea {
	font-size: 15px;
	padding: 10px;
}
/**********************************
End of index-contact
**********************************/
/**********************************
Start of archive
**********************************/
.page-archive {
	padding: 120px 0 0;
}
/**********************************
End of archive
**********************************/
/**********************************
Start of single
**********************************/
.block-single-inner {
	max-width: 750px;
}
.span-single-title {
	font-size: 26px;
}
/** single-pager **/
.a-single-pager-next span::before,
.a-single-pager-prev span::after {
	top: 40%;
}
/**********************************
End of single
**********************************/
/**********************************
Start of page
**********************************/
.page-wrap {
	padding: 0 0 90px;
}
/**********************************
End of page
**********************************/
/**********************************
Start of footer
**********************************/
.footer-l,
.footer-r {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	padding: 15px 30px 10px;
}
.footer-l {
	text-align: left;
}
.footer-r {
	text-align: right;
}
.span-footer-logo {
	font-weight: bold;
}
/**********************************
End of footer
**********************************/

}
/**********************************
***********************************
End of PC
***********************************
**********************************/