@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 */
	body > section,
	.container { width:1000px; margin:0 auto; position:relative; font-size:1.4rem; }
	body > section { border-bottom:1px dotted #CCC; padding-bottom:50px; margin-bottom:50px; }
	body > section:after,
	.container:after { content:""; display:block; clear:both; }
	body > section:last-of-type { margin-bottom:0; padding-bottom:0; border-bottom:none; }
	
	@media screen and (max-width:780px) {
		
	body > section { padding:0 1em 2em !important; margin-bottom:2em !important; }
	body > section:last-of-type { margin-bottom:0 !important; }
	body > section,
	.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; }
body > header nav ul li.ac a span { color:#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; }
		
	}
	

/* tit
------------------------------------------------------------------- */
.tit { width:1000px; height:105px; background:url(../images/tit_bg.jpg) center center no-repeat; position:relative; padding-top:20px; text-align:center; font-size:2.2rem; font-weight:bold; margin:30px auto; letter-spacing:1px; }

	@media screen and (max-width:780px) {
	
		.tit { width:100%; padding-top:0; height:75px; margin:1em 0; font-size:1.8rem; background-position:center bottom !important; letter-spacing:0 !important; margin-bottom:0.5em !important; }
		
	}


/* 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:0em !important; 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; }
	
	}
	

/* 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; font-size:1.3rem; }

	@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; }
	
}
	

/* About
------------------------------------------------------------------------------------------------------------------------------------- */
.abo .s1 dt { float:left; margin-right:40px; }
.abo .s1 dd { overflow:hidden; }
.abo .s2 ul:after { content:""; display:block; clear:both; }
.abo .s2 li { float:left; width:33.333333%; padding:0 30px; min-height:20em; }
.abo .s2 li:nth-child(4),
.abo .s2 li:nth-child(5) { min-height:10em; margin-bottom:60px; }
.abo .s2 li h2 { font-weight:bold; font-size:1.5rem; margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid #333; background:url(../images/pin.jpg) left top no-repeat; padding-left:35px; letter-spacing:1px; }
.abo .s2 li h2:first-letter { color:#F60; font-size:1.8rem; }
.abo .s2 .box { padding:20px; border:5px solid #DDD; background:#FAFAFA; }
.abo .s2 .box h2 { font-weight:bold; margin-bottom:10px; font-size:1.5rem; border-left:5px solid #FF6600; padding-left:10px; letter-spacing:1px; }

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

		.abo .s1 dt { float:none; margin-right:0; margin-bottom:1em; }
		.abo .s1 dd { font-size:1.2rem; }
		.abo .s2 li { width:100%; float:none; padding:0; min-height:1em; margin-bottom:2em; }
		.abo .s2 li:nth-child(4),
		.abo .s2 li:nth-child(5) { min-height:1em; margin-bottom:2em; }
		.abo .s2 li p { font-size:1.2rem; }
		.abo .s2 .box p { font-size:1.2rem; }
		
	}
	

/* Price
------------------------------------------------------------------------------------------------------------------------------------- */
.pri .s1 ul:after { content:""; display:block; clear:both; }
.pri .s1 li { float:left; width:33.333333%; padding:0 30px; min-height:34em; }
.pri .s1 li:first-child { width:100%; min-height:26em; }
.pri .s1 li:nth-child(5),
.pri .s1 li:nth-child(6),
.pri .s1 li:nth-child(7) { min-height:10em; margin-bottom:60px; }
.pri .s1 li h2 { font-weight:bold; font-size:1.5rem; margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid #333; background:url(../images/pin.jpg) left top no-repeat; padding-left:35px; letter-spacing:1px; }
.pri .s1 li h2:first-letter { color:#F60; font-size:1.8rem; }
.pri .s1 li dl { padding:5px; border-bottom:1px dotted #CCC; }
.pri .s1 li dl:after { content:""; display:block; clear:both; }
.pri .s1 li dl:last-of-type { margin-bottom:20px; }
.pri .s1 li dl dt { float:left; }
.pri .s1 li dl dd { float:right; color:#C00; }
.pri .s1 li p { margin-bottom:20px; }
.pri .s1 li p span { color:#C00; }
.pri .s1 li p.small { font-size:1rem; margin-top:-10px; }
.pri .s1 .box { padding:20px; border:5px solid #DDD; background:#FAFAFA; }
.pri .s1 .box h2 { font-weight:bold; margin-bottom:10px; font-size:1.5rem; border-left:5px solid #FF6600; padding-left:10px; letter-spacing:1px; }

	@media screen and (max-width:780px) {
		
		.pri .s1 li { width:100%; float:none; padding:0; min-height:1em; margin-bottom:3em; }
		.pri .s1 li:nth-child(5),
		.pri .s1 li:nth-child(6),
		.pri .s1 li:nth-child(7) { min-height:1em; margin-bottom:2em; }
		.pri .s1 li p { font-size:1.2rem; }
		.pri .s1 .box p { font-size:1.2rem; }
		
	}
	

/* MyNumber
------------------------------------------------------------------------------------------------------------------------------------- */
.my .s1 dl:after { content:""; display:block; clear:both; }
.my .s1 dl dt { float:left; width:45%; margin-right:40px; }
.my .s1 dl dt img { max-width:100%; }

	@media screen and (max-width:780px) {
		
		.my .tit { font-size:1.6rem; }
		.my .s1 dl dt { float:none; width:100%; margin-right:0; margin-bottom:1em; text-align:center; }
		.my .s1 dl dt img { width:80%; height:auto; }
		.my .s1 dl dd { font-size:1.1rem; }
		
	}

	

/* Office
------------------------------------------------------------------------------------------------------------------------------------- */
.ofi .s1 table { width:100%; }
.ofi .s1 table th,
.ofi .s1 table td { padding:20px; border:1px solid #DDD; }
.ofi .s1 table th { width:20%; text-align:right; }
.ofi .s1 table td { position:relative; }
.ofi .s1 table tr:nth-child(2n) { background:#FAFAFA; }
.ofi .s1 table td .small { font-size:1rem; display:block; margin:5px 0; }
.ofi .s1 table td li { list-style:inside disc; margin:5px 0; }
.ofi .s1 table td img { position:absolute; right:10px; top:10px; padding:1px; border:10px solid #FFF; -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); }

	@media screen and (max-width:780px) {
		
		.ofi .s1 table { font-size:1.1rem; }
		.ofi .s1 table th,
		.ofi .s1 table td { padding:1em; border:1px solid #DDD; }
		.ofi .s1 table tr:nth-child(2) td { font-size:1.4rem; font-weight:bold; }
		.ofi .s1 table tr:nth-child(2) td .small { font-weight:normal; }
		.ofi .s1 table td img { width:40% !important; border:3px solid #FFF; position:static; float:left; margin-right:1em; }
		
	}



/* Contact
------------------------------------------------------------------- */
.con .top address { font-size:3.6rem; font-weight:bold; width:1000px; letter-spacing:1px; margin-top:50px; text-align:center; color:#000; }
.con .top address span { display:block; font-size:1.4rem; color:#197FAD; }
.con .s1 h2 { font-size:3.2rem; font-weight:bold; width:1000px; letter-spacing:1px; margin:0 auto 50px; }
.con .s1 h2 span { display:block; font-size:1.4rem; color:#FF6600; }

.con .s1 .chk1 { position:absolute; right:40px; top:100px; font-size:1.5rem; }
.con .s1 .chk1 span { color:#FF6600; }
.con .s1 .chk2 { text-align:center; font-size:1.4rem; margin:0 auto 50px; padding:25px; width:1000px; border:2px solid #CCC; background:#FAFAFA; }
.con .s1 .chk3 { width:1000px; margin:0 auto 60px; text-align:center; font-size:1.4rem; }

.con .s1 table { width:1000px; margin:0 auto 50px; }
.con .s1 table th,
.con .s1 table td { padding:25px; border-top:1px solid #CCC; }
.con .s1 table th { width:25%; }
.con .s1 table th span { color:#900; margin-left:10px; }
.con .s1 table tr:last-child th,
.con .s1 table tr:last-child td { border-bottom:1px solid #CCC; }

.con .s1 table td input[type="radio"] { margin:10px; }
.con .s1 table td input[type="text"] { width:100%; padding:5px 10px; border:1px solid #CCC; }
.con .s1 table td select { width:50%; padding:5px 10px; border:1px solid #CCC; }
.con .s1 table td textarea { width:100%; height:200px; padding:5px 10px; border:1px solid #CCC; }

.con .s1 table td.short input { width:60%; }
.con .s1 table td.short2 input { width:15%; margin-right:5px; margin-left:10px; }
.con .s1 table td.short2 input:first-of-type { margin-left:0; }

.con .s1 table td p { font-size:1rem; margin-top:10px; color:#888; }

.con .s1 input[type="submit"] { display:block; width:260px; height:40px; line-height:40px; border-radius:4px; background:#FF6600; text-align:center; color:#FFF; text-decoration:none; margin:0 auto; letter-spacing:1px; font-weight:bold; position:relative; text-align:center; border:none; }
.con .s1 input[type="submit"]:hover { background:#FF9900; }

.con .s1 table .close { display:none; }

.con .s1 a { display:block; width:260px; height:40px; line-height:40px; border-radius:4px; background:#FF6600; text-align:center; color:#FFF; text-decoration:none; margin:0 auto; letter-spacing:1px; font-weight:bold; position:relative; text-align:center; border:none; }
.con .s1 a:hover { background:#FF9900; }

	@media screen and (max-width:780px) {
		
		.con .s1 h2 { font-size:1.8rem; margin-bottom:1em; width:100%; }
		.con .s1 h2 span { font-size:1.2rem; }
		.con .s1 .chk1 { position:absolute; right:2em; top:3em; font-size:1.1rem; }
		.con .s1 .chk2 { text-align:center; font-size:1.2rem; margin:0 auto 2em; padding:1em; width:100%; border:2px solid #CCC; background:#FAFAFA; }
		.con .s1 .chk3 { width:100%; margin:0 auto 3em; text-align:center; font-size:1.2rem; text-align:left; }
		.con .s1 table { width:100%; margin:0 auto 2em; font-size:1.1rem; }
		.con .s1 table th,
		.con .s1 table td { padding:1em; border-top:1px solid #CCC; }
		.con .s1 table td select { width:100%; padding:10px 10px; border:1px solid #CCC; -webkit-appearance:none; }
		.con .s1 table td textarea { width:100%; height:20em; padding:5px 10px; border:1px solid #CCC; }
		.con .s1 table td.short input { width:100%; }
		.con .s1 input[type="submit"] { display:block; width:80%; height:40px; line-height:40px; border-radius:4px; background:#FF6600; text-align:center; color:#FFF; text-decoration:none; margin:0 auto; letter-spacing:1px; font-weight:bold; position:relative; text-align:center; border:none; -webkit-appearance:none;  }
		.con .s1 a { display:block; width:80%px; height:40px; line-height:40px; border-radius:4px; background:#FF6600; text-align:center; color:#FFF; text-decoration:none; margin:0 auto; letter-spacing:1px; font-weight:bold; position:relative; text-align:center; border:none; }
		
	}