@charset "utf-8";


/* wrapper
----------------------------------------------- */
#wrapper {
	overflow: hidden;
	background: #fff;
}
.inner {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	z-index: 2;
}

.innerbox {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	z-index: 2;
}


/* header
----------------------------------------------- */
#header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 7;
}
#header .headerin {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 30px 0 60px;
	height: 106px;
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
#header .headerlogo {
	flex-shrink: 0;
	margin-right: 10px;
}
#header .headerlogo a {
	display: block;
	width: 180px;
	height: 40px;
	background: url(../img/common/logo_top.png) center center no-repeat;
}
.subpage #header .headerlogo a {
	background: url(../img/common/logo_subpage.png) center center no-repeat;
}
#header .headermess {
	display: flex;
	align-items: center;
}
#header .gnavi {
	display: flex;
	align-items: center;
}
#header .gnavi li {
	margin-right: 18px;
}
#header .gnavi li a {
	display: block;
	color: #fff;
	font-weight: 700;
	position: relative;
}
#header .gnavi li a:before {
	position: absolute;
	content: "";
	display: block;
	width: calc(100% - 1px);
	height: 2px;
	background-color: #fff;
	left: 0;
	bottom: 0;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: 0.8s transform cubic-bezier(0.52, 0.08, 0.18, 1);
}
#header .gnavi li a:hover:before {
	transform: scale(1, 1);
	transform-origin: left top;
}
#header .headerbtn {
	width: 152px;
}
#header .headerbtn a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 56px;
	background: #f19700;
	color: #fff;
	border: 4px #fff solid;
	font-size: 17px;
	font-weight: 700;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}
#header .headerbtn a:hover {
	background: #fff;
	color: #f19700;
	border: 4px #f19700 solid;
}

#header.show .headerin {
	background: #fff;
	height: 80px;
	-webkit-box-shadow: 0 5px 10px rgba(19,5,0,0.1);
	-moz-box-shadow: 0 5px 10px rgba(19,5,0,0.1);
	-ms-box-shadow: 0 5px 10px rgba(19,5,0,0.1);
	-o-box-shadow: 0 5px 10px rgba(19,5,0,0.1);
	box-shadow: 0 5px 10px rgba(19,5,0,0.1);
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
#header.show .headerlogo a {
	background: url(../img/common/logo_show.png) center center no-repeat;
}
#header.show .gnavi li a {
	color: #303030;
}
#header.show .gnavi li a:before {
	background-color: #303030;
}
#header.show .headerbtn a {
	border: 4px #f19700 solid;
}


#header .navbar-toggle {
	width: 30px;
	height: 30px;
	cursor: pointer;
	position: relative;
}
#header .navbar-toggle span {
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 0;
	height: 2px;
	background-color: #3f3a39;
	}


#header .navbar-toggle span:nth-of-type(1) {
	top:10px;
	width: 100%;
}

#header .navbar-toggle span:nth-of-type(2) {
	top:17px;
	width:60%;
}

#header .navbar-toggle.on span:nth-of-type(1) {
	top: 8px;
	left: 3px;
	transform: translateY(6px) rotate(-45deg);
	width: 80%;
}

#header .navbar-toggle.on span:nth-of-type(2) {
	top: 20px;
	left: 3px;
	transform: translateY(-6px) rotate(45deg);
	width: 80%;
}


.navbar-collapse {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	height: calc(100vh - 60px);
	width: 100%;
	background: #f39800;
	z-index: 10;
}

@media (max-width: 1024px) {
#header .headerin {
	padding: 0 20px;
	height: 60px;
}
#header .headerin.on {
	background: #fff;
}
#header .headerlogo a {
	width: 120px;
	height: 27px;
	background: url(../img/common/logo_top.png) center center no-repeat;
	background-size: 120px auto;
}
.subpage #header .headerlogo a {
	background: url(../img/common/logo_subpage.png) center center no-repeat;
	background-size: 120px auto;
}
#header.show .headerlogo a {
	background: url(../img/common/logo_show.png) center center no-repeat;
	background-size: 120px auto;
}
#header .headerin.on .headerlogo a {
	background: url(../img/common/logo_show.png) center center no-repeat;
	background-size: 120px auto;
}
#header.show .headerin {
	height: 60px;
}
#header .headermess {
	display: none;
}
#header .menubox {
	padding: 40px 25px 30px;
}
#header .menulist li+li {
	margin-top: 25px;
}
#header .menulist li a {
	display: block;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
}
#header .headerbtn {
	width: 90%;
	margin: 40px auto 0;
}
#header .headerbtn a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 60px;
	background: #fff;
	color: #f39800;
	border: 4px #fff solid;
	font-size: 20px;
	letter-spacing: 0.1em;
	font-weight: 700;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}
#header.show .headerbtn a {
	border: 4px #fff solid;
}
#header .headerbtn a:hover {
	background: #fff;
	color: #f19700;
	border: 4px #f19700 solid;
}
}
@media (max-width: 767px) {
	
}



/* footer
----------------------------------------------- */
#footer {
	background: #f39800;
	padding: 70px 20px 15px;
	position: relative;
}
#footer .decleft {
	position: absolute;
	left: 0;
	bottom: calc(100% - 50px);
	z-index: 0;
}
#footer .decright {
	position: absolute;
	right: 0;
	bottom: calc(100% - 50px);
	z-index: 0;
}
#footer .footerlogo {
	text-align: center;
	margin-bottom: 65px;
}
#footer .copyright {
	text-align: center;
	font-size: 14px;
	color: #fff;
}

@media (max-width: 1024px) {
#footer .decleft {
	bottom: calc(100% - 20px);
}
#footer .decright {
	bottom: calc(100% - 20px);
}
#footer .decleft img,
#footer .decright img{
	height: 100px;
}
}
@media (max-width: 767px) {
#footer {
	padding: 40px 20px 15px;
}
#footer .footerlogo {
	margin-bottom: 30px;
}
#footer .copyright {
	font-size: 12px;
}
}



/* !H
----------------------------------------------- */
.hdl {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-bottom: 45px;
}
.hdl .hdlen {
	font-size: 50px;
	font-weight: 700;
	line-height: 1.3;
}
.hdl .hdljp {
	color: #f39800;
	letter-spacing: 0.15em;
	font-weight: 700;
}

@media (max-width: 767px) {
.hdl {
	margin-bottom: 30px;
}
.hdl .hdlen {
	font-size: 30px;
}
}

.hdm {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.15em;
	margin-bottom: 30px;
}
@media (max-width: 767px) {
.hdm {
	font-size: 18px;
	margin-bottom: 20px;
}
}


/* anchor
----------------------------------------------- */
.anchor {
	padding-top: 80px;
	margin-top: -80px;
}

@media (max-width: 1024px) {
.anchor {
	padding-top: 60px;
	margin-top: -60px;
}
}


/* teaser
----------------------------------------------- */
.teaser {
	background: #f39800;
	height: 350px;
	padding: 80px 20px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.teaser .teaserin {
	font-size: 50px;
	color: #fff;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	padding: 25px 60px;
	position: relative;
}
.teaser .teaserbra01 {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0;
	z-index: 0;
}
.teaser .teaserbra02 {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0;
	z-index: 0;
}
.teaser .teaserbra03 {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 0;
	z-index: 0;
}
.teaser .teaserbra04 {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 0;
	z-index: 0;
}

@media (max-width: 767px) {
.teaser {
	height: 250px;
	padding: 60px 20px 0;
}
.teaser .teaserin {
	font-size: 30px;
	padding: 20px 40px;
}
.teaser .teaserbra01 img,
.teaser .teaserbra02 img,
.teaser .teaserbra03 img,
.teaser .teaserbra04 img {
	width: 13px;
}
.teaser .teaserbra02 {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0;
	z-index: 0;
}
.teaser .teaserbra03 {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 0;
	z-index: 0;
}
.teaser .teaserbra04 {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 0;
	z-index: 0;
}
}

/* bg
----------------------------------------------- */
.bgyellow {
	background: #fef9f0;
}
.bgwhite {
	background: #fff;
}
.combox {
	padding: 80px 0;
}
.fcorange {
	color: #f39800;
}

@media (max-width: 767px) {
.combox {
	padding: 40px 0;
}
}


/* top
----------------------------------------------- */
.main {
	background: url(../img/top/mainimg.jpg) center center no-repeat;
	background-size: cover;
	height: 100vh;
	padding: 50px 20px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
}
.main .mainleft {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
}
.main .mainright {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
}
.main .maincont {
	padding: 45px 80px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	position: relative;
	-webkit-text-shadow: 0 0 20px rgba(0,0,0,0.2),0 0 20px rgba(0,0,0,0.2),0 0 20px rgba(0,0,0,0.2);
	-moz-text-shadow: 0 0 20px rgba(0,0,0,0.2),0 0 20px rgba(0,0,0,0.2),0 0 20px rgba(0,0,0,0.2);
	-ms-text-shadow: 0 0 20px rgba(0,0,0,0.2),0 0 20px rgba(0,0,0,0.2),0 0 20px rgba(0,0,0,0.2);
	-o-text-shadow: 0 0 20px rgba(0,0,0,0.2),0 0 20px rgba(0,0,0,0.2),0 0 20px rgba(0,0,0,0.2);
	text-shadow: 0 0 20px rgba(0,0,0,0.2),0 0 20px rgba(0,0,0,0.2),0 0 20px rgba(0,0,0,0.2);
	z-index: 1;
}
.main .maincont:before {
	position: absolute;
	content: "";
	width: 54px;
	height: 54px;
	border-left: 22px #f39800 solid;
	border-bottom: 22px #f39800 solid;
	left: 0;
	bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1;
}
.main .maincont:after {
	position: absolute;
	content: "";
	width: 54px;
	height: 54px;
	border-right: 22px #f39800 solid;
	border-top: 22px #f39800 solid;
	right: 0;
	top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1;
}
.main .maintit {
	font-size: 56px;
	letter-spacing: 0.1em;
	line-height: 1.2;
}
.main .maindet {
	font-size: 20px;
	letter-spacing: 0.25em;
	margin-top: 15px;
}

@media (max-width: 1024px) {
.main {
	height: 500px;
	padding: 0 20px;
}
.main .mainleft img,
.main .mainright img {
	height: 100px;
}
.main .maincont {
	padding: 40px 60px;
}
.main .maintit {
	font-size: 36px;
}
.main .maindet {
	font-size: 16px;
}
}
@media (max-width: 767px) {
.main {
	height: 400px;
}
.main .maincont {
	padding: 30px;
}
.main .maintit {
	font-size: 30px;
}
.main .maincont:before {
	width: 30px;
	height: 30px;
	border-left: 12px #f39800 solid;
	border-bottom: 12px #f39800 solid;
}
.main .maincont:after {
	width: 30px;
	height: 30px;
	border-right: 12px #f39800 solid;
	border-top: 12px #f39800 solid;
}
}

.topnews {
	padding: 90px 0 100px;
}
.topnews .newslist {
	border-top: 2px #efefef solid;
}
.topnews .newslist li {
	border-bottom: 2px #efefef solid;
}
.topnews .newslist li a {
	display: flex;
	padding: 25px 70px 25px 30px;
	align-items: flex-start;
}
.topnews .newslist .newsdate {
	width: 200px;
	font-size: 15px;
	color: #f39800;
	font-weight: 700;
	flex-shrink: 0;
}
.topnews .newslist .newscont {
	line-height: 1.75;
}

@media (max-width: 1024px) {
.topnews .newslist li a {
	padding: 25px 30px;
}
}
@media (max-width: 767px) {
.topnews {
	padding: 50px 0;
}
.topnews .newslist li a {
	padding: 15px 10px;
	flex-direction: column;
}
.topnews .newslist .newsdate {
	width: auto;
	font-size: 13px;
	margin-bottom: 5px;
}
}

.trend {
	background: #f8f8f8;
	padding: 90px 0 100px;
}
.trend .trendlist {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.trend .trendlist li {
	width: 23.5%;
	background: #fff;
	padding: 20px 20px 35px;
	-webkit-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-moz-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-ms-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-o-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	box-shadow: 0 5px 20px rgba(149,98,46,0.2);
}
.trend .trendlist .trenditem {
	background: #f39800;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 145px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.trend .trendlist .trendtit {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-top: 25px;
}
.trend .trenddet {
	text-align: center;
	letter-spacing: 0.1em;
	margin-top: 50px;
	line-height: 2.25;
}

@media (max-width: 1024px) {
.trend .trendlist {
	flex-wrap: wrap;
	margin: -15px 0;
}
.trend .trendlist li {
	width: 48%;
	margin: 15px 0;
}
.trend .trenddet {
	text-align: left;
}
}
@media (max-width: 767px) {
.trend {
	padding: 50px 0;
}
.trend .trendlist {
	margin: -10px 0;
}
.trend .trendlist li {
	width: 100%;
	padding: 20px;
}
.trend .trendlist .trendtit {
	font-size: 16px;
	margin-top: 15px;
}
.trend .trenddet {
	margin-top: 30px;
}
}

.contact {
	padding: 90px 0 150px;
}
.contact .contactform iframe {
	height: 1210px;
}
@media (max-width: 767px) {
.contact {
	padding: 50px 0 150px;
}
.contact .contactform iframe {
	height: 1440px;
}
}

.company {
	background: #fef9f0;
	padding: 90px 0 100px;
}
.company .companytab {
	width: 100%;
}
.company .companytab th,
.company .companytab td {
	vertical-align: top;
	padding: 40px 5px;
}
.company .companytab th {
	font-weight: 700;
	width: 18%;
	border-bottom: 2px #f39800 solid;
}
.company .companytab td {
	border-bottom: 2px #ffdaa9 solid;
}
.company .gmap {
	margin-top: 60px;
	overflow: hidden;
	-webkit-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-moz-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-ms-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-o-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	box-shadow: 0 5px 20px rgba(149,98,46,0.2);
}
.company .gmap iframe {
	height: 250px;
	width: 100%;
	float: left;
}
.company .mapbtn {
	margin-top: 20px;
	display: flex;
	justify-content: flex-end;
}
.company .mapbtn a {
	width: 200px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 14px;
	color: #f39800;
	font-weight: 700;
	letter-spacing: 0.1em;
	border: 2px #f39800 solid;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.company .mapbtn a:hover {
	background: #f39800;
	color: #fff;
}
@media (max-width: 1024px) {
.company .companytab th {
	width: 25%;
}
}
@media (max-width: 767px) {
.company {
	padding: 50px 0;
}
.company .companytab th,
.company .companytab td {
	padding: 15px 5px;
}
.company .companytab th {
	width: 30%;
}
.company .gmap {
	margin-top: 30px;
}
.company .gmap iframe {
	height: 200px;
}
.company .mapbtn {
	margin-top: 20px;
}
.company .mapbtn a {
	font-size: 12px;
}
}

.solution {
	background: #fef9f0;
	padding: 90px 0 100px;
}
.solution .solutiondet {
	line-height: 2.25;
	text-align: center;
	letter-spacing: 0.1em;
	margin: -10px 0 50px;
}
.solution .solutionbox+.solutionbox {
	margin-top: 30px;
}
.solution .solutionbox {
	display: flex;
	align-items: flex-start;
}
.solution .solutionbox .solutiontit {
	flex-shrink: 0;
	width: 330px;
	height: 80px;
	display: flex;
	align-items: center;
	font-size: 18px;
	letter-spacing: 0.1em;
	color: #fff;
	font-weight: 700;
	padding: 10px 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background: #f39800;
	background: -moz-linear-gradient(top, #ffa631, #ffa631 50%, #f39800 50%, #f39800);
	background: -webkit-linear-gradient(top, #ffa631, #ffa631 50%, #f39800 50%, #f39800);
	background: -webkit-gradient(linear, top, from(#ffa631), color-stop(0.5, #ffa631), color-stop(0.5, #f39800), to(#f39800));
	margin-right: 30px;
}
.solution .solutionbox .solutionin {
	flex: 1;
}
.solution .solutionbox .solutionlist li+li {
	margin-top: 20px;
}
.solution .solutionbox .solutionlist li {
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 25px 0 35px;
	height: 80px;
	letter-spacing: 0.1em;
	border-left: 6px #f39800 solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-moz-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-ms-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-o-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	box-shadow: 0 5px 20px rgba(149,98,46,0.2);
}
.solution .solutionbox .solutioncap {
	font-weight: 700;
}
.solution .solutionbox .solutiontxt {
	font-size: 14px;
	margin-top: 5px;
}
@media (max-width: 1024px) {
.solution .solutionbox .solutiontit {
	width: 290px;
	margin-right: 20px;
}
.solution .solutiondet {
	text-align: left;
}
}
@media (max-width: 767px) {
.solution {
	padding: 50px 0;
}
.solution .solutiondet {
	margin: 0 0 30px;
}
.solution .solutionbox+.solutionbox {
	margin-top: 20px;
}
.solution .solutionbox {
	flex-direction: column;
}
.solution .solutionbox .solutiontit {
	width: 100%;
	font-size: 16px;
	padding: 10px 20px;
	margin: 0 0 20px;
}
.solution .solutionbox .solutionlist li+li {
	margin-top: 15px;
}
.solution .solutionbox .solutionlist li {
	padding: 0 15px 0 20px;
	border-left: 3px #f39800 solid;
}
}

.case {
	padding: 90px 0 140px;
	position: relative;
}
.case .caseleft {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
}
.case .caseright {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
}
.case .casebox {
	max-width: 770px;
	margin: 0 auto;
}
.case .casebox+.casebox {
	margin-top: 90px;
}
.case .casehd {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}
.case .casehd .casehdin {
	padding: 25px 50px;
	font-weight: 700;
	text-align: center;
	position: relative;
}
.case .casehd .casehdin .brackets01 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.case .casehd .casehdin .brackets02 {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.case .casehd .casehdin .brackets03 {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.case .casehd .casehdin .brackets04 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.case .casehd .casehdlar {
	font-size: 24px;
	letter-spacing: 0.15em;
}
.case .casehd .casehdsml {
	color: #f39800;
	letter-spacing: 0.15em;
	margin-top: 5px;
}
.case .caselist {
	display: flex;
	justify-content: space-between;
}
.case .caselist li {
	width: 31%;
}
.case .caselist .casedet {
	background: #fff;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 5px;
	font-weight: 700;
	-webkit-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-moz-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-ms-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-o-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	position: relative;
}
.case .caselist .casedet:before {
	position: absolute;
	content: "";
	background: url("../img/top/triangle_case.png") center center no-repeat;
	width: 22px;
	height: 10px;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
.case .caselist .caseico {
	text-align: center;
	margin-top: 20px;
}
@media (max-width: 1024px) {
.case .caseleft img,
.case .caseright img {
	height: 80px;
}
}
@media (max-width: 767px) {
.case {
	padding: 50px 0 100px;
}
.case .casebox+.casebox {
	margin-top: 40px;
}
.case .casehd {
	margin-bottom: 30px;
}
.case .casehd .casehdin {
	padding: 20px 30px;
}
.case .casehd .casehdin .brackets01 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.case .casehd .casehdin .brackets02 {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.case .casehd .casehdin .brackets03 {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.case .casehd .casehdin .brackets04 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.case .casehd .casehdlar {
	font-size: 20px;
}
.case .caselist {
	flex-direction: column;
	align-items: center;
	margin: -15px 0;
}
.case .caselist li {
	width: 250px;
	margin: 15px 0;
}
}

.example {
	background: #f39800;
	padding: 80px 0;
	position: relative;
}
.example .examplehd {
	background: #f39800;
	display: block;
	width: 260px;
	padding: 15px 0 10px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.15em;
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
.example .examplelist {
	display: flex;
	flex-wrap: wrap;
	margin: -5px 0;
}
.example .examplelist li {
	width: calc((100% - 41px)/4);
	margin: 5px 10px 5px 0;
}
.example .examplelist li:nth-child(4n) {
	margin-right: 0;
}
.example .examplelist .examplebtn a {
	display: flex;
	height: 60px;
	align-items: center;
	justify-content: center;
	padding: 4px 30px 0 10px;
	letter-spacing: 0.1em;
	background: url("../img/top/arrow_example.png") right 18px center no-repeat #fff;
	color: #ff9100;
	font-weight: 700;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	line-height: 1.2;
	text-align: center;
}
@media (max-width: 1024px) {
.example .examplelist li {
	width: calc((100% - 20px)/3);
}
.example .examplelist li:nth-child(5n) {
	margin-right: 10px;
}
.example .examplelist li:nth-child(3n) {
	margin-right: 0;
}
}
@media (max-width: 767px) {
.example {
	padding: 40px 0;
}
.example .examplehd {
	width: auto;
	font-size: 18px;
	padding: 0;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.15em;
	position: relative;
	bottom: auto;
	left: auto;
	transform: translateX(0);
	margin-bottom: 30px;
}
.example .examplelist {
	justify-content: space-between;
}
.example .examplelist li {
	width: 48%;
	margin: 5px 0;
}
.example .examplelist li:nth-child(5n) {
	margin-right: 0;
}
.example .examplelist .examplebtn a {
	height: 50px;
	padding: 4px 20px 0 8px;
	background: url("../img/top/arrow_example.png") right 10px center no-repeat #fff;
}
}



.examplepop {
	display: none;
}
.fancybox-close {
	background: url("../img/top/close_pop.png") center center no-repeat !important;
	width: 21px !important;
	height: 21px !important;
	right: 15px !important;
	top: 15px !important;
}
.fancybox-skin {
	padding: 25px 60px 50px !important;
}
.popinner {
	max-width: 800px;
	font-size: 14px;
	letter-spacing: 0.1em;
}
.popinner .pophd {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.15em;
	margin-bottom: 25px;
}
.popinner .popbox+.popbox {
	margin-top: 25px;
}
.popinner .poptit {
	width: 230px;
	display: flex;
	align-items: center;
	overflow: hidden;
	padding: 5px 5px 2px;
	font-weight: 700;
	background: #ffdaa9;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}
.popinner .poptit img {
	flex-shrink: 0;
	margin-right: 8px;
	transform: translateY(-2px);
}
.popinner .poptit.orange {
	background: #f39800;
	color: #fff;
}
.popinner .poptit.orange img {
	align-self: flex-end;
	transform: translateY(1px);
}
.popinner .popdet {
	margin-top: 15px;
	font-weight: 700;
}
.popinner .popdot {
	margin-top: 15px;
}
.popinner .popdot li {
	padding-left: 30px;
	position: relative;
}
.popinner .popdot li:before {
	position: absolute;
	content: "";
	background: #f39800;
	width: 15px;
	height: 15px;
	left: 0;
	top: 2px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
}
.popinner .popdot li+li {
	margin-top: 10px;
}
.popinner .poptxt {
	margin-top: 15px;
}
.popinner .poparrow {
	width: 230px;
	text-align: center;
	margin: 15px 0 20px;
	font-size: 0;
}
.popinner .popimp {
	display: flex;
	justify-content: flex-start;
	margin-top: 25px;
}
.popinner .popimpin {
	padding: 10px 15px 5px 15px;
	font-size: 18px;
	color: #f39800;
	font-weight: 700;
	letter-spacing: 0.15em;
	position: relative;
}
.popinner .popimpin:before {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	border-top: 5px #f39800 solid;
	border-left: 5px #f39800 solid;
	left: 0;
	top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1;
}
.popinner .popimpin:after {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	border-bottom: 5px #f39800 solid;
	border-right: 5px #f39800 solid;
	right: 0;
	bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1;
}
.popinner .poptalk {
	margin-top: 30px;
	display: flex;
	align-items: flex-start;
}
.popinner .poptalk .talkhead {
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	flex-shrink: 0;
	margin-right: 25px;
}
.popinner .poptalk .talkin {
	flex: 1;
	padding: 0 10px 10px 0;
}
.popinner .poptalk .talklist li+li {
	margin-top: 10px;
}
.popinner .poptalk .talklist li {
	background: #fff;
	padding: 13px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 15px rgba(149,98,46,0.2);
	-moz-box-shadow: 0 0 15px rgba(149,98,46,0.2);
	-ms-box-shadow: 0 0 15px rgba(149,98,46,0.2);
	-o-box-shadow: 0 0 15px rgba(149,98,46,0.2);
	box-shadow: 0 0 15px rgba(149,98,46,0.2);
	position: relative;
}
.popinner .poptalk .talklist li:before {
	position: absolute;
	content: "";
	background: url(../img/top/arrow_talk.png) center center no-repeat;
	width: 10px;
	height: 18px;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 0;
}
@media (max-width: 1024px) {
.fancybox-skin {
	padding: 20px !important;
}
}
@media (max-width: 767px) {
.popinner .pophd {
	font-size: 18px;
	margin-bottom: 15px;
}
.popinner .popbox+.popbox {
	margin-top: 15px;
}
.popinner .poptit img {
	margin-right: 5px;
}
.popinner .popdet {
	margin-top: 10px;
}
.popinner .popdot {
	margin-top: 10px;
}
.popinner .popdot li {
	padding-left: 20px;
}
.popinner .popdot li:before {
	width: 10px;
	height: 10px;
}
.popinner .popdot li+li {
	margin-top: 5px;
}
.popinner .poptxt {
	margin-top: 10px;
}
.popinner .poparrow {
	margin: 10px 0;
}
.popinner .popimp {
	margin-top: 15px;
}
.popinner .popimpin {
	padding: 5px;
	font-size: 14px;
}
.popinner .popimpin:before {
	width: 8px;
	height: 8px;
	border-top: 2px #f39800 solid;
	border-left: 2px #f39800 solid;
}
.popinner .popimpin:after {
	width: 8px;
	height: 8px;
	border-bottom: 2px #f39800 solid;
	border-right: 2px #f39800 solid;
}
.popinner .poptalk {
	margin-top: 20px;
}
.popinner .poptalk .talkhead {
	margin-right: 15px;
}
.popinner .poptalk .talklist li+li {
	margin-top: 5px;
}
.popinner .poptalk .talklist li {
	padding: 10px;
}
}


/* service
----------------------------------------------- */
.seranchor {
	padding: 40px 0 0;
	display: flex;
	justify-content: center;
	align-items: stretch;
}
.seranchor li {
	margin: 0 10px;
}
.seranchor li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 190px;
	height: 60px;
	background: #f39800;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-moz-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-ms-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-o-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	box-shadow: 0 5px 20px rgba(149,98,46,0.2);
}
.seranchor li a:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	background: #f5b13f;
}
.seranchor li a span {
	font-size: 20px;
	letter-spacing: 0.1em;
	line-height: 1;
	display: block;
	color: #fff;
	font-weight: 700;
	margin-bottom: 3px;
}
.serbox {
	padding: 100px 0 0;
}
.serhd {
	border-bottom: 4px #f39800 solid;
}
.serhd .serhdin {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 20px 15px;
	font-size: 45px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.1em;
}
@media (max-width: 767px) {
.seranchor {
	padding: 30px 20px 0;
	justify-content: space-between;
}
.seranchor li {
	margin: 0;
	width: 48%;
}
.seranchor li a {
	width: auto;
	height: 50px;
}
.seranchor li a span {
	font-size: 16px;
}
.serbox {
	padding: 80px 0 0;
}
.serhd {
	border-bottom: 2px #f39800 solid;
}
.serhd .serhdin {
	padding: 0 20px 10px;
	font-size: 25px;
}
}

.aibox {
	padding: 80px 0 150px;
}
.serlist li+li {
	margin-top: 10px;
}
.serlist li {
	background: #fff;
	display: flex;
	align-items: center;
	padding: 5px 35px;
	min-height: 70px;
	border-left: 6px #f39800 solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-moz-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-ms-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-o-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	box-shadow: 0 5px 20px rgba(149,98,46,0.2);
}
.serlist .serlistin {
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.25;
}
.serdet {
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.15em;
}
.serdet .serdetin {
	display: block;
	font-size: 20px;
	color: #f39800;
}
.aibox .aiimg {
	text-align: center;
	margin-top: 40px;
}
.aibox .serdet {
	margin-top: 35px;
}
@media (max-width: 767px) {
.aibox {
	padding: 40px 0 100px;
}
.serlist li {
	padding: 10px 15px;
	min-height: 70px;
	border-left: 3px #f39800 solid;
}
.serlist .serlistin {
	line-height: 1.5;
}
.serdet {
	font-size: 12px;
}
.serdet .serdetin {
	font-size: 14px;
}
.aibox .aiimg {
	margin-top: 20px;
}
.aibox .serdet {
	margin-top: 20px;
}
}

.serstudy {
	
}
.serstudy .serdet {
	margin-top: 35px;
}
.serstudy .studytype {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.serstudy .studytype li {
	width: 25%;
	background: #efefef;
	padding: 20px 30px;
	font-weight: 700;
	letter-spacing: 0.1em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.serstudy .studytype li+li {
	width: 36.5%;
}
.serstudy .studytype li.end {
	background: #f39800;
	color: #fff;
}
.serstudy .studylist {
	margin-top: 10px;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.serstudy .studylist li {
	width: 25%;
	font-size: 14px;
	background: #fff;
	letter-spacing: 0.1em;
	padding: 15px 30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.serstudy .studylist li+li {
	width: 36.5%;
}
.serstudy .studyorange {
	font-size: 16px;
	color: #f39800;
	font-weight: 700;
}

@media (max-width: 767px) {
.serstudy .serdet {
	margin-top: 20px;
}
.serstudy .studytype li {
	padding: 15px 5px;
	text-align: center;
}
.serstudy .studylist li {
	font-size: 12px;
	padding: 10px;
}
.serstudy .studyorange {
	font-size: 14px;
}
}

.serflow {
	
}
.serflow .flowlist {
	display: flex;
}
.serflow .flowlist li {
	width: calc((100% - 60px)/3);
	margin: 0 30px 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.serflow .flowlist li:nth-child(3n) {
	margin-right: 0;
}
.serflow .flowlist .flowimg {
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-moz-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-ms-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-o-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	box-shadow: 0 5px 20px rgba(149,98,46,0.2);
}
.serflow .flowlist .flowtit {
	margin-top: 10px;
	text-align: center;
	font-weight: 700;
}
.serflow .flowlist .flowtxt {
	margin-top: 2px;
	text-align: center;
	font-size: 14px;
}
@media (max-width: 767px) {
.serflow .flowlist {
	display: flex;
	flex-direction: column;
	margin: -10px 0;
}
.serflow .flowlist li {
	width: auto;
	margin: 10px 0;
}
}

.serdiff {
	
}
.serdiff .diffbox+.diffbox {
	margin-top: 60px;
}
.serdiff .difftit {
	background: #f39800;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.1em;
	padding: 13px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.serdiff .diffdown {
	text-align: center;
	padding: 10px 0;
}
.serdiff .diffdet {
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 25px;
}
.serdiff .diffdet .diffdetin {
	font-size: 18px;
	font-weight: 700;
	display: block;
	color: #f39800;
}
.serdiff .difflist {
	display: flex;
}
.serdiff .difflist li {
	width: calc((100% - 120px)/5);
	margin: 0 30px 0 0;
	position: relative;
}
.serdiff .difflist li+li:before {
	position: absolute;
	content: "";
	background: url(../img/service/arrow_diff.png) center center no-repeat;
	left: -30px;
	top: 0;
	width: 30px;
	height: 90px;
	z-index: 0;
}
.serdiff .difflist li:nth-child(5n) {
	margin-right: 0;
}
.serdiff .difflist .diffcont {
	position: relative;
	background: #fff;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-moz-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-ms-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-o-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	box-shadow: 0 5px 20px rgba(149,98,46,0.2);
}
.serdiff .difflist .difftxt {
	font-size: 12px;
	line-height: 1.35;
	margin-top: 8px;
}
.serdiff .difflist .diffpop {
	background: url(../img/service/right_pop.png) center center no-repeat;
	width: 126px;
	height: 58px;
	display: flex;
	justify-content: center;
	padding: 6px 0 0;
	align-items: center;
	text-align: center;
	font-size: 14px;
	line-height: 1.15;
	color: #f39800;
	font-weight: 700;
	position: relative;
	z-index: 1;
	margin: -15px auto 0;
}

.diffother .difftit {
	color: #303030;
	background: #efefef;
}
.diffother .diffdet {
	font-weight: 400;
}
.diffother .diffdet .diffdetin {
	color: #303030;
}
.diffother .difflist .diffpop {
	background: url(../img/service/wrong_pop.png) center center no-repeat;
	color: #8b8b8b;
	font-size: 12px;
}
.diffother .difflist li.otherbor .diffcont {
	border: 2px #cbcbcb solid;
	position: relative;
}
.diffother .difflist li.otherbor .diffcont:before {
	position: absolute;
	content: "";
	background: url(../img/service/wrong_diff.png) center center no-repeat;
	width: 100%;
	height: 15px;
	left: 0;
	bottom: calc(100% + 8px);
	z-index: 1;
}
@media (max-width: 1024px) {
.diffother .difflist .diffpop {
	font-size: 10px;
}
}
@media (max-width: 767px) {
.serdiff .diffbox+.diffbox {
	margin-top: 40px;
}
.serdiff .difftit {
	padding: 10px;
}
.serdiff .diffdet {
	font-size: 12px;
	margin-bottom: 20px;
}
.serdiff .diffdet .diffdetin {
	font-size: 16px;
}
.serdiff .difflist {
	display: flex;
	flex-direction: column;
	margin: -20px 0;
}
.serdiff .difflist li {
	width: 100%;
	margin: 20px 0;
	position: relative;
}
.serdiff .difflist li+li:before {
	position: absolute;
	content: "";
	background: url(../img/service/arrow_diff.png) center center no-repeat;
	transform: rotate(90deg);
	left: 50%;
	margin-left: -6px;
	top: auto;
	bottom: calc(100% + 10px);
	width: 10px;
	height: 18px;
}
.diffother .difflist li.otherbor .diffcont:before {
	position: absolute;
	content: "";
	background: url(../img/service/wrong_diff.png) center center no-repeat;
	width: 100%;
	height: 15px;
	left: 0;
	bottom: auto;
	top: 6px;
	z-index: 1;
}
.serdiff .difflist .difftxt {
	text-align: center;
}
}

.sersolu {
	
}
.sersolu .solulist {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin: -5px 0;
}
.sersolu .solulist li {
	width: calc((100% - 21px)/3);
	margin: 5px 10px 5px 0;
	min-height: 100px;
	display: flex;
	align-items: center;
	background: #f39800;
	padding: 5px 30px;
	letter-spacing: 0.1em;
	font-weight: 700;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	position: relative;
}
.sersolu .solulist li.bgnone {
	background: none;
}
.sersolu .solulist li.bggray {
	background: #efefef;
}
.sersolu .solulist li:nth-child(3n) {
	margin-right: 0;
	background: #fef9f0;
}
.sersolu .solulist li.soluarrow:before {
	position: absolute;
	content: "";
	background: url(../img/service/arrow_solu.png) right center no-repeat;
	width: 40px;
	height: 14px;
	left: -24px;
	top: 50%;
	margin-top: -7px;
	z-index: 1;
}
.sersolu .solulist .solutit {
	color: #fff;
}
.sersolu .solulist .soluin {
	
}
.sersolu .solulist .solular {
	font-size: 18px;
}
.sersolu .solulist .solusml {
	font-size: 14px;
}
@media (max-width: 767px) {
.sersolu .solulist {
	margin: -3px 0;
}
.sersolu .solulist li {
	width: calc((100% - 12px)/3);
	margin: 3px 6px 3px 0;
	padding: 5px 10px;
}
.sersolu .solulist li.soluarrow:before {
	width: 20px;
	left: -14px;
}
.sersolu .solulist .solular {
	font-size: 16px;
}
.sersolu .solulist .solusml {
	font-size: 12px;
}
}

.serfeature {
	
}
.serfeature .serdet {
	margin-top: 40px;
}
.serfeature .feabox {
	margin-top: 50px;
}
.serfeature .feabox+.feabox {
	margin-top: 30px;
}
.serfeature .feaboxin {
	background: #fff;
	padding: 35px 20px;
	-webkit-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-moz-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-ms-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-o-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.serfeature .featit {
	background: #f39800;
	max-width: 360px;
	margin: 0 auto -18px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.1em;
	padding: 5px;
	text-align: center;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	position: relative;
}
.serfeature .feacont {
	text-align: center;
	font-weight: 700;
	line-height: 1.375;
	letter-spacing: 0.15em;
}
.serfeature .fealist01 {
	display: flex;
	max-width: 840px;
	margin: 0 auto 15px;
}
.serfeature .fealist01 li {
	width: calc((100% - 50px)/6);
	margin: 0 10px 0 0;
	background: #ffdaa9;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 70px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.serfeature .fealist01 li:nth-child(6n) {
	margin-right: 0;
}
.serfeature .fealisttxt {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.2;
}
.serfeature .fealistsml {
	font-size: 12px;
	font-weight: 400;
}
.serfeature .fealist02 {
	max-width: 660px;
	margin: 0 auto 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
}
.serfeature .fealist02:before {
	position: absolute;
	content: "";
	background: url(../img/service/plus_feature.png) center center no-repeat #fff;
	width: 30px;
	height: 30px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
}
.serfeature .fealist02 li {
	width: 440px;
	height: 60px;
	margin: 5px;
	background: #ffdaa9;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.serfeature .fealist02 li+li {
	width: 320px;
}
@media (max-width: 767px) {
.serfeature .serdet {
	margin-top: 20px;
}
.serfeature .feabox {
	margin-top: 30px;
}
.serfeature .feabox+.feabox {
	margin-top: 20px;
}
.serfeature .feaboxin {
	padding: 30px 10px;
}
.serfeature .featit {
	max-width: 80%;
	margin: 0 auto -15px;
	font-size: 14px;
}
.serfeature .fealist01 {
	flex-wrap: wrap;
	justify-content: space-between;
	margin: -5px auto 10px;
}
.serfeature .fealist01 li {
	width: 48.5%;
	margin: 5px 0;
	height: 70px;
}
.serfeature .fealist02:before {
	position: absolute;
	content: "";
	background: url(../img/service/plus_feature.png) center center no-repeat #fff;
	width: 30px;
	height: 30px;
	left: 50%;
	top: 60px;
	transform: translate(-50%,0);
}
.serfeature .fealist02 li {
	width: 100%;
	height: 60px;
	margin: 10px 0;
}
.serfeature .fealist02 li+li {
	width: 100%;
}
}

.serproblem .hdm {
	margin-bottom: 55px;
}
.serproblem .prolist {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: -15px 0;
}
.serproblem .prolist li {
	width: 31.3%;
	display: flex;
	height: 120px;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.375;
	font-weight: 700;
	background: #fff;
	margin: 15px 1.5%;
	-webkit-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-moz-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-ms-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-o-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}
.serproblem .prolist li:first-of-type {
	margin-left: 0;
}
.serproblem .prolist li:nth-of-type(3) {
    margin-right: 0;
}
.serproblem .prolist li:before {
	position: absolute;
	content: "";
	background: url(../img/service/arrow_problem.png) center center no-repeat;
	left: 0;
	top: 100%;
	width: 100%;
	height: 10px;
	z-index: 1;
}
.serproblem .prolist .pronum {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,-50%);
	background: #f39800;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
}

@media (max-width: 1024px) {
.serproblem .prolist li {
	width: 48%;
	margin: 15px 1%;
}
}
@media (max-width: 767px) {
.serproblem .hdm {
	margin-bottom: 40px;
}
.serproblem .prolist {
	margin: -20px 0;
	flex-direction: column;
}
.serproblem .prolist li {
	width: auto;
	margin: 20px 0;
}
.serproblem .prolist .pronum {
	width: 30px;
	height: 30px;
	font-size: 20px;
}
}

.serauto {
	
}
.serauto .autotxt {
	line-height: 1.75;
	letter-spacing: 0.1em;
}
.serauto .autobtn {
	max-width: 680px;
	margin: 40px auto 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.serauto .autobtn a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 48.5%;
	height: 52px;
	padding: 5px 25px;
	font-size: 14px;
	color: #f39800;
	font-weight: 700;
	letter-spacing: 0.1em;
	background: url(../img/service/arrow_auto.png) right 16px center no-repeat #fff;
	border: 2px #f39800 solid;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}
.serauto .autobtn a:hover {
	color: #fff;
	background: url(../img/service/arrow_auto_on.png) right 16px center no-repeat #f39800;
}
.serauto .autobox {
	background: #fff;
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
	padding: 30px 40px 35px;
	-webkit-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-moz-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-ms-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-o-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	position: relative;
}
.serauto .autoboxin {
	width: 45.5%;
}
.serauto .autobox .autoimg {
	text-align: center;
}
.serauto .autobox .autotit {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-top: 10px;
}
.serauto .autobox .autodot {
	margin-top: 20px;
}
.serauto .autobox .autodot li {
	font-size: 14px;
	letter-spacing: 0.1em;
	padding-left: 25px;
	position: relative;
}
.serauto .autobox .autodot li:before {
	position: absolute;
	content: "";
	left: 0;
	top: 2px;
	background: #f39800;
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
}
.serauto .autobox .autodot li+li {
	margin-top: 10px;
}
.serauto .autobox .autoimp {
	position: absolute;
	left: 50%;
	top: 50px;
	transform: translateX(-50%);
	width: 190px;
	padding: 25px 0 20px;
	text-align: center;
	font-size: 15px;
	letter-spacing: 0.15em;
	color: #f39800;
	font-weight: 700;
	z-index: 2;
}
.serauto .autobox .autoimp:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	background: url(../img/service/right_auto.png) center center no-repeat;
	width: 190px;
	height: 14px;
	z-index: 1;
}
.serauto .autobox .autoimp:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	background: url(../img/service/left_auto.png) center center no-repeat;
	width: 190px;
	height: 14px;
	z-index: 1;
}
@media (max-width: 767px) {
.serauto .autobtn {
	margin: 30px auto 0;
	flex-direction: column;
}
.serauto .autobtn a {
	width: 100%;
	margin: 5px 0;
}
.serauto .autobox {
	display: block;
	margin-top: 40px;
	padding: 20px;
}
.serauto .autoboxin {
	width: auto;
}
.serauto .autobox .autotit {
	font-size: 16px;
}
.serauto .autobox .autodot {
	margin-top: 20px;
}
.serauto .autobox .autodot li {
	padding-left: 20px;
}
.serauto .autobox .autodot li:before {
	top: 3px;
	width: 12px;
	height: 12px;
}
.serauto .autobox .autoimp {
	position: relative;
	left: auto;
	top: auto;
	transform: translateX(0);
	margin: 30px 0;
	width: auto;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 190px;
	font-size: 14px;
}
.serauto .autobox .autoimp:before {
	top: 0;
	left: 10px;
	background: url(../img/service/right_auto.png) center center no-repeat;
	transform: rotate(90deg);
	transform-origin: left top;
	width: 190px;
	height: 14px;
}
.serauto .autobox .autoimp:after {
	left: auto;
	bottom: 0;
	right: 10px;
	background: url(../img/service/left_auto.png) center center no-repeat;
	transform: rotate(90deg);
	transform-origin: right bottom;
	width: 190px;
	height: 14px;
}
}

.aicase+.aicase {
	margin-top: 30px;
}
.aicase {
	display: flex;
	align-items: flex-start;
}
.aicase .aicasein {
	flex: 1;
}
.aicase .aicasepop {
	width: 286px;
	margin-left: 40px;
	flex-shrink: 0;
}
.aicase .aicasepop a {
	display: block;
	text-align: center;
	padding: 40px 10px 10px;
	background: #fff;
	-webkit-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-moz-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-ms-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-o-box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	box-shadow: 0 5px 20px rgba(149,98,46,0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	position: relative;
}
.aicase .aicasepop a:before {
	position: absolute;
	content: "";
	background: url(../img/service/plus_case.jpg) center center no-repeat;
	width: 20px;
	height: 20px;
	right: 10px;
	bottom: 10px;
	z-index: 1;
}
.aicase .aicasepop .aicaseimg {
	text-align: center;
}
.aicase .aicasepop .aicasedet {
	text-align: center;
	margin-top: 10px;
	font-size: 12px;
	color: #909090;
}
.aicase .aicasetit {
	background: #f39800;
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	padding: 5px 20px;
	letter-spacing: 0.1em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 15px;
}
.aicase .aicasecont {
	padding: 0 0 0 20px;
}
.aicase .aicasefwb {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.aicase .aicaselist li {
	margin-top: 15px;
	font-size: 14px;
	letter-spacing: 0.1em;
	padding-left: 25px;
	position: relative;
}
.aicase .aicaselist li:before {
	position: absolute;
	content: "";
	background: #f39800;
	width: 15px;
	height: 15px;
	left: 0;
	top: 2px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
}
.aipop {
	display: none;
}
.aipoptit {
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.1em;
}
.aipopdet {
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.1em;
	color: #909090;
}
.aipopimg {
	text-align: center;
	margin-top: 55px;
}
.fancybox-skin {
	background: #fff !important;
}
@media (max-width: 767px) {
.aicase {
	flex-direction: column;
	align-items: center;
}
.aicase .aicasepop {
	margin: 30px 0 0;
}
.aicase .aicasepop a {
	padding: 30px 10px 10px;
}
.aicase .aicasetit {
	font-size: 16px;
}
.aicase .aicasecont {
	padding: 0 0 0 10px;
}
.aipoptit {
	font-size: 16px;
}
.aipopdet {
	font-size: 14px;
}
.aipopimg {
	margin-top: 30px;
}
}


/* news-list
----------------------------------------------- */
#news-list-page.newsbox {
	padding-top: 100px;
	padding-bottom: 160px;
}
#news-list-page .article_header {
    border-top: 1px solid #dedede;
    padding-top: 40px;
    padding-bottom: 40px;
}
#news-list-page .article_heading-meta {
	color: #f39800;
	font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
	display: inline-block;
}
#news-list-page .article_heading-marker {
	font-size: 24px;
	font-weight: 600;
    line-height: 1.6;
}
#news-list-page a:hover .article_header{
	opacity: .7;
}
#news-list-page .article_heading p {
	margin: 20px 0 0;
	line-height: 1.75;
}
@media (max-width: 767px) {
	#news-list-page.newsbox {
		padding-top: 60px;
		padding-bottom: 80px;
	}
	#news-list-page .article_heading-marker {
		font-size: 20px;
	}
}

/* news-detail
----------------------------------------------- */
#news-detail-page.newsbox {
	padding-top: 60px;
	padding-bottom: 180px;
}
#news-detail-page .article_heading-meta {
	color: #f39800;
	font-size: 15px;
	font-weight: 600;
}
#news-detail-page .article_heading {
	font-size: 24px;
	font-weight: 600;
    padding: 10px 0 40px;
}
#news-detail-page .newscont {
	line-height: 1.75;
	word-break: break-all;
}
#news-detail-page h2 { 
	color: #f39800;
	font-size: 22px;
    font-weight: 600;
    margin: 40px 0 20px;
}
#news-detail-page h3 { 
    font-size: 20px;
	font-weight: 600;
	margin: 40px 0 20px;
}
#news-detail-page h4 {
	font-size: 18px;
    font-weight: 600;
	margin: 10px 0;
}
#news-detail-page h5 {
    font-weight: 600;
	margin: 10px 0;
}
#news-detail-page ul {
	padding-left: 1.2em;
}
#news-detail-page ul li {
	display: list-item;
	position: relative;
}
#news-detail-page ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1.2em;
    width: 10px;
    height: 10px;
    background-color: #f39800;
	border-radius: 100%;
}
#news-detail-page p {
	margin: 0 0 20px;
}
#news-detail-page .img-box {
	margin: 20px 0;
}
#news-detail-page a {
	color: #f39800;
}
#news-detail-page a:hover {
	opacity: .7;
}
@media (max-width: 767px) {
	#news-detail-page.newsbox {
		padding-top: 40px;
		padding-bottom: 120px;
	}
	#news-detail-page .article_heading {
		font-size: 20px;
		padding-bottom: 30px;
	}
}