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

#HEADER ul.H_MENU li a.H_CONCEPT	{ border-bottom:5px solid #eeeae3; text-decoration:none; }

ul.UL_IMAGE { width:1280px; margin:0 auto; padding-top:30px; }
ul.UL_IMAGE li { width:640px; float:left; clear:none; }
.DIV960 ul.UL_LINK { width:960px; float:left; clear:none; margin:50px 0 80px 0; }
.DIV960 ul.UL_LINK li { width:470px; float:left; clear:none; margin:0 5px 0 245px; }
.DIV960 ul.UL_LINK li img { width:100%; float:left; clear:none; }
.DIV960 ul.UL_LINK li a { width:100%; float:left; clear:none; }
.DIV960 ul.UL_LINK li a:hover { opacity:0.7; }
ul.UL4 { width:960px; float:left; clear:none; margin:50px 0 0 0; }
ul.UL4 li { width:240px; float:left; clear:none; text-align:center; position:relative; }
ul.UL4 li img { width:200px; margin-bottom:10px; }
ul.UL4 li strong { width:100%; float:left; clear:none; text-align:center; color:#863e2c; font-weight:bold; margin-bottom:5px; } 
ul.UL4 li span { width:100%; float:left; clear:none; text-align:center; line-height:1.7em; } 
ul.UL4 li span.NUM { color:#9a7a00; font-size:35px; position:absolute; top:0; left:20px; z-index:100; text-align:left; font-family:"Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif; font-weight:normal; }
ul.UL4 li.LI_LEFT { width:240px; float:left; clear:none; text-align:center; position:relative; margin:0 0 0 120px; }
img.IMAGE_PC { float:left; clear:none; margin:30px 0 50px 0; display:block; }
img.IMAGE_SP { display:none; } 
h2.H2_WRAP { margin-right:150px; }
h4 { width:100%; font-size:25px; line-height:1.7em; color:#863e2c; font-weight:bold; background:none; border:none; text-align:center; float:left; clear:none; margin:50px 0 30px 0; }
h4 a:link { color:#863e2c; }

/*	コンテンツ*/ 
ul.UL_CONTENTS { width:960px; float:left; clear:none; margin:20px 0 30px 0; }
ul.UL_CONTENTS li { width:240px; float:left; clear:none; }
ul.UL_CONTENTS li a { width:240px; float:left; clear:none; }
ul.UL_CONTENTS li img { width:238px; float:left; clear:none; border-bottom:0px solid #863e2c; margin:0 1px; }
ul.UL_CONTENTS li a:link { color:#000; }
ul.UL_CONTENTS li strong { width:100%; font-size:16px; line-height:17px; margin:10px 0 10px 0; float:left; clear:none; text-align:center;font-weight:bold; letter-spasing:0.2em;background:url(../../img/arrow_right.png)no-repeat ; background-size:15px; background-position:20% 0; color:#863e2c; }
ul.UL_CONTENTS li span { width:100%;  float:left; clear:none; text-align:center; font-size:12px; }
ul.UL_CONTENTS li a:link { color:#000; }
ul.UL_CONTENTS li a:visited { color:#000; }
ul.UL_CONTENTS li a:hover { opacity:0.7;  }
.TEXT { width:239px; border-left: 0px dotted #000; float:left; clear:none; margin:5px 0 0 0; }
.TEXT2 { width:238px; border-left: 0px dotted #000; border-right: 0px dotted #000; float:left; clear:none; margin:5px 0 0 0; }
p.P_CENTER { margin-top:0; }



@media screen and (max-width: 740px){

img.IMAGE { width:100%; float:left; clear:none; margin:0px 0 0 0; }
.DIV960 ul.UL_LINK { width:100%; float:left; clear:none; margin:0px 0 20px 0; }
.DIV960 ul.UL_LINK li { width:100%; float:left; clear:none; margin:30px 0px 30px 0%; }
img.IMAGE_PC { display:none; }
img.IMAGE_SP { width:100%; float:left; clear:none; display:block; } 
ul.UL4 {  width:100%; float:left; clear:none; margin:0px 0 0 0; }
ul.UL4 li { width:44%; float:left; clear:none; margin:0 3%; }
ul.UL4 li.LI_LEFT { width:44%; float:left; clear:none; text-align:center; position:relative; margin:0 3%; }
ul.UL4 li img { width:100%; margin-bottom:10px; }
ul.UL4 li span { width:100%; float:left; clear:none; text-align:center; line-height:1.7em; margin:0 0 20px 0; }

/*	コンテンツ*/ 
ul.UL_CONTENTS { width:100%; float:left; clear:none; margin:0 0 20px 0; }
ul.UL_CONTENTS li { width:50%; height:auto; float:left; clear:none; }
ul.UL_CONTENTS li a { width:100%; float:left; clear:none; }
ul.UL_CONTENTS li img { width:100%; float:left; clear:none; border-bottom:3px solid #863e2c; margin:0 1px; }
ul.UL_CONTENTS li a:link { color:#000; }
ul.UL_CONTENTS li strong { width:100%; font-size:13px; line-height:15px; margin:10px 0 10px 0; float:left; clear:none; text-align:center;font-weight:bold; letter-spasing:0.2em;background:url(../../img/arrow_right.png)no-repeat ; background-size:15px; background-position:20% 0; color:#863e2c; }
ul.UL_CONTENTS li span { width:100%;  float:left; clear:none; text-align:center; font-size:9px; line-height:1.7em; }
.TEXT { width:99%; border-left: 0px dotted #000; float:left; clear:none; margin:5px 0 0 0; }
.TEXT2 { width:99%; border-left: 0px dotted #000; border-right: 0px dotted #000; float:left; clear:none; margin:5px 0 0 0; }

h4 { width:100%; font-size:20px; line-height:1.7em; color:#863e2c; font-weight:bold; background:none; border:none; text-align:center; float:left; clear:none; margin:50px 0 20px 0; }

}