@charset "UTF-8";
/* ====================================================
@media screen and (min-width: 1180px)
==================================================== */
.content {
	margin-top: 85px;
}

/*
.ttl-01 span:after {
	width: 260px;
	height: 6px;
	margin-left: 5px;
}
*/
.ttl-02 {
	font-size: 7rem;
	margin-bottom: 30px;
}

.ttl-02 span {
	font-size: 1.6rem;
}

.ttl-03 {
	font-size: 24px;
	border-left: 4px solid #1e8ea4;
	padding-left: 12px;
	margin-bottom: 25px;
/*
	padding-top: 7px;
	padding-bottom: 7px;
*/
}

.ttl-04 {
	font-size: 49px;
	margin-bottom: 25px;
}

.ttl-04 span {
	font-size: 16px;
}

.ttl-04 span:after {
	width: 90px;
	height: 4px;
	margin-left: 5px;
}

.ttl-05 {
	font-size: 28px;
}

.ttl-05:after {
	height: 4px;
	margin-left: 5px;
}

.ttl-06 {
	font-size: 3.2rem;
	margin-bottom: 50px;
}

.ttl-06 span:after {
	height: 10px;
}
.btnStyle span,
.btnStyle a {
	padding: 16px 10px;
	max-width: 500px;
	font-size: 1.8rem;
	color: #fff;
	text-decoration: none;
}
.btnStyle a:after {
	line-height: 57px;
}

.btnStyle.btn-style02 a {
	padding: 10px 10px;
	font-size: 22px;
}

.btnStyle.btn-style03 a:after {
	left: 40px;
	width: 25px;
	height: 20px;
}

.btnStyleBase a {
	padding: 19px 20px 21px;
	max-width: 500px;
	font-size: 16px;
	height: 66px;
}

#main-header .navGlobal {
	height: 85px;
}

#main-header .navGlobal .logo img {
	max-width: 260px;
}

#main-header .navGlobal .navGlobalIn {
	padding-right: 85px;
}

#main-header .navGlobal .navGlobalIn li a {
	font-size: 1.5rem;
}
#main-header .navGlobal .navGlobalIn li a span {
	font-size: 1.2rem;
}

#main-header .btn-menu {
	width: 85px;
	height: 85px;
}

#main-header .btn-menu>span {
	left: 27px;
	width: 30px;
}

#main-header .btn-menu>span:nth-child(1) {
	top: 30px;
}

#main-header .btn-menu>span:nth-child(2) {
	top: 42px;
	width: 15px;
}

#main-header .btn-menu>span:nth-child(3) {
	top: 54px;
}

#main-header .btn-menu.on span:nth-child(1) {
	top: 40px;
}

#main-header .btn-menu.on span:nth-child(3) {
	top: 40px;
}

#main-header .main-menu .menu-inner {
	padding: 40px;
}

#main-header .main-menu .menu-inner .menu-item .listChoice {
	margin-bottom: 40px;
}

#main-header .main-menu .menu-inner .menu-item .listChoice li {
	margin-bottom: 20px;
	padding-left: 25px;
}

#main-header .main-menu .menu-inner .listIcon {
	right: 10px;
	bottom: 115px;
}

#main-header .main-menu .menu-inner .listIcon img {
	max-height: 33px;
	margin: 0px 33px;
}

#main-footer .backTop {
	height: 50px;
	width: 50px;
	padding-top: 15px;
}

#main-footer .backTop img {
	width: 21px;
	height: 12px;
}

#main-footer .footer-inner {
	padding: 65px 0px 45px;
}

#main-footer .footer-inner>a img {
	width: 325px;
}

#main-footer .footer-inner .listInfo {
	margin: 40px 0px;
	padding: 0px 20px;
}

#main-footer .footer-inner .listInfo li a {
	font-size: 14px;
	padding: 0px 20px;
}

#main-footer .footer-inner .listIcon img {
	max-height: 23px;
	margin: 0px 23px;
}

#main-footer .coppyRight {
	font-size: 13px;
	padding: 15px 0px 12px;
}

.main-visual {
	height: calc( 100vh - 85px );
}
.main-visual .txtVs {
	margin-bottom: 150px;
	padding-right: 50px;
}
.main-visual .txtFixed {
	top: -90px;
}

#scroll a {
	font-size: 12px;
}

#scroll a:after {
	top: -42px;
    left: 0;
    right: 0;
}

.service .service-inner {
    padding: 60px 0;
}

.service .service-inner .service-bg {
	height: 200px;
}

.service .service-inner .listService {
	margin-top: -170px;
	margin-bottom: 60px;
}

.service .service-inner .listService li {
	max-width: 366px;
	margin-right: 40px;
}

.service .service-inner .listService li:last-child:before {
	right: 50px;
}

.service .service-inner .listService li .listService-item .img-thumb {
	margin-bottom: 25px;
}

.service .service-inner .listService li .listService-item p {
	font-size: 16px;
}

.works .works-inner {
	padding: 60px 0;
}

.works .works-inner .list-works li {
	max-width: 366px;
	margin-right: 40px;
	margin-bottom: 40px;
	width: calc(100% / 3 - 27px);
}

.works .works-inner .list-works li .list-works-item .img-thumb {
	margin-bottom: 15px;
}

.works .works-inner .list-works li .list-works-item p {
	font-size: 18px;
}

.works .works-inner .list-works li .list-works-item span {
	font-size: 12px;
}

.strong .strong-inner {
	padding: 50px 0;
}

.strong .strong-inner .txt02 {
	font-size: 16px;
	margin-bottom: 50px;
    width: 90%;
}
.related-posts .related-posts-inner {
    padding: 40px 0;
}

.news .btnStyle {
	margin-bottom: 60px;
}

.news .news-inner {
	padding: 40px 0px 1px;
}

.news .news-inner .ttl-04 {
	padding-left: 20px;
}

.news .news-inner .listNews {
	padding: 0px 40px;
	margin-bottom: 50px;
}

.news .news-inner .listNews .listNews-item .img-thumb {
	width: 180px;
	height: 180px;
	margin-bottom: 10px;
}

.news .news-inner .listNews .listNews-item .news-time {
	font-size: 12px;
}

.news .news-inner .listNews .listNews-item .news-content {
	font-size: 15px;
	padding: 0px 5px;
	max-width: 190px;
}

.news .slick-next:before {
	width: 20px;
	height: 49px;
	right: 40px;
	top: -20px;
}

.news .slick-slide {
	width: 220px;
}

.contact .contact-inner {
	padding: 60px 0px;
}

.contact .contact-inner .ttl-04 {
	margin-right: 100px;
	padding-left: 20px;
}

.contact .contact-inner .contact-content .contact-info {
	margin: 0 0px 30px;
}

.contact .contact-inner .contact-content .contact-info span {
	font-size: 16px;
}

.contact .contact-inner .contact-content .contact-info .phone {
	font-size: 36px;
}

.contact .contact-inner .contact-content .contact-info .phone:before {
	width: 26px;
	height: 40px;
}

.contact .contact-inner .contact-content .contact-info .email {
	font-size: 36px;
	padding-left: 25px;
}

.contact .contact-inner .contact-content .contact-info .email:before {
	width: 33px;
	height: 27px;
}

.about .about-inner {
	padding: 60px 0px 100px;
}

.about .about-inner .about-content {
	padding: 0px 20px;
}

.about .about-inner .about-content .about-left {
	margin-right: 60px;
}

.about .about-inner .about-content .about-left img {
	margin-bottom: 20px;
	width: 260px;
}

.about .about-inner .about-content .about-left .ttl-05 {
	margin: 25px 0px 0px;
}

.about .about-inner .about-content .about-left p {
	font-size: 15px;
}

.about .about-inner .about-content .about-left .txt01 {
	font-size: 16px;
}

.about .about-inner .about-content .about-left p.btnStyle.btn-style01 {
	margin-top: 25px;
}

.about .about-inner .about-content .about-left p.btnStyle.btn-style01 a {
	max-width: 285px;
}

.breadCum {
	padding-left: 0;
	font-size: 14px !important;
}

.tabScroll .tabItem {
	font-size: 16px;
}

.baner h1 {
	padding-left: 0;
}

.baner h1 span:first-child {
	font-size: 52px;
}

.baner h1 span:last-child {
	font-size: 18px;
}

#case-index {
	padding-top: 30px;
}

.listPoint .listItem p {
	font-size: 20px;
	font-size: 2rem;
	margin-bottom: 1em;
}
/*
.listPoint .listItem p:before {
	height: 15px;
	width: 15px;
	top: 50%;
	left: 10px;
}
*/
.listPoint .listItem span {
	font-size: 16px;
}

#case-index .title-slider {
	font-size: 40px;
}

.page-service p {
	font-size: 16px;
}

.problem p {
	font-size: 16px;
}
.service-00 .service-00-inner .img-01 {
	margin-bottom: 60px;
}

.service-00 .service-00-inner .img-02 {
	margin-bottom: 80px;
}

.service-00 .service-00-inner .service-right {
	padding-top: 60px;
}

.service-00 .service-00-inner .service-right p {
	margin-bottom: 45px;
}

.service-01 .img-01 {
	width: 426px;
}

.service-02 .img-01 {
	width: 430px;
}

.service-03 .img-01 {
	width: 499px;
}

.problem .problem-inner .problem-left {
	padding: 40px 0px 50px;
}

.service-00 {
	padding: 40px 0px;
}

.service-00 .service-00-inner {
	padding: 0px 2%;
	display: flex;
}

.page-webIndex .works-inner .txt02 {
	font-size: 16px;
	margin-bottom: 50px;
}
.package .package-inner {
	padding: 50px 0;
}

.page-webIndex .otherWork {
	margin-top: 45px;
	padding-bottom: 40px;
}

.performance .performance-inner {
	padding: 50px 0 0px;
}

.performance .performance-inner .listPerformance {
	padding: 0px 40px;
}

.performance .performance-inner .listPerformance li {
	max-width: 366px;
	margin-right: 40px;
	width: calc(100% / 3 - 27px);
}
.performance .performance-inner .listPerformance li:nth-child(n+4) {
	margin-top: 60px;
}
.performance .performance-inner .listPerformance li .listPerformance-item .img-thumb {
	margin-bottom: 25px;
	text-align: center;
}
.performance .performance-inner .listPerformance li .listPerformance-item .img-thumb img {
    width: 50%;
	height: auto;
}

.performance .performance-inner .listPerformance li .listPerformance-item p {
	font-size: 20px;
	font-size: 2rem;
	margin-bottom: 1em;
}
.performance .performance-inner .listPerformance li .listPerformance-item span {
	font-size: 15px;
	line-height: 1.5;
}

.flow .flow-inner {
	padding: 40px 0 50px;
	margin-bottom: 50px;
}

.flow .flow-inner .four-stepInner .step0 .stepInner {
	font-size: 26px;
}

.flow .flow-inner .four-stepInner {
	font-size: 16px;
}

.flow .flow-inner .four-stepInner .step0 {
	width: 288px;
	margin-top: 20px;
}

.flow .flow-inner .four-stepInner .txt01 {
	font-size: 21px;
	margin: 20px 0px 10px;
}
.news-detail .inner .main-article table.table-tw th,
.news-detail .inner .main-article table.table-tw td {
	width: 50%;
}
@media (min-width: 1680px) {
	.main-visual .inner h1 {
		font-size: 10rem;
	}
	.main-visual .inner .sub {
		font-size: 5rem;
	}
}