@charset "utf-8";

	.page {
		padding-top: 98px;
	}
	.base #container {
		width: auto;
	}
	.base #container.column2 .wrap {
		width: 1160px;
		margin-left: auto;
		margin-right: auto;
	}

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

	br.sp-only {
		display: none;
	}

  .pc {
    display: block;
  }
  @media only screen and (max-width:769px) {
    .pc {
      display: none;
    }
  }


	.wrap,
	.footerLogo .wrap,
	.copyRight .wrap {
		width: 1160px;
	}

	.subMenu .navTitle {
		width: 350px;
		margin-right: 60px;
	}

	/*.subMenu-01 .menuList li {
		margin-left: 50px;
	}*/
	/*.subMenu-02 .menuList li {
		margin-left: 70px;
	}*/

	.pageTop {
    margin-right: -580px;
	}

	@media only screen and (max-width:1180px) {
		.base #container.column2 .wrap,
		.wrap,
		.footerLogo .wrap,
		.copyRight .wrap {
			width: auto;
			margin-left: 10px;
			margin-right: 10px;
			min-width: 960px;
		}

		.subMenu .navTitle {
			width: 240px;
			margin-right: 30px;
		}
		.subMenu-01 .menuList li {
			margin-left: 30px;
		}
		.subMenu-02 .menuList li {
			margin-left: 50px;
		}

		.pageTop {
			right: 0;
	    margin-right: 0;
	  }
	}
	@media only screen and (max-width:599px) {

		br.sp-only {
			display: block;
		}

		body.base { min-width: inherit; }
		.base .wrap { width: auto; padding-left: 10px;padding-right: 10px }
		.base #container { width: auto; }
		.base #container.column2 #mainContent,
		.base #container.column2 .wrap { width: auto; padding-left: 10px; padding-right: 10px; }

		.base #container.column2 .wrap,
		.wrap,
		.footerLogo .wrap,
		.copyRight .wrap {
			min-width: inherit;
			margin-left: 0;
			margin-right: 0;
		}

		/* page */
		.page {
			-webkit-text-size-adjust: 100%;
			text-size-adjust: 100%;
			padding-top: 55px;
		}

		/* gHeader */
		

		.siteTitle {
			display: none;
		}

		


		

		

		

		/* gNav */
		#gNav {
			float: none;
		}

		#gNav > ul > li {
			float: none;
			padding: 15px 0;
			border-bottom: 1px solid #666;
		}
		#gNav > ul > li > a,
		#gNav > ul > li > strong {
			color: #fff;
			text-align: left;
			padding: 0;
		}
		#gNav > ul > li > strong {
			margin-bottom: 10px;
		}
		#gNav > ul > li > a br,
		#gNav > ul > li > strong br {
			display: none;
		}

		#gNav > ul > li > a:hover,
		#gNav > ul > li > strong:hover {
			color: #fff;
		}
		#gNav > ul > li > a:hover::before,
		#gNav > ul > li > strong:hover::before {
			display: none;
		}

		.subMenu {
		    opacity: 1;
		    visibility: visible;
		    position: inherit;
		    top: inherit;
		    left: inherit;
		    right: inherit;
		    background-color: transparent;
		}
		.subMenu .navTitle {
			display: none;
		}

		.menuList li {
			float: none;
			margin-left: 0;
			padding: 0;
		}

		.subMenu-01 .menuList li,
		.subMenu-02 .menuList li,
		.subMenu-03 .menuList li {
			width: 100%;
			margin-left: 0;
		}

		.menuList li a {
			font-size: 10px;
			padding-top: 5px;
			padding-bottom: 5px;
		}

		#gNav > ul > li.gNav-state-on > strong,
		#gNav > ul > li > a:hover,
		#gNav > ul > li > strong:hover {
			color: #fff;
		}
		#gNav > ul > li.gNav-state-on > strong::before,
		#gNav > ul > li > strong::before {
			display: none;
		}
		.subMenu .wrap {
			-webkit-transform: inherit;
			transform: inherit;
			transition: inherit;
		}
		.subMenu.subMenu-state-on .wrap {
			transform: inherit;
		}

		.navSDW {
			display: none;
		}

		/* pNav */
		#pNav {
			position: static;
			top: auto;
			right: auto;
		}
		#pNav ul, #pNav ul li {
			float: none;
		}

		.pNav__main {
			padding: 12px 0;
		}
		.pNav__main li {
			padding: 0;
		}
		.pNav__main li::before {
			display: none;
		}
		.pNav__main li a {
			display: block;
			color: #fff;
			font-size: 14px;
			padding: 8px 0;
		}
		.pNav__main li a:hover {
			text-decoration: none;
		}

		.pNav__lang, .pNav__fSize {
			display: none;
		}


		/* gFooter */
		#gFooter {
		}

		/* fNav */
		#fNav {
			padding: 30px 0 0;
		}
		#fNav .fNav__block {
			float: none;
			width: 100%;
			margin-left: 0;
			margin-top: 40px;
		}
		#fNav .fNav__block .navTitle {
			margin-bottom: 15px;
			padding-bottom: 15px;
		}
		#fNav .fNav__block .navTitle.navTitle-mt {
			margin-top: 40px;
		}
		#fNav .fNav__block:first-child {
			margin-top: 0;
		}

		#fNav .fNav__block ul li {
			margin-top: 8px;
		}

		#fNav .fNav-sub {
			text-align: left;
			padding-top: 30px;
		}
		#fNav .fNav-sub li {
			display: block;
			padding: 0;
			border-top: 1px solid #e3e3e3;
		}
		#fNav .fNav-sub li::before {
			display: none;
		}
		#fNav .fNav-sub li a {
			display: block;
			padding: 15px 0;
		}


		.footerLogo .logo-01,
		.footerLogo .logo-02 {
			float: none;
			text-align: center;
		}
		.footerLogo .logo-01 a,
		.footerLogo .logo-02 a {
			display: block;
			padding: 5px 0;
		}


		.copyRight {
			text-align: center;
		}
		.copyRight p {
			font-size: .6em;
		}

	}


/* mainVisual */
	.mainVisual {
		position: relative;
		margin-bottom: 360px;
		background: url(../imgs/bg-main.jpg) no-repeat center;
		background-size: cover;
	}
	.mainVisual .mainVisual__lead {
		color: #fff;
		text-align: center;
	}
	.mainVisual .mainVisual__lead .sp {
		display: none;
	}
  .mainVisual .mainVisual__lead h2 img{
    margin: 0 auto;
	}

	.mainVisual .slideBox {
		position: absolute;
		left: 50%;
		bottom: -225px;
		width: 1160px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		-webkit-transition: .5s;
		transition: .5s;
	}
	/*.slideBox.slideBox-state-off {
		opacity: 0;
		visibility: hidden;
	}*/
	.slideBox .slick-list {
		padding-bottom: 20px;
	}
	.slideBox.slick-dotted.slick-slider {
		margin-bottom: 0;
	}
	.slides {
		float: left;
		width: 360px;
		margin: 0 15px;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
	}
	.slides a img {
		transition: .3s;
	}
	.slides .slides__inner {
		padding: 20px;
	}
	/*.slides .slides__date {
		color: #999;
		font-size: 11px;
		line-height: 1;
		margin-bottom: 10px;
	}*/
	.slides .slides__title {
		color: #333;
		/*font-size: 12px;*/
		font-weight: normal;
	}

	.slides:hover {
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
	}
	.slides a:hover {
		text-decoration: none;
	}
	.slides a:hover img {
		opacity: .8;
	}

	.slideBox .slick-dots {
		bottom: -30px;
	}
	.slideBox .slick-dots li {
		width: auto;
		height: auto;
		margin: 0 12px;
	}
	.slideBox .slick-dots li button {
		width: 38px;
		height: 5px;
		padding: 0;
		background-color: #d2d2d2;
	}
	.slideBox .slick-dots li.slick-active button {
		background-color: #7b7b7b;
	}
	.slideBox .slick-dots li button:before {
		display: none;
	}

	.slideBox .slick-prev, .slideBox .slick-prev:hover,
	.slideBox .slick-next, .slideBox .slick-next:hover {
		width: 16px;
		height: 32px;
		background-image: url(../imgs/icn-slide_sprite.png);
		background-repeat: no-repeat;
	}
	.slideBox .slick-prev, .slideBox .slick-prev:hover, .slideBox .slick-prev:focus {
		background-position: left center;
	}
	.slideBox .slick-next, .slideBox .slick-next:hover, .slideBox .slick-next:focus {
		background-position: right center;
	}
	.slideBox .slick-prev::before,
	.slideBox .slick-next::before {
		display: none;
	}
	.slideBox .slick-arrow:hover {
		opacity: .7;
	}

	@media only screen and (max-width:599px) {
		.mainVisual {
			margin-bottom: 80px;
			background-image: none;
		}
		.mainVisual .mainVisual__lead {
			background: url(../imgs/bg-main.jpg) no-repeat center;
			background-size: cover;
		}
		.mainVisual .mainVisual__lead .pc {
			display: none;
		}
		.mainVisual .mainVisual__lead .sp {
			display: block;
		}

		.base #container.column2 .slideBox.wrap {
			padding: 0;
		}

		.mainVisual .slideBox {
			position: static;
			left: inherit;
			bottom: inherit;
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			margin-top: -30px;
			-webkit-transform: inherit;
			transform: inherit;
		}
		.slides {
			margin: 0 20px;
			-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
			-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
			box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
		}
		.slides .slides__image img {
			width: 100%;
		}
		.slides .slides__inner {
			padding: 12px 15px 25px;
		}
		.slideBox .slick-dots {
			width: 90%;
			bottom: -20px;
		}
		.slideBox .slick-dots li {
			margin: 0 8px;
		}
		.slideBox .slick-dots li button {
			width: 21px;
			height: 4px;
		}
	}


/* section */
	.section {
		margin-top: 120px;
	}
	.section.num01 {
		margin-top: 0;
	}
	.section.num99{
		margin-top: 0;
	}

	.imageBox {
		position: relative;
		margin-bottom: 30px;
	}
	.imageBox .imageBox__logo {
		position: absolute;
		top: 50%;
		left: -60px;
		width: 215px;
		height: 215px;
		background-color: #333;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.imageBox .imageBox__logo img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
	.imageBox .imageBox__lead {
		position: absolute;
		top: 50%;
		left: 200px;
		color: #fff;
		line-height: 1.7;
		letter-spacing: .1em;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-shadow:1px 0px 7px #000000;
	}
	.section.num02 .imageBox .imageBox__lead,
	.section.num03 .imageBox .imageBox__lead {
		color: #333;
		text-shadow:1px 0px 7px #fff;
	}
	.imageBox .imageBox__lead h4 {
		font-size: 166.7%;
		font-weight: normal;
		margin-bottom: 20px;
	}

	.linkBox2clum{
		-webkit-display: flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	.linkBox2clum .linkBox{
		width:49%;
	}
	.linkBox {
		-webkit-display: flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		line-height: 1.5;
	}
	.linkBox+.linkBox {
		margin-top: 20px;
	}
	.pjTitle {
		font-size: 200.0%;
		text-align: center;
		letter-spacing: .1em;
		white-space: nowrap;
		/*margin-right: 40px;
		border-right: 1px solid #e0e0e0;*/
		width: 17em;
	}
	.pjTitle a {
		color: #333;
	}
	.pjTitle-sp {
		display: none;
	}

	.linkBox ul{
		padding-left: 10px;
		border-left: 1px solid #e0e0e0;
		box-sizing: border-box;
		width: calc(100% - 17em);
	}
	.linkBox ul li {
		float: left;
		margin-left: 30px;
		position: relative;
		display: block;
		padding: 10px 0 10px 20px;
		font-size: 116.7%;
		box-sizing:border-box;
	}
	.linkBox ul li.none{
		padding-left: 0;
	}
/*	.linkBox ul li:first-child,
	.linkBox ul li:nth-child(4) {
		margin-left: 0;
	}*/

	.linkBox ul li ul{
		display: inline-block;;
	}

/*	.section.num01 .linkBox ul li:nth-child(3) ,.section.num03 .linkBox ul li:nth-child(3) {
		clear: both;
		margin-left: 0;
	}*/

	.linkBox ul li a {
		/*position: relative;
		display: block;*/
		color: #333;
		/*font-size: 116.7%;*/
		/*font-weight: bold;*/
		/*padding: 10px 0;
		padding-left: 20px;*/
	}
	.linkBox ul li span {
		color: #999;
	}

	.linkBox ul li .sub-link{
		display: inline-block;
		margin-left: 10px;
	}

	.linkBox ul li .sub-linkbox01,.linkBox ul li .sub-linkbox02{
		position: relative;
		display: inline-block;
	}

	.linkBox ul li .sub-linkbox01 .sub-link a::before,
	.linkBox ul li .sub-linkbox02 .sub-link a::before{
		content: '▶︎';
		position: absolute;
		top: 50%;
		left: 0;
		color: #4a9dd4;
		font-size: 10px;
		-webkit-transform: translateY(-50%) scale(0.5);
		transform: translateY(-50%) scale(0.5);
		
	}

	.linkBox ul li a::before {
		content: '▶︎';
		position: absolute;
		top: 50%;
		left: 0;
		color: #4a9dd4;
		font-size: 10px;
		-webkit-transform: translateY(-50%) scale(0.5);
		transform: translateY(-50%) scale(0.5);
	}

	.alertBox{
		margin: 0 auto;
		position: relative;
		top: -55px;
		border: 1px solid #333;
		box-sizing: border-box;
		padding: 30px;
		width: 650px;
	}
	.alertBox .alertBox__title {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 15px;
		color: #333;
		display: block;
		font-size: 18px;
		font-weight: 700;
		text-align: center;
	}
	.alertBox .alertBox__item {
		display: block;
		font-size: 14px;
		margin: 0 auto;
		position: relative;
		text-align: center;
	}
	.alertBox .alertBox__item:nth-of-type(n+2) {
		margin-top: 10px;
	}
	.alertBox .alertBox__item a {
		color: #333;
		text-decoration: none;
	}
	.alertBox .alertBox__item a:hover {
    text-decoration: underline;
}
	@media only screen and (max-width:769px) {
		.alertBox{
			top: -30px;
			width: 90%;
			padding: 20px;
		}
		.alertBox .alertBox__title {
			font-size: 100%;
		}
		.alertBox .alertBox__item {
			font-size: 100%;
		}
		.alertBox .alertBox__item:nth-of-type(n+2) {
			margin-top: 5px;
		}
	}

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

		.section {
			margin-top: 80px;
		}

		.base #container.column2 .section .wrap {
			padding: 0;
		}

		.imageBox .imageBox__image {
			overflow: hidden;
			margin-left: 20px;
		}
		.imageBox .mainImg {
			width: 160%;
			margin-left: -30%;
			max-width: inherit;
		}
		.imageBox .imageBox__logo {
			left: 0;
			width: 80px;
			height: 80px;
		}
		.imageBox .imageBox__logo img {
			zoom: .4;
		}
		.imageBox .imageBox__lead {
			left: 100px;
			-webkit-text-shadow: 0px 0px 8px rgba(0,0,0,1);
			text-shadow: 0px 0px 8px rgba(0,0,0,1);
		}
		.section.num02 .imageBox .imageBox__lead,
		.section.num03 .imageBox .imageBox__lead {
			-webkit-text-shadow: 0px 0px 8px rgba(255,255,255,1);
			text-shadow: 0px 0px 8px rgba(255,255,255,1);
		}


		.imageBox .imageBox__lead h4 {
			font-size: 125.0%;
			font-weight: bold;
			letter-spacing: .05em;
			margin-bottom: 0;
		}
		.imageBox .imageBox__lead p {
			display: none;
		}

		.pjTitle {
			text-align: left;
			font-size: 150.0%;
			margin-bottom: 15px;
	    margin-right: 0;
	    padding-right: 0;
	    border-right: none;
		}
		.pjTitle br {
			display: none;
		}

		/*.pjTitle-sp {
			display: block;
		}*/

		.linkBox2clum{
			display:block;
		}
		.linkBox2clum .linkBox{
			width:100%;
		}
		.linkBox2clum .linkBox:nth-child(n+2){
			margin-left:0;
			margin-top:30px;
		}

		.linkBox {
			display: block;
			text-align: left;
			padding-left: 20px;
			padding-right: 10px;
			box-sizing:border-box;
		}
		/*.linkBox .pjTitle {
			display: none;
		}*/

		.linkBox ul{
			border: none;
			padding-left: 0;
			width: 100%;
		}
		.section.num02 .linkBox ul li {
			width: 50%;
			margin-left: 0;
			font-size: 83.3%;
		}
		.section.num01 .linkBox ul li,
		.section.num03 .linkBox ul li {
			float: none;
			width: 100%;
			margin-left: 0;
			font-size: 83.3%;
		}
		/*.linkBox ul li a {
			font-size: 83.3%;
		}
*/

	}


.slides__image {
	position: relative;
}
.slides__image .logo{
	position:absolute;
	right:0;
	bottom:0;
	width:50%;
}
.slides__image .logo img{
	backface-visibility: hidden;
	display: inline-block;
}
@media only screen and (max-width:769px) {
	.slides__image .logo{
		width:40%;
	}
}

.serviceBox {
	display: flex;
	justify-content: left;
	color: #333;
	margin-top: 130px;
}
.serviceBox+.serviceBox {
	margin-top: 30px;
}
@media only screen and (max-width:769px) {
  .serviceBox {
    flex-wrap: wrap;
	justify-content: space-between;
    width: 90%;
    margin: 30px auto;
  }
}
a.serviceBox__item:hover {
  text-decoration: none;
  opacity: 0.7;
}
.serviceBox__item {
  width: 260px;
}
@media only screen and (min-width:769px) {
	.serviceBox__item {
		margin-right: 40px;
	}

	.serviceBox__item:nth-of-type(4n) {
		margin-right: 0;
	}
}
@media only screen and (max-width:769px) {
  .serviceBox__item {
    width: 48%;
    margin-bottom: 20px;
  }
  .serviceBox__item img {
    width: 100%;
  }
}
.serviceBox__title {
  font-size: 13px;
  line-height: calc(30/20);
  letter-spacing: 0.06em;
  color: #333;
  margin-top: 15px;
  text-align: center;
  min-height: 40px;
}
@media only screen and (max-width:769px) {
  .serviceBox__title {
    font-size: 14px;
    letter-spacing: 0.01em;
    margin-top: 15px;
  }
}
.serviceBox__text {
  font-size: 12px;
  line-height: calc(18/12);
  letter-spacing: 0.135em;
  color: #333;
  margin-top: 15px;
}
@media only screen and (max-width:769px) {
  .serviceBox__text {
    font-size: 10px;
    margin-top: 15px;
  }
}