@charset "UTF-8";

@import url("main_pc.css");

@media only all and (max-width: 1023px) {
	.main-container {
		padding-bottom: 0;
	}

	.main-contents-area01 {
		max-width: 1240px;
		min-height: auto;
		padding-top: 0;
		margin: 0 auto;
		text-align: center;
		overflow: hidden;
	}

	.main-contents-area01 .modelling{
		position: absolute;
		top: 80%;
		left: 50%;
		margin-left: -100px;
		z-index: 1000;
	}

	.main-contents-area01 .modelling a {
		display: block;
		width: 200px;
		height: auto;
		border-radius: 5px;
		padding: 10px 0;
		font-size: 15px;
		line-height: 20px;
	}

	.main-contents-area01 .modelling a br {
		display:none !important;
	}

	.main-contents-wrapper01 .pc {
		display: none;
	}

	.main-contents-wrapper01 .mobile {
		display: block;
		width: 100%;
	}


	.main-word-slogan-wrapper {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: auto;
		text-align: center;
		z-index: 1;
		transform: translate(0, -50%);
	}

	.main-word-slogan-wrapper .class-name {
		font-size: 0.9231rem;
		line-height: 1.154rem;
		margin-bottom: 0.5rem;
	}

	.main-word-slogan-wrapper .slogan {
		font-size: 2.077rem;
		line-height: 2.269rem;
		letter-spacing: -0.1154rem;
	}

	.main-word-slogan-wrapper .summary {
		margin-top: 0.7692rem;
		font-size: 0.6923rem;
		line-height: 1rem;
	}

	.main-menu-list01 {
		max-width: 20.46rem;
		margin-top: 2.308rem
	}

	.main-menu-list01 > ul {
		padding-top: 1.077rem;
		padding-bottom: 1rem;
	}

	.main-menu-list01 > ul > li > a > img {
		width: 2.385rem;
		margin: 0 auto 0.3846rem auto;
	}

	.main-menu-list01 > ul > li > a > strong {
		display: block;
		color: #fff;
		font-size: 0.8462rem;
		letter-spacing: -0.07692rem;
		text-shadow: 0px 0.07692rem 0.07692rem rgba(0, 0, 0, 0.22);
	}


	.main-contents-area02 {
		max-width: 100%;
		height: auto;
		margin: 0;
		padding: 1.538rem 1.538rem 0 1.538rem;
		border-top: 1px solid #e3e8f0;
	}

	.main-board-wrapper {
		float: none;
		width: 100%;
		max-width: 100%;
		height: auto;
		padding: 0 0 1.538rem 0;
		border: 0;
	}

	.main-board-area {
		position: relative;
	}

	.main-board-area > .main-board-menu {
		position: relative;
		display: block;
		padding-right: 4.615rem
	}

	.main-board-area > .main-board-menu > li {
		float: left;
		width: calc(33.33% + 1px);
		max-width: 5.769rem;
		margin-right: -1px;
	}

	.main-board-area > .main-board-menu > li > a {
		height: 2.308rem;
		padding: 0.6154rem 0 0 0;
		font-size: 1rem;
		line-height: 1.154rem;
		text-align: center;
	}

	.main-board-area > .main-board-box {
		padding-top: 0.5769rem;
	}

	.main-board-area > .main-board-box > ul > li > a {
		padding-left: 0.5769rem;
		padding-right: 5.385rem;
		background-size: 0.2308rem 0.2308rem;
	}

	.main-board-area > .main-board-box > ul > li > a > strong {
		font-size: 0.9231rem;
		line-height: 1.615rem;
	}

	.main-board-area > .main-board-box > ul > li > a > span {
		font-size: 0.9231rem;
		line-height: 1.615rem;
	}

	.main-board-area > .main-board-box > .more {
		height: 2.308rem;
		line-height: 2.308rem;
		font-size: 0.9231rem;
	}

	.main-photo-wrapper {
		float: none;
		width: 100%;
		max-width: 100%;
		height: auto;
		padding: 0 0 1.538rem 0;
		border: 0
	}

	.main-photo-area > h2 {
		font-size: 1.231rem;
		line-height: 1.846rem;
		margin-bottom: 1.154rem;
	}

	.main-photo-area > ul > li > a > strong {
		margin-top: 0.5769rem;
		font-size: 0.8462rem;
		line-height: 1.154rem;
	}

	.main-photo-area > .more {
		height: 1.846rem;
		line-height: 1.846rem;
		font-size: 0.9231rem;
	}

	.main-menu-list02 {
		float: none;
		width: 100%; 
		max-width: 100%;
		height: auto;
		padding: 0;
		border: 0;
	}

	.main-menu-list02 > ul > li {
		height: 8.077rem;
	}

	.main-menu-list02 > ul > li > a > .icon {
		width: 5rem;
		height: 5rem;
		margin-bottom: 0.4615rem;
		border-radius: 50%;
	}

	.main-menu-list02 > ul > li > a > .icon > img {
		width: 2.462rem;
	}

	.main-menu-list02 > ul > li > a > strong {
		font-size: 1.154rem;
		line-height: 2rem;
	}

	.main-contents-wrapper03 {
		position: relative;
		border: 0;
	}

	.main-contents-area03 {
		max-width: 100%;
		margin: 0;
		padding:  1.538rem;
	}

	.affiliation-list {
		float: none;
	}

	.affiliation-list:after {
		content: "";
		clear: both;
		display: block;
	}

	.affiliation-list > li {
		margin: 0 1.923rem 1.538rem 0;
	}

	.affiliation-list > li > strong {
		margin-right: 0.3846rem;
		font-size: 1.231rem;
		line-height: 1.308rem;
		letter-spacing: -0.07692rem
	}

	.affiliation-list > li > a {
		width: 1.308rem;
		height: 1.308rem;
	}

	.main-customer-information {
		float: none;
	}

	.main-customer-information > dt {
		font-size: 1.231rem;
		line-height: 1.846rem;
		margin-right: 1.346rem;
	}

	.main-customer-information > dd {
		font-size: 1.385rem;
		line-height: 1.846rem;
	}

}