@charset "UTF-8";
/* --------------------------------------
   コンテンツ最大幅1160px（PC）
--------------------------------------*/

/* 初期設定
--------------------------------------*/
#ui3292 img {
	height: auto;
	border: none;
}

#ui3292 a:hover {
	text-decoration: none;
}

#ui3292 a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

/* 共通
------------------------------------- */
#ui3292 .section {
	width: 100%;
	margin: 0;
	padding: 0;
}

#ui3292 .section .inner {
	width: 1160px;
	margin: 0 auto;
	padding: 0;
	background-color: #ececec;
}

#ui3292 .section::after,
#ui3292 .section .inner::after {
	content: "";
	display: block;
	clear: both;
}

#ui3292  h2 {
	padding: 10px 20px 5px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #065a00;
    margin: 20px 0 0;
    background: #d4dfbb;
    border-bottom: 5px solid #065a00;
}

#ui3292 h3 {
	font-size: 2.2rem;
}

#ui3292 p {
	font-size: 1.8rem;
	color: #000;
}

#ui3292 li {
	font-size: 1.6rem;
	color: #000;
	padding-left: 20px;
}

#ui3292 .kome {
	font-size: 1.4rem;
	color: #000;
}

#ui3292 img.img-right {
	float: right;
}

#ui3292 .trigger{
	cursor: pointer;
}

/* タイトル
------------------------------------- */
#ui3292 .box{
	height: 85px;
	background-image: url(repeat_pc.png);
	background-repeat: repeat-x;
}

#ui3292 .titleimg {
	margin: auto;
	display: block;
}

/* section01
------------------------------------- */
#ui3292 #section01{
	background-color: #eaf7f9;
}

#ui3292 #section01 .Introduction p {
	padding-bottom: 1.5em;
}

#ui3292 #section01 .inner {
	background-color: #eaf7f9;
}

#ui3292 #section01 p:last-child {
	padding-bottom: 0;
}

#ui3292 #section01 .Introduction {
	padding: 20px;
	clear: both;
}

/*『メモリ≒作業台』
------------------------------------- */
#ui3292 #section02 .accordion {
	background: #f3eed5;
	padding: 10px 20px;
}

#ui3292 #section02 .inner {
	 background-color: #f7f6ef;
}

#ui3292 #section02 .toggle_container{
	padding: 20px;
}

#ui3292 #section02 p {
	padding-bottom: 1.5em;
}

#ui3292 #section02 .toggle_container p:last-child {
	padding-bottom: 0;
}

#ui3292  #section02 h3 {
	font-weight: bold;
	color: #000;
	padding-bottom: 20px;
}

/*ちょっと深堀り
------------------------------------- */
#ui3292 #section02 .deep h3{
	padding: 0 30px;
}

#ui3292 #section04 .deep h3 {
	padding: 0 25px;
	font-weight: bold;
}

#ui3292 #section02 .deep {
	background-color: #d4dfbb;
	width: 1120px;
	margin: 10px auto 0;
	padding: 10px;
}

#ui3292 #section04 .deep {
	background-color: #d4dfbb;
	width: 1090px;
	margin: 10px auto 0;
	padding: 10px;
}

#ui3292 #section02 .deep .toggle_container,#ui3292 #section04 .deep .toggle_container{
	padding: 0;
}

#ui3292 #section02 .deep p:first-of-type {
	font-weight: bold;
	padding: 10px 0 20px;
}

#ui3292 #section04 .deep p:last-of-type {
	padding: 0;
}

#ui3292 #section02 figure.side_image {
	display: inline-block;
}

#ui3292 #section02 ul.side_text {
	display: inline-block;
	width: 820px;
	vertical-align: top;
}

#ui3292 #section02 ul {
	padding-bottom: 20px ;
}

#ui3292 #section02 li:first-of-type {
	font-weight: bold;
	padding: 0 0 5px 0;
}

/*利用シーンごとのおすすめ容量
------------------------------------- */
#ui3292  #section03 .inner {
    background: #fff;
}

#ui3292  #section03 h2 {
	color: #005959;
    background: #bbdfdf;
    border-bottom: 5px solid #005959;
}

/* 表
------------------------------------- */
#ui3292 #section03 th,#ui3292 #section03 td{
    border: solid 2px #000;
	padding: 10px;
}

#ui3292 #section03 table{
    border-collapse:  collapse; 
	margin: 20px 20px 0;
}

#ui3292 #section03 th {
    background-color: #89bdc7;
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
	font-weight: bold;
}

#ui3292 #section03 td {
    background-color: #eaf7f9;
	color: #000;
}

#ui3292 #section03 .memori {
	font-size: 2.2rem;
	text-align: center;
	width: 140px;
}

#ui3292 #section03 .purpose ul {
	padding-left: 30px;
}

#ui3292 #section03 li {
	list-style: disc;
	padding-left: 0;
}

#ui3292 #section03 .purpose {
	width: 400px;
	padding-left: 0;
}

#ui3292 #section03 .explain li {
	list-style: none;
}

#ui3292 #section03 .kome {
	padding: 5px 20px 10px;
	font-size: 1.3rem;
}

/* 作業台の広さ
------------------------------------- */
#ui3292 #section03 .subtitle {
	padding: 5px 40px;
	margin: 0 20px -5px;
    border: double 5px #005959;
	background-color: #fff;
}

#ui3292 #section03 .WorkbenchSize {
	padding: 10px 10px;
	margin: 0 20px 20px;
    border: double 5px #005959;
	background-color: #fff;
}

#ui3292 #section03 .WorkbenchSize p {
	font-size: 1.6rem;
	padding-bottom: 1.5em;
}

#ui3292 #section03 .WorkbenchSize p:last-child {
	padding-bottom: 0;
}

/* 解読！メモリスペックの暗号
------------------------------------- */
#ui3292 #section04 .accordion {
	 background: #f3eed5;
	 padding: 10px 20px;
}

#ui3292 #section04 .inner {
	 background-color: #f7f6ef;
}

#ui3292 #section04 .toggle_container{
	padding: 20px;
}

#ui3292 #section04 p {
	padding-bottom: 1.5em;
}

#ui3292 #section04 .mean {
	padding: 10px;
    background-color: #fff;
	border: solid 5px #005959;
	margin: 10px 0;
}

#ui3292 #section04 .mean .toggle_container {
	padding: 10px 0 0;
}

#ui3292 #section04 .mean p {
	font-size: 1.6rem;
}

#ui3292 #section04 .mean p:last-of-type {
	padding-bottom: 0;
}

#ui3292 #section04 .mean .borderbottom {
	border-bottom: 1px solid #065a00;
}

#ui3292 #section04 .lastno {
	padding: 10px 0;
}

#ui3292 #section04 .pdno {
	padding: 0;
}

#ui3292  #section04 h4 {
	font-weight: bold;
	color: #000;
	padding: 0 0 0 30px;
	font-size: 1.8rem;
}

#ui3292  #section04 .container {
    display: flex;
}

#ui3292  #section04 p.sidetext{
	padding: 3px 20px 0;
	font-size: 1.4rem;
}

#ui3292 #section04 .sdram {
	padding-bottom: 10px;
}

#ui3292 #section04 .sdram h4{
	color: #065a00;
	font-size: 1.6rem;
	padding: 0 0 5px;
	font-weight: normal;
}

#ui3292 #section04 .sdram p.one{
	padding: 0 10px 10px;
	font-size: 1.6rem;
}

/*まとめ
------------------------------------- */
#ui3292  #section05 h2 {
	color: #005959;
    background: #bbdfdf;
    border-bottom: 5px solid #005959;
}

#ui3292  #section05 .matome {
    background: #eaf7f9;
	padding: 20px;
}

#ui3292  #section05 p {
	padding-bottom: 1.5em;
}

#ui3292  #section05 p:last-of-type {
	padding-bottom: 0;
}

#ui3292  #section06 .inner {
    background: #fff;
	padding: 20px 0;
}

#ui3292  #section06 p {
	padding-bottom: 20px;
}

#ui3292 #section06 .bnr {
	padding: 20px;
}

/*アコーディオン
------------------------------------- */
#ui3292 .deactive {
	position: relative;
}

#ui3292 .deactive::before,#ui3292 .deactive::after{
	content: "";
	display: block;
	position: absolute;
	top: 35%;
	right: 20px;
	width: 11px;
	height: 11px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(45deg);
}

#ui3292 .active {
	position: relative;
}

#ui3292 .active::after {
	content: "";
	display: block;
	position: absolute;
	top: 30%;
	right: 20px;
	width: 11px;
	height: 11px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(135deg);
}

#ui3292 #section02 .deep .deactive::before,#ui3292 #section02 .deep .deactive::after{
	left: 5px;
	top: 25%;
}

#ui3292 #section02 .deep .active::after {
	left: 5px;
	top: 15%;
}

#ui3292 #section03 .deactive::before,#ui3292 #section03 .deactive::after{
	left: 40px;
}

#ui3292 #section03 .active::after {
	left: 40px;
}

#ui3292 #section04 .mean .deactive::before,#ui3292 #section04 .mean .deactive::after{
	left: 0;
}

#ui3292 #section04 .mean .active::after {
	left: 0;
	top: 10%;
}

#ui3292 #section04 .sdram .deactive::before,#ui3292 #section04 .sdram .deactive::after{
	content: none;
}

#ui3292 #section04 .sdram .active::after {
	content: none;
}

/* --------------------------------------
   （SP用）
--------------------------------------*/
@media screen and (max-width: 767px) {
	
/* 共通
------------------------------------- */
#ui3292 .section {
	padding: 0;
}

#ui3292 .section .inner {
	width: 100%;
}	
	
#ui3292  h2 {
    padding: 5px;
    font-size: 1.8rem;
	margin: 10px 0 0;
}

#ui3292 p {
	font-size: 1.6rem;
}

#ui3292 h3 {
	font-size: 1.6rem;
}

#ui3292 li {
	font-size: 1.4rem;
	padding-left: 20px;
}

#ui3292 .kome {
	font-size: 1.3rem;
	color: #000;
}

#ui3292 .box {
	height: auto;
    background-image: url(repeat_sp.png);
}
	
/* section01
------------------------------------- */
#ui3292 #section01 .Introduction {
	padding: 10px;
}

#ui3292 img.img-right {
    width: 150px;
}

#ui3292 #section01 .Introduction p {
    padding-bottom: 5px;
}

/*『メモリ≒作業台』
------------------------------------- */
#ui3292 #section02 .accordion {
	padding: 10px 40px 10px 10px;
}

#ui3292 #section02 .toggle_container{
	padding: 10px;
}

#ui3292 #section02 p {
	padding-bottom: 5px;
}

#ui3292  #section02 h3 {
	padding-bottom: 5px;
}

/*ちょっと深堀り
------------------------------------- */
#ui3292 #section02 .deep {
	background-color: #d4dfbb;
	width: auto;
	margin: 5px auto 0;
}

#ui3292 #section02 .deep p:first-of-type {
	padding: 5px 0;
}
 
#ui3292 #section02 ul {
	padding-bottom: 5px ;
}

#ui3292 #section02 li {
	padding-left: 5px ;
}
	
#ui3292 #section02 ul.side_text {
	width: auto;
}

#ui3292 #section04 .deep {
	width: auto;
}

/* 表
------------------------------------- */
#ui3292 #section03 table{
    width: 740px;
	margin: 10px 10px 0;
}

#ui3292 #section03 .tb-wrap{
    width: 100%;
    overflow-x: scroll;
}

#ui3292 #section03 th,#ui3292 #section03 td{
    border: solid 2px #fff;
	padding: 5px;
}

#ui3292 #section03 th {
	font-size: 1.6rem;
}

#ui3292 #section03 .memori {
	font-size: 1.8rem;
	width: 105px;
}

#ui3292 #section03 .purpose ul {
	padding-left: 25px;
}

#ui3292 #section03 .purpose {
	width: 240px;
}

#ui3292 #section03 .kome {
	padding: 5px 10px 10px;
	width: 740px;
}

/* 作業台の広さ
------------------------------------- */
#ui3292 #section03 .subtitle {
	padding: 5px 5px 5px 30px;
	margin: 0 10px;
}

#ui3292 #section03 .WorkbenchSize {
	padding: 10px 10px;
	margin: -5px 10px 20px;
}

#ui3292 #section03 .WorkbenchSize p {
	padding-bottom: 5px;
}

#ui3292 #section03 .deactive::before,#ui3292 #section03 .deactive::after{
	left: 20px;
}

#ui3292 #section03 .active::after {
	left: 23px;
}

/* 解読！メモリスペックの暗号
------------------------------------- */
#ui3292 #section04 .accordion {
	 padding: 10px 40px 10px 10px;
}

#ui3292 #section04 .toggle_container{
	padding: 10px;
}

#ui3292 #section04 p {
	padding-bottom: 5px;
}

#ui3292 #section04 .mean {
	padding: 5px;
	border: solid 3px #005959;
	margin: 5px 0;
}

#ui3292 #section04 h4 {
	font-size: 1.6rem;
}

#ui3292  #section04 p.sidetext{
	padding: 0 5px 0 30px;
}

#ui3292  #section04 .container {
    display: block;
}

#ui3292 #section04 .mean .toggle_container {
	padding: 0 5px 10px;
}

#ui3292 #section04 .mean p {
	font-size: 1.4rem;
	padding-bottom: 5px;
}

#ui3292 #section04 .sdram h4{
	font-size: 1.4rem;
	margin: 0 0 5px;
    padding: 0 0 0 10px;
	border-left: 3px solid #065a00;
}

#ui3292 #section04 .mean .borderbottom {
	border-bottom: none;
}
	
#ui3292 #section04 .sdram p.one{
	padding: 0;
	font-size: 1.4rem;
}

#ui3292 #section04 .lastno {
	padding: 5px 0;
}

/*まとめ
------------------------------------- */
#ui3292  #section05 .matome {
	padding: 10px;
}

#ui3292  #section05 p {
	padding-bottom: 5px;
}


#ui3292  #section06 .inner {
    background: #fff;
	padding: 20px 10px;
}

#ui3292  #section06 p {
	padding-bottom: 10px;
}
	
#ui3292 #section04 .mean .active::after {
	top: 35%;
}
	
#ui3292 #section06 .bnr {
	padding: 10px;
}
	
}