@charset "UTF-8";

/* ===============================
	style
=============================== */
.subTtl {
	background: #fb9494;
}

.sub-section .white {
	color: #fff;
}

/* ===============================
	PC / Tab
=============================== */
@media print , screen and (min-width: 481px) {
	.mtm {
		margin-top: 6rem;
	}
	/* タイトル */
	.border-title {
		margin-top: 8rem;
		padding-left: 0.5em;
		font-size: 2.6rem;
		line-height: 1.4;
		font-weight: 500;
		border-left: solid 5px #fb9494;
	}
	.border-title sup {
		font-size: 0.6em;
	}
	.sub-section .baseWidth {
		position: relative;
	}
	.icon {
		min-width: 10rem;
		padding: 0.4em;
		margin-bottom: 0.5em;
		margin-right: 0.5em;
		font-size: 1.6rem;
		background: #fb9494;
		color: #fff;
		border-radius: 0rem;
		text-align: center;
		display: inline-block;
		position: absolute;
		width: 135px;
		top: 1em;
		line-height: 1.4;
	}
	.subTtl {
		background: #fb9494;
	}

	.pcLeft {
		width: 50%;
		float: left;
		padding-right: 20px;
	}
	.pcRight {
		width: 50%;
		float: right;
		padding-left: 20px;
	}

	.plasmacluster{
		width: 28%;
	}
	.plasmacluster span{
		color: #00a0e9;
		position: relative;
		top: -5.5rem;
		left: 27rem;
	}
	/* サブセクション */
	.sub-section {
		padding-bottom: 8em;
		line-height: 1.8;
	}
	.sub-section .sub-text {
		margin-top: 2rem;
	}
	#sub02 .pcClearfix .sub-text {
    	margin-top: 1rem;
    	line-height: 1.6;
}
	.sub-section .sub-img {
		margin-top: 2rem;
	}
	.sub-section .subTtl {
		padding: 12px 0;
	}
	.sub-section .subTtl h3 {
		font-size: 3.6rem;
		line-height: 1.4;
		font-weight: 500;
		color: #fff;
		text-align: center;
		    padding: 1.4rem 0;
	}
	.sub-section .subTtl h3 .yellow {
		color: #fffe84;
	}

	ul.list-img {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 2rem;
	}

	/* sub01 */
	#sub01.sub-section {
		padding-top: 8em;
	}
	#sub01 .imagebg {
		background-color: #fb9494;
		padding: 0.2em;
		color: #fff;
		margin-bottom: 0.4em;
		text-align: center;
	}

	ul.list-img li {
		width: 31%;
	}
	.textCap {
		font-size: 1.4rem;
		margin-top: 0.2em;
	}

	/* sub02 アイコン*/
	#sub02 .flexBox {
		display: flex;
		flex-wrap: space-between;
		margin-top: 2rem;
	}
	#sub02 .flexItem {
		width: 100%;
		padding-right: 3rem;
	}
	#sub02 .flexBox .ttl {
		width: 6em;
		font-size: 1.4rem;
		line-height: 1;
		font-weight: bold;
		text-align: center;
	}
	#sub02 .flexBox .ttl .num {
		width: 5.4em;
		height: 5.4em;
		padding-top: 1.8em;
		border-radius: 50%;
		background: #fb9494;
		color: #fff;
		font-weight: normal;
		text-align: center;
		font-size: 2rem;
		line-height: 1.6;
	}
	#sub02 .flexBox .ttl .num span {
		display: block;
		font-size: 1.8rem;
		line-height: 1;
		margin-bottom: 0.2em;
		font-weight: bold;
	}
	#sub02 .border-title, #sub02 .pcRight .sub-img {
		margin-top: 6rem;
	}
	#sub02 .sub-text .sub-ttl {
		color: #fb9494;
		font-size: 1.6rem;
		font-weight: 400;
	}
	#sub02 .sub-text .sub-ttl .maru {
		font-size: 2rem;
		font-weight: bold;
		position: relative;
    	top: 0.1rem;
	}


	/* きのこアタッチメントコラム */
	#column {
		margin-top: 6em;
		padding: 4rem 9rem;
		font-weight: 400;
		border-radius: 5px;
		background: #ffe3e3 url(images/bg-column.png) no-repeat left 5rem top
			28rem;
	}
	.column-ttl {
		padding-bottom: 2rem;
		font-size: 1.8em;
		border-bottom: solid 1px #fb9494;
		text-align: center;
	}
	#column .sub-ttl {
		text-align: center;
		font-size: 1.8rem;
		line-height: 1.6;
	}
	#column .text {
		margin-top: 2rem;
	}
	.column-picture {
		margin-top: 3rem;
		padding-left: 40rem;
		padding-right: 4rem;
	}
	.kinoko {
    position: relative;
    top: -21rem;
    right: 47rem;
    width: 60%;
	}
	.column-picture .img-ttl {
		background: #fb9494;
		color: #fff;
		text-align: center;
	}
	.column-picture .sub-img img {
		border: solid 1px #fb9494;
	}
	.column-picture .img-text {
		font-size: 1.4rem;
		line-height: 1.4;
		padding-bottom: 0.5rem;
    	padding-top: 0.4rem;
	}
	.column-picture .cap-text {
		font-size: 1.2rem;
		text-align: right;

	}
	/* サブコンテナー */
	.sub-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.sub-container .border-title {
		margin-top: 0;
	}
	.sub-container .sub-item {
		width: 45%;
		padding-top: 6rem;
		padding-bottom: 26rem;
		position: relative;
	}
	.sub-container .sub-item.has-text {
		padding-bottom: 29rem;
	}
	.sub-container .sub-item.has-text:nth-of-type(3) {
		padding-bottom: 32rem;
	}
	.sub-container .sub-item .sub-img .cap-img  {
		padding-bottom: 1.5rem;
	}

	.sub-container .sub-item.no-pb {
		padding-bottom: 0;
	}
	.sub-container .sub-item .sub-img {
		width: 100%;
		margin-top: 0;
		position: absolute;
		bottom: 0;
	}
	.sub-container .sub-img.adjust-pb {
		padding-bottom: 4.2em;
	}
	.sub-container .sub-img.pb-half {
		padding-bottom: 5rem;;
	}
	#spec .sub-container {
		margin-top: 3em;
	}
}


.zaiko {
	display: inline-block;
	margin-left: 0.8em;
	padding: 0 0.5em;
	font-size: 1.2rem;
	font-weight: normal;
	color: #E6000D;
	border: solid 1px #E6000D;
	position: relative;
	top: -0.25em;
}

.zaiko sup {
	top: -0.25em;
}


/* ===============================
	mobile
=============================== */
@media screen and (max-width: 480px) {
	.mtm {
		margin-top: 4rem;
	}
	/* タイトル */
	.border-title {
		margin-top: 5rem;
		padding-left: 0.5em;
		font-size: 1.6rem;
		line-height: 1.4;
		font-weight: 500;
		border-left: solid 5px #fb9494;
	}
	.border-title sup {
		font-size: 0.6em;
	}
	.icon {
		min-width: 10rem;
		padding: 0.2em;
		margin-bottom: 0.5em;
		margin-right: 0.5em;
		font-size: 1.2rem;
		background: #fb9494;
		color: #fff;
		border-radius: 0rem;
		text-align: center;
		position: relative;
		display: block;
		width: 44%;
		margin: 0.4em auto;
	}
	.flexBox .list-product-icons {
		display: none;
	}
	.subTtl {
    background: #fb9494;
}
	 .sub-section .subTtl .subttlSize {
	font-size: 1.4rem
}
	.plasmacluster{
		width: 43%;
		padding-top: 0.5rem;
		line-height: 1.0;
	}
	.plasmacluster span{
		color: #00a0e9;
		position: relative;
		top: -3rem;
		left: 14.4rem;
		font-size: 1.1rem;
	}
	/* サブセクション */
	.sub-section {
		padding-bottom: 3em;
	}
	.sub-section .sub-text {
		margin-top: 2rem;
	}
	.sub-section .sub-img {
		margin-top: 2rem;
	}

	.sub-section .subTtl h3 {
		font-size: 2rem;
		line-height: 1.4;
		font-weight: 500;
		color: #fff;
		text-align: center;
		padding: 1.5rem 0;
	}
	.sub-section .subTtl h3 .yellow {
		color: #fffc00;
	}
	ul.list-img {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 2rem;
	}

	/* sub01 */
	#sub01 .imagebg {
		background-color: #fb9494;
		padding: 0.2em;
		color: #fff;
		margin-bottom: 0.4em;
		font-size: 1.3rem;
		text-align: center;
		margin-bottom: 0.6rem;
		font-weight: 500;
	}
	ul.list-img li {
		width: 31%;
	}
	.textCap {
		font-size: 1.2rem;
		margin-top: 0.2em;
		text-align: center;
		line-height: 1.4;
	}
	#sub01 .kinoko {
		background-color: #ffe3e3;
	}
	#sub01 .outer-link {
		margin-top: 3rem;
		margin-bottom: 2rem;
	}

	/* sub02 アイコン*/
	.flexBox {
		display: flex;
		flex-wrap: space-between;
		margin-top: 2rem;
	}
	.flexItem {
		width: 100%;
	}
	.flexBox .ttl {
		width: 6em;
		font-size: 1.4rem;
		line-height: 1;
		font-weight: bold;
		text-align: center;
		line-height: 1.6;
	}
	.flexBox .ttl .num {
		width: 5.3em;
		height: 5.3em;
		padding-top: 1.7em;
		border-radius: 50%;
		background: #fb9494;
		color: #fff;
		font-weight: normal;
		text-align: center;
		line-height: 1.6;
	}
	.flexBox .ttl .num span {
		display: block;
		font-size: 1.8rem;
		line-height: 1;
		margin-bottom: 0.2em;
		font-weight: bold;
	}
	#sub02 .pcRight .sub-img {
		margin-top: 2rem;
	}
	#sub02 .border-title {
		margin-top: 4rem;
	}
	.sub-text .sub-ttl {
		color: #fb9494;
		font-size: 1.4rem;
		font-weight: 400;
	}
	#sub02 .sub-text .sub-ttl .maru {
		font-size: 2rem;
		font-weight: bold;
		position: relative;
    	top: 0.2rem;
	}

	/* きのこアタッチメントコラム */
	#column {
		margin-top: 4em;
		padding: 5%;
		font-weight: 400;
		border-radius: 5px;
		background: #ffe3e3 url(images/bg-column.png) no-repeat left -2.5rem top
			30rem;
		background-size: 70% auto;
	}
	.column-ttl {
		padding-bottom: 1rem;
		font-size: 1.2em;
		border-bottom: solid 1px #fb9494;
		text-align: center;
	}
	#column .sub-ttl {
		text-align: center;
	}
	#column .text {
		margin-top: 2rem;
		font-size: 1.3rem;
	}
	.column-picture {
		margin-top: 3rem;
		padding-left: 50%;
	}
	.column-picture .img-ttl {
		background: #fb9494;
		color: #fff;
		text-align: center;
	}
	.column-picture .sub-img img {
		border: solid 1px #fb9494;
	}
	.column-picture .img-text {
		font-size: 1.2rem;
		line-height: 1.4;
		padding-bottom: 0.4rem;
    	padding-top: 0.2rem;
	}
	.column-picture .cap-text {
		font-size: 1rem;
		text-align: right;
	}
}