@charset "UTF-8";

/* Setting
------------------------------------------------------------------- */
html,body { margin:0; color:#333; background:#F8FBF4; line-height:1.6; text-align:left; font-size:62.5%; overflow-x:hidden; }
body { font-size:1.3rem; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	background:url(../images/top_content_bg.png) center top 360px no-repeat #F8FBF4; }
a { color:#333; text-decoration:none; webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
a img { webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
section { width:980px; margin:0 auto; }


/* Header
------------------------------------------------------------------- */
body > header { height:250px; margin-bottom:160px; position:relative; background:url(../images/head_bg.png) center center no-repeat;
	text-align:center; padding-top:65px; box-sizing:border-box; }
body > header h1 { position:relative; z-index:999; }
body > header h1 a:hover { opacity:0.6; }
body > header h2 { position:absolute; width:100%; text-align:center; left:0; top:295px; z-index:999;
	-webkit-animation-name:"fadeIn"; -webkit-animation-duration:1s; -webkit-animation-timing-function:ease-in; -webkit-animation-iteration-count:1; }
@-webkit-keyframes "fadeIn" {
	0% {
	opacity:0;
	}
	100% {
	opacity:1;
	}
}

body > header > img { position:absolute; left:50%; top:0; margin-left:-950px; z-index:111; }


/* Navi
------------------------------------------------------------------- */
body > nav { width:980px; height:50px; margin:0 auto; position:relative; z-index:999; }
body > nav ul:after { content:""; display:block; clear:both; }
body > nav ul li { float:left; }
body > nav ul li a { display:block; height:50px; }
body > nav ul li:nth-child(1) a { width:167px; background:url(../images/nav01ac.jpg) left top no-repeat; }
body > nav ul li:nth-child(2) a { width:189px; background:url(../images/nav02ac.jpg) left top no-repeat; }
body > nav ul li:nth-child(3) a { width:191px; background:url(../images/nav03ac.jpg) left top no-repeat; }
body > nav ul li:nth-child(4) a { width:126px; background:url(../images/nav04ac.jpg) left top no-repeat; }
body > nav ul li:nth-child(5) a { width:150px; background:url(../images/nav05ac.jpg) left top no-repeat; }
body > nav ul li:nth-child(6) a { width:157px; background:url(../images/nav06ac.jpg) left top no-repeat; }
body > nav ul li a:hover img, body > nav ul li.ac a img { opacity:0; }


/* Section1 manu x 3
------------------------------------------------------------------- */
.s1 { margin-bottom:70px; position:relative; z-index:999; }
.s1 ul:after { content:""; display:block; clear:both; }
.s1 ul li { float:left; }
.s1 ul li a { display:block; width:305px; box-sizing:border-box; border:1px solid #CCC; background:#FFF; border-radius:5px; margin-left:32px; }
.s1 ul li:first-child a { margin-left:0; }
.s1 ul li a:hover { opacity:0.8; margin-top:-10px; }
.s1 ul li h1 { text-align:right; padding-right:10px; box-sizing:border-box; }
.s1 ul li p { min-height:80px; box-sizing:border-box; padding:0 20px 15px; text-align:center; }


/* Section2 news / bnr
------------------------------------------------------------------- */
.s2 { padding-top:60px; background:url(../images/section_shadow.png) center top no-repeat; }
.s2:after { content:""; display:block; clear:both; }

	/* left */
	.s2 .l { width:480px; float:left; }
	.s2 .l > a { display:block; position:relative; top:-12px; left:300px; margin-bottom:30px; }
	.s2 .l > a:hover { opacity:0.6; }
	.s2 .l ul { background:#FFF; padding:10px; box-sizing:border-box; border:1px solid #CCC; border-radius:5px; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.2); 
		-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2); -o-box-shadow:0px 0px 5px rgba(0,0,0,0.2); box-shadow:0px 0px 5px rgba(0,0,0,0.2); }
	.s2 .l ul li a { display:block; padding:15px 5px; border-bottom:1px solid #DDDBC7; }
	.s2 .l ul li a dl:after { content:""; display:block; clear:both; }
	.s2 .l ul li a dl dt { float:left; width:100px; height:60px; overflow:hidden; margin-right:10px; }
	.s2 .l ul li a dl dt img { max-width:100px; height:auto; }
	.s2 .l ul li a dl dd { overflow:hidden; }
	.s2 .l ul li a dl dd h1 { color:#9F0E0D; margin-bottom:5px; }
	.s2 .l ul li a dl dd q { font-size:1.2rem; }
	.s2 .l ul li:last-child a { border-bottom:none; }
	.s2 .l ul li a:hover { background:#F9F9F9; }
	.s2 .top_keiji_btn{ackground: #ffa245; margin: 17px auto 0; padding: 1em; text-align: center; border-radius: 7px;}
	.s2 p{color: #3f1b1b; font-weight: 600;}
	.s2 p span{border-bottom: 1px solid #ffa245;}

	
	/* right */
	.s2 .r { width:450px; float:right; }
	.s2 .r ul { margin-bottom:10px; }
	.s2 .r ul li a { display:block; box-sizing:border-box; padding:15px 0 15px 20px; border-bottom:1px solid #CCC;
		background:url(../images/top_s2_r_li_shadow.png) center top no-repeat; }
	.s2 .r ul li:first-child a { padding-top:0; background:none; }
	.s2 .r ul li a:after { content:""; display:block; clear:both; }
	.s2 .r ul li a > img { float:right; }
	.s2 .r ul li a h1 { padding-top:10px; margin-bottom:14px; }
	.s2 .r ul li a p { width:160px; font-size:1.1rem; }
	.s2 .r ul li a:hover { opacity:0.6; }
	
	.s2 .r dl:last-of-type a { display:block; width:450px; height:116px; box-sizing:border-box; padding:25px 0 0 145px;
		background:url(../images/top_s2_r_clm_bg.png) left top no-repeat; margin-bottom:14px; margin-top:14px; }
	.s2 .r dl:first-of-type a { display:block; width:450px; height:102px; box-sizing:border-box; padding:18px 0 0 55px;
		background:url(../images/top_s2_r_rec_bg.png) left top no-repeat; }
	.s2 .r dl:-of-type a p { width:220px; }
	.s2 .r dl:last-of-type a p { width:; }
	.s2 .r dl a dt { margin-bottom:10px; }
	.s2 .r dl a dd p { font-size:1.1rem; }
	.s2 .r dl a:hover { opacity:0.6; }
	.s2 .r dl a dt.clm { margin-top:10px; }
	
	.s2 .r .jstudio { margin:20px 0; }


/* Foote
------------------------------------------------------------------- */
body > footer { border-top:1px solid #CCC; border-bottom:18px solid #630; padding-top:40px; margin-top:70px; background:#FFF; }
body > footer .container { width:980px; margin:0 auto; position:relative; }
body > footer .container:after { content:""; display:block; clear:both; }
body > footer .container > img { float:left; margin-right:20px; }
body > footer .container > a { width:84px; height:47px; position:absolute; right:0; top:-87px; }
body > footer .container > a:hover { top:-82px; }
body > footer .container h1 { width:310px; float:left; padding-top:30px; }
body > footer .container address { float:right; text-align:center; font-size:1.1rem; }
body > footer .container address img { margin-bottom:20px; }
body > footer .container nav { position:absolute; left:240px; top:130px; font-size:1.1rem; }
body > footer .container nav ul:after { content:""; display:block; clear:both; }
body > footer .container nav ul li { float:left; margin-left:30px; padding-left:10px; background:url(../images/foot_arrow.jpg) left center no-repeat; }
body > footer .container nav ul li:first-child { margin-left:0; }
body > footer .container nav ul li a:hover { opacity:0.6; }
body > footer small { display:block; width:980px; padding:15px 0; text-align:center; font-size:1.1rem; border-top:1px solid #CCC; margin:40px auto 0; }