@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/ 

#navigation ul li.M_CONCEPT a	{ padding-bottom:0; border-bottom:3px solid #c7b361;}

body { background: #F5F6F7; }

.CONTENTS p { width:800px; margin:50px auto 50px auto; text-align:center; }
dl.OFFICE { width:918px; border:1px solid #ccc; padding:20px; margin:0 auto 0 70px; border-radius: 4px;}
dl.OFFICE dt { width:25%; float:left; clear:none; }
dl.OFFICE dt img { width:100%; float:left; clear:none; margin:10px 0; }
dl.OFFICE dt strong { width:100%; float:left; clear:none; text-align:center; font-weight:normal; font-size:20px; letter-spacing:0.1em; }
dl.OFFICE dd h3 { width:98%; float:left; clear:none; font-size:13px; line-height:1.7em; margin:0 0 10px 0; ; text-align:left; font-weight:normal; background:#ccc; padding-left:2%; color:#000; }
dl.OFFICE dd { width:70%; float:right; clear:none; }
dl.OFFICE dd dl.CHECK { width:100%; float:left; clear:none; margin:0 0 10px 0; }
dl.OFFICE dd dl.CHECK dt { width:7%; float:left; clear:none; }
dl.OFFICE dd dl.CHECK dt img { width:20px; float:left; clear:none; margin:0; }
dl.OFFICE dd dl.CHECK dd { width:93%; float:right; clear:none; line-height:20px; letter-spacing:0.1em; }
.CONTENTS p.P_ARROW { width:100%; text-align:center; float:left; clear:none; margin:10px 0; }
.CONTENTS p.P_ARROW img { width:40px; }










@media screen and (max-width: 640px){
/*以下スマホ*/
body { background:none; }
.CONTENTS p { width:100%; margin:0 auto 30px auto; text-align:left; }
br.PC { display:none; }
dl.OFFICE { width:95%; border:1px solid #ccc; padding:2%; margin:0 0 0 0px; border-radius: 4px;}
dl.OFFICE dt { width:100%; float:left; clear:none; }
dl.OFFICE dd { width:100%; float:left; clear:none; }

/* ---------- 以下がエフェクトに関するcssです。 ---------- */

.fadein { width:100%; float:left; clear:none; 
	opacity : 0.1;
	transform : translate(0px, 00px);
	transition : all50ms;
	}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
	}

#effect2 .fadein:nth-of-type(2) {
	-moz-transition-delay:00ms;
	-webkit-transition-delay:00ms;
	-o-transition-delay:00ms;
	-ms-transition-delay:00ms;
	}
#effect2 .fadein:nth-of-type(3) {
	-moz-transition-delay:00ms;
	-webkit-transition-delay:00ms;
	-o-transition-delay:00ms;
	-ms-transition-delay:00ms;
	}
	




















}