@charset "UTF-8";
@import url("main_pc.css");

@media only all and (max-width: 1023px) {
	.btn-top-go {
		position: fixed;
		display: none;
        top: auto;
        top: initial;
        bottom: 5rem;
        right: 0;
        width: 2.692rem;
        height: 2.692rem;
        line-height: 2.692rem;
        font-size: 0.7692rem;
		text-indent: 0;
		background: #575a5b !important;
	}

	/* main contents 01 */
	.main-navigation {
		display: none;
	}

	.main-visual-wrapper {
		position: relative;
		height: auto;
		overflow: hidden;
	}

	.main-slogan-wrapper {
		top: 50%;
		width: 23rem;
		padding: 3.917rem 0 2.333rem 0;
		margin-left: -11.5rem;
		margin-top: -7.938rem;
	}

	.main-slogan-wrapper > h2 {
		font-size: 2.917rem;
		line-height: 3.25rem;
		transform: translate3d(0, 1.25rem, 0);
		-ms-transform: translate3d(0, 1.25rem, 0);
	}

	.main-slogan-wrapper > p {
		font-size: 1.5rem;
		line-height: 1.917rem;
		transform: translate3d(0, 1.25rem, 0);
		-ms-transform: translate3d(0, 1.25rem, 0);
	}

	.main-slogan-wrapper .line01 {
		height: 0.7083rem;
	}

	.main-slogan-wrapper .line02 {
		bottom: 0.7083rem;
		width: 0.7083rem;
	}


	.main-slogan-wrapper .line03 {
		height: 0.7083rem;
	}

	.main-slogan-wrapper .line04 {
		top: 0.7083rem;
		width: 0.7083rem;
	}

	#section1.active .line02 {
		height: 11.92rem;
		height: -webkit-calc(100% - 1.4166rem);
		height: -moz-calc(100% - 1.4166rem);
	}

	#section1.active .line04 {
		height: 1.833rem;
	}

	.main-visual-area {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		margin-left: 0;
	}

	.main-visual-area .swiper-slide {
		height: auto;
	}


	.main-visual-area .swiper-slide img.pc {
		display: none;
	}

	.main-visual-area .swiper-slide img.mobile {
		display: block;
		width: 100%;
	}

	#main-visual-pagination {
		bottom: 2.125rem;
	}

	#main-visual-pagination .swiper-pagination-bullet {
		margin: 0 0.125rem;
		width: 1.417rem;
		height: 0.2083rem;
	}

	.mouse-scroll {
		display: none;
	}

	.main-business-wrapper {
		position: relative;
		max-width: 100%;
		height: auto;
		padding: 7.25rem 3.167rem 3.208rem 3.167rem;
		margin: 0 auto;
	}

	.main-business-wrapper > h2 {
		left: 0;
		margin-top: -5.5rem !important;
		width: 9.583rem;
		height: 9.667rem;
		-webkit-box-shadow: 1.625rem 1.625rem 2.25rem 0px rgba(0,0,0,0.22);
		-moz-box-shadow: 1.625rem 1.625rem 2.25rem 0px rgba(0,0,0,0.22);
		box-shadow: 1.625rem 1.625rem 2.25rem 0px rgba(0,0,0,0.22);
		opacity: 1;
	}

	.main-business-wrapper > h2:before {
		opacity: 1;
		background-size: 100% 100%;
	}

	.main-business-wrapper.active > h2 {
		margin-top: -5.5rem;
	}

	.main-business-wrapper > h2:before {
		width: 9.583rem;
		height: 9.667rem;
	}

	.main-business-wrapper > h2 .group {
		margin-top: -1.333rem;
	}
	.main-business-wrapper > h2 .group > strong {
		font-size: 1.083rem;
		line-height:1.458rem;
	}
	.main-business-wrapper > h2 .group > span {
		font-size: 1.167rem;
		line-height: 1.25rem;
	}

	.main-business-area {
		display: block;
	}

	.main-business-box {
		position: static;
		padding-left: 0;
		min-height: auto;
		padding-right: 0;
		opacity: 0;
	}

	.swiper-slide-active .main-business-box {
		display: block;
		position: relative;
		opacity: 1;

	}

	.main-business-box > .main-business-informaiton {
		position: relative;
		top: 0;
		left: 0;
		display: block;
		padding-left: 0;
		margin-bottom: 1.333rem;
		z-index: 10;
	}

	.main-business-box > .main-business-informaiton > h3 {
		padding-top: 0.75rem;
		margin-bottom: 0.9583rem;
		font-size: 1.417rem;
		line-height: 1.708rem;
	}

	.main-business-box > .main-business-informaiton > h3:before {
		height: 0.1667rem;
	}

	.main-business-box > .main-business-informaiton > p {
		font-size: 1.917rem;
		line-height: 2.333rem;
		margin-bottom: 0;
		word-break: keep-all;
		transform: translate3d(0, 1.25rem, 0);
	}
	.main-business-box > .main-business-informaiton > p > span {
		display: inline;
	}
	.main-business-box > .main-business-informaiton > ul {
		display: none;
	}

	.main-business-box .main-business-image-wrapper {
		position: relative;
		display: block;
	}

	.main-business-box .main-business-image-wrapper > .image-wrapper {
		margin-bottom: 1.333rem;
	}

	.main-business-box .main-business-image-wrapper > .image-wrapper > .image {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
	}

	.main-business-box .main-business-image-wrapper > .image-wrapper > .image > img {
		min-width: auto;
		width: 100%;
		max-width: 100%;
	}


	.main-business-box .main-business-image-wrapper p {
		font-size: 1.167rem;
		line-height: 1.75rem;
		word-break: keep-all;
	}

	.main-business-box .main-business-image-wrapper p > span {
		display: inline;
	}

	.main-business-box .main-business-image-wrapper > .image-wrapper > .btn-go {
		bottom: -1.25rem;
		right: -1.25rem !important;
		width: 3.5rem;
		height: 3.042rem;
		background-size: 3.5rem 3.042rem;
	}

	.main-business-option {
		position: relative;
		top: auto;
		top: inlitial;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}

	#main-business-pagination {
		position: static;
		display: block;
		margin-top: 1.25rem;
		padding-left: 0;
		text-align: center;
		width: 100%;
	}

	#main-business-pagination .swiper-pagination-bullet {
		margin: 0 0.2083rem;
		width: 0.6667rem;
		height: 0.6667rem;
		background-color: #cbd2d5;
	}

	#main-business-pagination .swiper-pagination-bullet-active {
		background-color: #ffb310
	}


	.swiper-slide-active .main-business-box > .main-business-informaiton > h3:before {
		width: 3.333rem;
	}



	.main-investment-wrapper {
		padding: 2.75rem 3.167rem 3.167rem 3.167rem;
		height: auto;
		background-image: url(../img/main/bg03_mobile.jpg);
		background-size: cover;
	}

	.main-investment-area {
		position: relative;
		max-width: 100%;
		min-height: auto;
		padding: 0;
		margin: 0;
	}

	.main-investment-slogan {
		position: relative;
		top: 0;
		left: 0;
		display: block;
		text-align: center;
		width: auto;
	}

	.main-investment-slogan > h3 {
		position: relative;
		display: block;
		color: #fff;
		margin-top: 0;
		padding-top: 0.9583rem;
		margin-bottom: 0;
	}

	.main-investment-slogan > h3:before {
		position: absolute;
		top: 0;
		left: 50%;
		content: "";
		display: block;
		width: 2.25rem !important;
		height: 0.1667rem;
		margin-left: -1.125rem;
	}

	.main-investment-slogan > h3 > strong {
		margin-bottom: 0;
		font-size: 2.25rem;
		line-height: 2.542rem;
	}

	.main-investment-slogan > h3 > span {
		font-size: 1.917rem;
		line-height: 2.542rem;
	}

	.main-investment-slogan > p {
		display: none;
	}


	.main-investment-box > li {
		position: static;
		top: 0;
		float: left;
		width: calc(50% - 0.7917rem);
		height:11.25rem;
		margin-right: 0;
		margin-top: 1.792rem;
		opacity: 1 !important;
		transition: none !important;
	}

	.main-investment-box > li:nth-of-type(1),
	.main-investment-box > li:nth-of-type(2),
	.main-investment-box > li:nth-of-type(3),
	.main-investment-box > li:nth-of-type(4) {
		transition-delay: 0 !important;
	}


	.main-investment-box > li:nth-child(even) {
		float: right;
	}

	.main-investment-box > li > a {
		padding-top: 3.583rem;
		transition: none !important;
	}

	.main-investment-box > li > a:hover,
	.main-investment-box > li > a:focus {
		-webkit-box-shadow: 0.625rem 0.625rem 0.625rem 0px rgba(0,0,0,0.35);
		-moz-box-shadow: 0.625rem 0.625rem 0.625rem 0px rgba(0,0,0,0.35);
		box-shadow: 0.625rem 0.625rem 0.625rem 0px rgba(0,0,0,0.35);
	}


	.main-investment-box > li > a .group > img {
		width: 2.083rem;
		margin: 0 auto 1.583rem auto;
	}

	.main-investment-box > li > a .group > strong {
		font-size: 1.25rem;
		line-height: 1.583rem;
	}

	.main-news-room-wrapper {
		position: relative;
		height: auto;
		padding: 4.167rem 3.167rem 5.667rem 3.167rem;
		background-image: url(../img/main/bg04_mobile.jpg);
		background-size: cover;
	}

	.main-news-room-wrapper > h2 {
		margin-bottom: 1.833rem;
		font-size: 2.25rem;
		line-height:2.458rem;
	}
	.main-news-room-area {
		max-width: 100%;
		padding: 0;
		margin: 0;
	}

	.main-news-room-box.pc {
		position: absolute;;
		top: 0;
		left: 0;
		width: 0;
		height: 0;
		z-index: -1;
		opacity: 0;
		display: none;
	}

	.main-news-room-box.mobile {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		z-index: 10;
		opacity: 1;
	}


	#main-news-slider {
		width: 100%;
	}

	.main-news-room-group {
		float: none;
		width: 100%;
		margin-right: 0;
		padding: 3.458rem 2.833rem 1rem 2.833rem;
	}

	.main-news-room-group > .category {
		margin-bottom: 0.625rem;
		font-size: 1rem;
		line-height: 1.292rem;
	}

	.main-news-room-group > .title {
		margin-bottom: 0.8333rem;
		font-size: 1.417rem;
		line-height: 2.25rem;
	}

	.main-news-room-group .image {
		position: relative;
		width: 100%;
		padding-bottom: 31.325%;
		margin-bottom: 1.25rem;
		overflow: hidden;
	}


	.main-news-room-group .substance {
		height: 7rem;
		font-size: 1.083rem;
		line-height: 1.75rem;
	}

	.main-news-room-group .information {
		margin-top: 1rem;
		padding: 1.833rem 0;
	}


	.main-news-room-group .information span {
		padding-left:1.958rem;
		font-size: 0.9167rem;
		line-height: 1.083rem;
		background-size: 1.333rem 1.083rem;
	}

	.main-news-room-group .information .date {
		margin-right: 2.708rem;
	}

	.main-news-room-group:hover,
	.main-news-room-group:focus {
		box-shadow: none;
	}

	#main-news-pagination {
		position: static;
		padding-top: 2.292rem;
	}

	#main-news-pagination .swiper-pagination-bullet {
		margin: 0 0.2083rem;
		width: 0.6667rem;
		height: 0.6667rem;
		background-color: #cbd2d5;
		opacity: 1;
	}

	#main-news-pagination .swiper-pagination-bullet-active {
		background-color: #ffb310
	}

	/* Æ˾÷â */
	.divpop {
		position: fixed;
		top: 4.583rem;
		left: 50%;
		width: calc(100% - 3.5rem);
		padding: 0;
		height: auto;
		max-height: calc(100% - 5.833rem);
		padding-bottom: 3rem;
		margin-left: 0;
		-webkit-box-shadow: 0px 0.3333rem  0.625rem 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 0.3333rem  0.625rem 0px rgba(0,0,0,0.25);
		box-shadow: 0px 0.3333rem  0.625rem 0px rgba(0,0,0,0.25);
		transform: translate(-50%, 0);
	}

	.divpop img {
		display: block;
		width: 100%;
	}

	.divpop .button_area {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 3rem;
		padding: 0.75rem 1.25rem 0 1.25rem;
		text-align: right;
	}


	.divpop .button_area > label {
		font-size: 0.8333rem;
		line-height: 1rem;
	}

	.divpop .button_area > button {
		height: 1.5rem;
		padding: 0 0.625rem;
		font-size: 0.8333rem;
		border-radius: 0.125rem;
		margin-left: 0.625rem;
	}

	.divpop .btn-popup-close {
		top: 1.25rem;
		right: 1.25rem;
		width: 1.083rem;
		height: 1.083rem;
		background-size: 1.083rem 1.083rem;
	}

}