@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/
a.ACCESS { text-decoration:underline;}
img.PC {display: inline;;}
img.SP {display: none;}

#HEADER #HEADER_BOX ul.H_MENU li a.H_LOCATION:link	{ border-bottom:3px solid #F19600; }
#HEADER #HEADER_BOX ul.H_MENU li a.H_LOCATION:visited	{ border-bottom:3px solid #F19600; }

.tyuui{ margin-top:30px; float:left; text-align:center; margin-left:90px;}
#PAGE #CONTENTS .access { width:960px; float:left; margin:50px 0px 0px 0px; padding-bottom:30px;}
#PAGE #CONTENTS .access img { width:960px; float:left; margin:0px 0px 0px 0px;}
#PAGE #CONTENTS .concept	{ width:960px; float:left; margin:60px 0px 0px 0px; padding-bottom:30px; margin-left:0px; text-align: center; }
#PAGE #CONTENTS .concept h2	{ width:960px; float:left; font-weight:normal; line-height:1.2em; font-size:30px; color:#000; font-weight:bold; margin: 0px 0 20px 0;}
#PAGE #CONTENTS .concept h2 span { font-size:30px; margin-left:10px; color:#000;}
#PAGE #CONTENTS .concept h2 span.underline { background: linear-gradient(transparent 70%, #F19600 70%); }
#PAGE #CONTENTS .concept p.body { width:770px; margin: 0 auto; font-size: 14px; text-align: center;}

#PAGE #CONTENTS .sisetsu h3	{ width:960px; border-bottom: solid 1px #000; float:left; margin: 0px 0px 20px 0px; text-align: left; font-size: 20px; }
#PAGE #CONTENTS .sisetsu h3 span	{ margin: 0 0 0 10px; text-align: left; font-size: 14px;}

#PAGE #CONTENTS .sisetsu { width:960px; float:left; margin:20px 0px 0px 0px; padding-bottom:0px;}
#PAGE #CONTENTS .sisetsu ul { width: 960px; float: left; margin: 0px 0px 0px 0px;}
#PAGE #CONTENTS .sisetsu ul li { width: 225px; height: 170px; float: left; margin: 0px 20px 20px 0px; text-align: left;}
#PAGE #CONTENTS .sisetsu ul li.last { margin: 0px 0px 20px 0px; }
#PAGE #CONTENTS .sisetsu ul li img { vertical-align: top; margin: 0px; padding: 0px; width: 100%;}
#PAGE #CONTENTS .sisetsu ul li span { width: 225px; float: left; margin: 5px 0px 0px 0px; text-align: left; font-size: 12px; line-height: 1.5em; color: #666;}



@media screen and (max-width: 640px){
  #TOP .TOP_IMAGE { background: url(../img/SP_top.jpg); background-repeat: no-repeat; background-size: cover; width:100%; height:200px;}
  img.PC {display: none;}
  img.SP {display: inline;}

#PAGE #CONTENTS h3{ margin-left:0px;}
.SP_access{ display:block; float:left;}
.SP_access img{ margin-top:20px; margin-bottom:10px;}
.tyuui{ margin-left:0px; text-align:left;}

#PAGE #CONTENTS .sisetsu h3	{ width:100%; border-bottom: solid 1px #000; float:left; margin: 10% 0px 10% 0px; text-align: left; font-size: 20px; }
#PAGE #CONTENTS .sisetsu h3 span	{ margin: 0 0 0 10px; text-align: left; font-size: 14px;}

#PAGE #CONTENTS .sisetsu { width:100%; float:left; margin:20px 0px 0px 0px; padding-bottom:0px;}
#PAGE #CONTENTS .sisetsu ul { width: 100%; float: left; margin: 0px 0px 0px 0px;}
#PAGE #CONTENTS .sisetsu ul li { width: 100%; height: auto; float: left; margin: 0px 20px 20px 0px; text-align: left;}
#PAGE #CONTENTS .sisetsu ul li.last { margin: 0px 0px 20px 0px; }
#PAGE #CONTENTS .sisetsu ul li img { vertical-align: top; margin: 0px; padding: 0px; width: 100%;}
#PAGE #CONTENTS .sisetsu ul li span { width: 100%; float: left; margin: 5px 0px 0px 0px; text-align: left; font-size: 15px; line-height: 1.5em; color: #666;}

#PAGE #CONTENTS .concept	{ width:100%; float:left; margin:60px 0px 0px 0px; padding-bottom:30px; margin-left:0px; text-align: center; }
#PAGE #CONTENTS .concept h2	{ width:100%; float:left; font-weight:normal; line-height:1.2em; font-size:30px; color:#000; font-weight:bold; margin: 0px 0 20px 0;}
#PAGE #CONTENTS .concept h2 span { font-size:25px; margin-left:10px; color:#000;}
#PAGE #CONTENTS .concept p.body { width:100%; margin: 0 auto; font-size: 14px; text-align: left;}

#PAGE #CONTENTS .access { width:100%; float:left; margin:3% 0px 0px 0px; padding-bottom:30px;}
#PAGE #CONTENTS .access img { width:100%; float:left; margin:0px 0px 0px 0px;}

}