@charset "UTF-8";


/* Setting
------------------------------------------------------------------- */
html,body { color:#333; line-height:1.6; text-align:left; font-size:65.5%; }
body { font-size:1.3rem; background:#FFF; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; }

a { color:#FF6600; text-decoration:underline;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-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; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
a:hover { color:#FF9900; }
.defs { display:none; }
img { max-width:100%; height:auto; }

	/* block */
	.container { width:1000px; margin:0 auto; position:relative; }
	.container:after { content:""; display:block; clear:both; }
	
	@media screen and (max-width:780px) {
		
	.container { width:100%; margin:0 auto; position:relative; }
		
	}


/* header
------------------------------------------------------------------- */
body > header h2 { background:#FF6600; color:#FFF; text-align:center; height:50px; line-height:50px; margin-bottom:40px; }
body > header h2 strong { font-weight:bold; }
body > header h1 { text-align:center; margin-bottom:60px; }
body > header nav { width:1002px; margin:0 auto; position:relative; z-index:2; background:#FFF; }
body > header nav ul { width:100%; }
body > header nav ul:after { content:""; display:block; clear:both; }
body > header nav ul li { float:left; width:167px; }
body > header nav ul li a { display:block; height:72px; text-align:center; border-left:1px solid #DDD; border-bottom:4px solid #CCC; text-decoration:none; color:#333; font-weight:bold; font-size:1.3rem; letter-spacing:1px; padding-top:20px; }
body > header nav ul li:last-child a { border-right:1px solid #DDD; }
body > header nav ul li:nth-child(4) a { padding-top:12px; line-height:1.4; }
body > header nav ul li a span { font-size:1.1rem; font-weight:normal; color:#888; letter-spacing:0; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
body > header nav ul li a:hover span { color:#FF6600; }
body > header nav ul li.ac a { color:#F60; border-bottom:4px solid #F60; }
	
	@media screen and (max-width:780px) {
	
		body > header h2 { height:auto; line-height:1.5; margin-bottom:1em; padding:0.8em 1em; text-align:left; font-size:1rem; line-height:1.3; }
		body > header h1 { text-align:center; margin-bottom:1em; padding:1em 3em; }
		body > header nav { width:100%; padding-bottom:1em; }
		body > header nav li { width:33.3333% !important; }
		body > header nav li a { height:4em !important; padding:1.5em 0 0 !important; border-bottom:1px solid #DDD !important; letter-spacing:0 !important; font-size:1rem !important; line-height:1.2 !important; }
		body > header nav ul li:first-child a { border-left:none !important; }
		body > header nav ul li:nth-child(3) a { border-right:none !important; }
		body > header nav ul li:nth-child(4) a { border-bottom:none !important; border-left:none !important; padding:1.2em 0 0 !important; }
		body > header nav ul li:nth-child(5) a { border-bottom:none !important; }
		body > header nav ul li:nth-child(6) a { border-bottom:none !important; border-right:none !important; }
		body > header nav ul li a span { display:none; }
		body > header nav ul li.ac a { border-bottom:none; }
		
	}
	

/* fv
------------------------------------------------------------------- */
.fv { width:100%; height:650px; background:url(../images/fv.jpg) center center no-repeat; background-size:cover; position:relative; top:-35px; z-index:1; padding-top:200px; }
.fv h1 { margin-bottom:35px; }

	@media screen and (max-width:780px) {
	
		.fv { height:20em; position:static; padding:5em 1em 0; margin-bottom:1em; }
		
	}
	

/* left right
------------------------------------------------------------------- */
.s1 { margin-top:-100px; position:relative; z-index:3; margin-bottom:40px; }
.s1 .left { width:460px; border-radius:10px; background:#FFF; padding:30px 30px 0; float:left; }
.s1 .left h2 { height:26px; line-height:28px; background:url(../images/pin.jpg) left center no-repeat; font-size:1.6rem; font-weight:bold; letter-spacing:1px; padding-left:35px; margin-bottom:20px; }
.s1 .left p { padding:0 10px; margin-bottom:30px; }
.s1 .left a { display:block; width:200px; height:40px; line-height:40px; text-align:center; padding-right:5px; background:url(../images/arw.png) right 15px center no-repeat #F60; color:#FFF; text-decoration:none; border-radius:6px; letter-spacing:1px; margin:0 auto; }
.s1 .left a:hover { background:url(../images/arw.png) right 10px center no-repeat #F90; }
.s1 .right { width:460px; border-radius:10px; background:#FFF; padding:30px 30px 0; float:right; text-align:left; }
.s1 .right h2 { height:26px; line-height:28px; background:url(../images/pin.jpg) left center no-repeat; font-size:1.6rem; font-weight:bold; letter-spacing:1px; padding-left:35px; margin-bottom:20px; }
.s1 .right p { padding:0 10px; margin-bottom:30px; }
.s1 .right a { display:block; width:200px; height:40px; line-height:40px; text-align:center; padding-right:5px; background:url(../images/arw.png) right 15px center no-repeat #F60; color:#FFF; text-decoration:none; border-radius:6px; letter-spacing:1px; margin:0 auto; }
.s1 .right a:hover { background:url(../images/arw.png) right 10px center no-repeat #F90; }

	@media screen and (max-width:780px) {
		
		.s1 { margin-top:0 !important; margin-bottom:2em !important }
		.s1 .left { width:100%; border-radius:0; background:#FFF; padding:1em; float:none; padding-bottom:2em; border-bottom:1px dotted #CCC; margin-bottom:1em; }
		.s1 .left h2 { margin-bottom:1em; }
		.s1 .left p { font-size:1.1rem; }
		.s1 .left a { width:80%; letter-spacing:0 !important; }
		.s1 .right { width:100%; border-radius:0; background:#FFF; padding:1em; float:none; }
		.s1 .right h2 { margin-bottom:1em; }
		.s1 .right p { font-size:1.1rem; }
		.s1 .right a { width:80%; letter-spacing:0 !important; }
		
	}
	

/* box
------------------------------------------------------------------- */
.s2 .box { border:6px solid #CCC; padding:20px 50px 20px 140px; background:url(../images/home_area.jpg) left 30px center no-repeat; }
.s2 .box h2 { font-weight:bold; font-size:1.4rem; letter-spacing:1px; margin-bottom:10px; }
.s2 .box h2:before { content:"■"; margin-right:5px; }
.s2 .box ul { line-height:2; }
.s2 .box ul:after { content:""; display:block; clear:both; }
.s2 .box ul li { float:left; margin-left:20px; }
.s2 .box ul li:before { content:"・"; }
.s2 .box ul li:first-child,
.s2 .box ul li:nth-child(11) { margin-left:0 !important; }
.s2 .box ul li:last-child { font-size:1.1rem; margin-left:40px; color:#888; }
.s2 .box ul li:last-child:before { display:none; }

	@media screen and (max-width:780px) {
		
		.s2 .box { border:3px solid #CCC; padding:1em 1em 1em 35%; margin:0 1em; }
		.s2 .box ul { line-height:1.5; font-size:1.1rem; }
		.s2 .box ul li { float:left; margin-left:2em; }
		.s2 .box ul li:last-child { margin:1em 0 0 !important; }
		
	}

	

/* footer
------------------------------------------------------------------- */
body > footer { height:100px; line-height:100px; background:#F60; color:#FFF; }
body > footer:after { content:""; display:block; clear:both; }
body > footer .left { float:left; }
body > footer .left * { float:left; }
body > footer .left h2 { font-size:1.1rem; margin-right:20px; }
body > footer .left h2:after { content:"："; }
body > footer .left img { margin-top:25px; margin-right:20px; }
body > footer .left a { display:block; width:120px; height:30px; line-height:30px; border:1px solid #FFF; color:#FFF; text-decoration:none; background:url(../images/arw02.png) left 10px center no-repeat; text-align:center; font-size:1.2rem; padding-left:20px; letter-spacing:1px; margin-top:35px; }
body > footer .left a:hover { background:url(../images/arw02.png) left 12px center no-repeat #F90; }
body > footer .right { float:right; }

	@media screen and (max-width:780px) {
		
		body > footer { height:auto; line-height:1.4; padding:1em 1em 2em; }
		body > footer .left { float:none !important; text-align:center; }
		body > footer .left * { float:none !important; text-align:center; }
		body > footer .left h2 { font-size:1rem; margin-right:0.5em; padding-top:1.2em; }
		body > footer .left img { max-width:75%; margin-top:0; margin-right:0; }
		body > footer .left a { width:40%; margin:0 auto !important; margin-top:1em !important; font-size:1rem !important; }
		body > footer .right { float:none !important; display:block; font-size:0.9rem; text-align:center; margin-top:2em; }
		
	}
		

/* fix
------------------------------------------------------------------- */
body > .fix { width:240px; padding:20px 15px; background:#F90; color:#FFF; text-align:center; position:absolute; right:0; top:10%; z-index:9999; }
body > .fix h3 { margin-bottom:15px; }
body > .fix h4 { margin-bottom:10px; }
body > .fix p { font-size:0.9rem; margin-bottom:20px; }
body > .fix a { display:block; width:200px; height:30px; line-height:30px; text-align:center; background:url(../images/fix_mail.png) left 10px center no-repeat #FFF; color:#F90; padding-left:20px; text-decoration:none; font-size:1.2rem; border-radius:4px; margin:0 auto; }
body > .fix a:hover { background:url(../images/fix_mail.png) left 10px center no-repeat #F60; color:#FFF; }

@media screen and (max-width:1400px) {
	
	body > .fix { display:none; }
	
}

/* cv
------------------------------------------------------------------- */
body > .cv { width:100%; height:260px; background: url(https://himawari-sr.jp/wp-content/uploads/2017/02/cv_bg.jpg) left top repeat-x; border-top: 1px solid #E5E5E5; margin-top: 60px; }
body > .cv .container { background:url(https://himawari-sr.jp/wp-content/uploads/2017/02/cv_ph.jpg) right top no-repeat; padding-top:40px; height:100%; }
body > .cv h3 { font-size:2.1rem; font-weight:bold; margin-bottom:10px; letter-spacing:1px; color:#111; }
body > .cv h3 strong { color:#F60; }
body > .cv p { font-size:1.5rem; margin-bottom:30px; }
body > .cv a { display:block; width:240px; height:40px; line-height:40px; text-align:center; padding-right:5px; background:url(../images/arw.png) right 15px center no-repeat #F60; color:#FFF; text-decoration:none; border-radius:6px; letter-spacing:1px; }
body > .cv a:hover { background:url(../images/arw.png) right 10px center no-repeat #F90; }

	@media screen and (max-width:780px) {
	
		body > .cv { height:auto !important; padding:1.5em 1em 2rem; margin-top:2em; text-align:center; }
		body > .cv .container { padding:0; background:none; }
		body > .cv h3 { font-size:1.5rem; letter-spacing:0; }
		body > .cv h3 br { display:none; }
		body > .cv p { font-size:1.05rem; margin-bottom:2em; }
		body > .cv a { width:80%; margin:0 auto; }
	
	}