@charset "UTF-8";

#main-contents ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#main-contents li {
	margin: 5px 0;
	list-style-image: url("/wp/wp-content/themes/nastoa/img/icon-modal.svg");
}

#main-contents li a {
	color: #4D4D4D;
	font-size: 17px;
	font-size: 15px;
	text-decoration: underline;
}

#main-contents li a:hover {
	opacity: 0.7;
}

/*add 2024.1.19*/
#main-contents li.not-link {
	list-style-image: none;
	font-size: 17px;
	font-size: 15px;
	color: #4D4D4D;
}

/* ページ下部 */
#group-list {
	padding: 40px;
}

#group-list ul {
	padding-left: 27px;
}

#group-list li {
	
}

#group-list .flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

#group-list .flex-item {
	width: 50%;
}

#group-list h2 {
	margin: 40px 0 0;
	padding: 0;
	background: none;
	border: none;
	font-size: 18px;
}

#group-list a {
	line-height: 1.8em;
}


/* PC版のみ */
@media screen and (min-width:768px),print {
	#circle {
		position: relative;
		width: 830px;
		height: 830px;
		margin: 50px auto;
	}

	#circle h2 {
		margin: auto;
		padding: 0;
		background: none;
		border: none;
		/*font-size: 30px;*/
		letter-spacing: 0.05em;
	}

	/* NASグループ */
	#nas-group {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 317px;
		height: 317px;
		margin: auto;
		z-index: 2;
		background: #F3D7CB;
		border: solid 5px #FFF;
		border-radius: 500px;
	}

	#nas-group img {
		position: absolute;
		display: block;
		top: -55%;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}

	#nas-group h2 {
		position: absolute;
		top: -12%;
		bottom: 0;
		left: 0;
		right: 0;
		height: 1em;
		color: #C71628;
		text-align: center;
	}

	#nas-group ul {
		position: absolute;
		top: 60%;
		left: 26%;
        left: 20%;
	}

	#nas-group li a {
		font-weight: bold;
	}
	
	#nas-group p {
		display: none;
	}

	/* 製造 */
	#manufacture {
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
		height: 100%;
		background: #E4F4FD;
		border-radius: 500px 0 0 500px;
	}

	#manufacture img {
		position: absolute;
		top: 42%;
		left: 14%;
	}

	#manufacture h2 {
		position: absolute;
		top: 52%;
		left: 25%;
		left: 14%;
		color: #004190;
	}

	#manufacture .ul-1 {
		position: absolute;
		top: 21%;
		left: 34%;
	}

	#manufacture .ul-1 .bold {
		font-weight: bold;
	}

	#manufacture .ul-2 {
		position: absolute;
		top: 73%;
		top: 72%;
		left: 34%;
		left: 28%;
		left: 24%;
	}

	/* 販売・加工 */
	#sales {
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		height: 50%;
		background: #DEEDD7;
		border-radius: 0 500px 0 0;
	}

	#sales img {
		position: absolute;
		top: 57%;
		right: 31%;
	}

	#sales h2 {
		position: absolute;
		top: 67%;
		right: 22%;
		color: #39B54A;
        top: 70%;
        right: 10%;
        font-size: 21px;
	}

	#sales ul {
		position: absolute;
		top: 24%;
		right: 41%;
	}

	/* 製造支援・運輸サービス */
	#support {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 50%;
		height: 50%;
		background: #FEF5CD;
		border-radius: 0 0 500px 0;
	}

	#support img {
		position: absolute;
		top: 7%;
		right: 34%;
	}

	#support h2 {
		position: absolute;
		top: 18%;
		right: 13%;;
		right: 5%;
		color: #F7931E;
		font-size: 21px;
	}

	#support ul {
		position: absolute;
		top: 45%;
		right: 24%;
        right: 30%;
	}

}

/* タブレット版 */
@media screen and (max-width:999px) and (min-width:768px) {
	#circle {
		width: 735px;
		height: 735px;
	}
	
	#nas-group {
		width: 260px;
		height: 260px;
	}
	
	#nas-group ul {
		left: 20%;
	}
	
	#nas-group p {
		display: none;
	}
	
	#sales ul {
		right: 30%;
	}
	
	#support ul {
		right: 19%;
	}
}

/* スマートフォン版 */
@media screen and (max-width:767px) {
	.page .box {
		border: none;
	}
	
	.page .box h2 {
		margin-bottom: 20px;
		padding: 0;
		background: rgba(0,0,0,0);
		border: none;
	}
	
	#circle {
		padding: 15px;
		background: #F3D6CB;
		border-radius: 20px;
	}
	
	/* リスト部分 */
	#main-contents ul {
		margin-left: 2em;
	}
	
	#main-contents li {
		margin: 10px 0;
	}
	
	/* アイコン部分 */
	#circle img {
		margin: 0 auto;
		padding: 20px 0;
	}

	/* NASグループ */
	#nas-group {
		margin: 0 0 10px;
		padding: 0 0 10px;
		background: #F3D6CB;
		border-radius: 10px;
	}
	
	#nas-group h2 {
		color: #C61530;
	}
	
	#nas-group p {
		color: #4D4D4D;
	}
	
	/* 製造 */
	#manufacture {
		margin: 10px 0;
		padding: 10px;
		background: #E3F4FC;
		border-radius: 10px;
	}
	
	#manufacture h2 {
		color: #00458B;
	}

	/* 販売加工 */
	#sales {
		margin: 10px 0;
		padding: 10px;
		background: #DEECD7;
		border-radius: 10px;
	}
	
	#sales h2 {
		color: #42B355;
	}

	/* 製造支援・運輸サービス */
	#support {
		margin: 10px 0;
		padding: 10px;
		background: #FFF4CF;
		border-radius: 10px;
	}
	
	#support h2 {
		color: #F79039;
	}

	/* ページ下部 */
	#group-list {
		display: none;
	}
}