@charset "UTF-8";

/*--------------------------------------------*/
* { box-sizing:border-box; }
body,input,textarea {
	font-family:sans-serif;
}
body {
	margin:0px;
	padding:0px;
	font-size:100%;
	line-height:1em;
	color:#333;
}

h1 { font-size:200%; margin:0; }
h2 { font-size:190%; }
h3 { font-size:130%; }
h4 { font-size:120%; }
h5 { font-size:100%; }
h6 { font-size:100%; }
h2,h3,h4,h5,h6 { line-height:1.3em; margin:.5em 0; }
dl { margin:1em 0; } p,dt,dd,th,td { line-height:1.5em; }
ul, ol { margin:.5em 0; padding:0 0 0 2em; } li { line-height:1.5em; margin:.5em 0; } li ul, li ol { margin:.5em 0; }
i,em { font-style:normal; } u { text-decoration:none; } sup,sub { font-size:60%; }
small { font-size:70%; }
/*************/
header a   , footer a    { color:#333; text-decoration:none; display:inline-block; }
header ul  , footer ul   { margin:0; padding:0; list-style:none outside; }
header li  , footer li   { margin:0; padding:0; line-height:1.2em; }
header li a, footer li a { display:block; }

.l { text-align:left;   }
.r { text-align:right;  }
.c { text-align:center; }

/* table */
table { margin:2em auto; border-collapse:collapse; border-spacing:0; }
th,td { border:1px solid #7A9; padding:1em; font-weight:normal; }
thead th,
thead td { background:#5B8; color:#FFF; }
th { background:#CEF; white-space:nowrap; }
td { }


/* * */
ul.ast, ol.ast { list-style:none; } small.ast { display:block; }
p.ast, small.ast, .ast li { padding-left:1em; text-indent:-1em; }
p.ast:before, small.ast:before, .ast li:before { content:"※"; }


/* -------------------------------------------- */
a:hover { opacity:.4; text-decoration:none; cursor:pointer; }
/* --------------------------------------------*/

/* wrapper /
header, footer, main {}

/* inner */
.inner {
	display:block; position:relative; clear:both; width:1000px;
	padding-left:20px; padding-right:20px; margin-left:auto; margin-right:auto;
}

/* flexBox */
.flexBox      { display:flex; }
.flexBox.jcsb { justify-content:space-between; }
.flexBox.jcsb > * { flex:1; }
.flexBox.wrap { flex-wrap:wrap; }
.flexBox.aic  { align-items:center; }

/* btn */
ul.btn { padding:0; list-style:none; }
.btn a {
	display:inline-block; position:relative; margin:5px; padding:.5em 1em;
	background:#000; border-radius:10px; text-decoration:none; color:#FFF; line-height:1.2en;
}
.btn a:before,
.btn a:after  {
	content:""; width:1em; height:.8em;
	background:url(../img/icon/arrow-right.svg) no-repeat bottom; background-size:contain;
}
.btn a:before { background-position-x:left;  display:none; }
.btn a:after  { background-position-x:right; display:inline-block; }

/* btn mail */
.btn .mail a        , .btn.mail a { text-align:center; }
.btn .mail a:after  , .btn.mail a:after  { display:none; }
.btn .mail a:before , .btn.mail a:before {
	display:inline-block; width:1.8em; height:1em; margin-bottom:-.1em;
	background-image:url(../img/icon/mail-w.svg);
}
.btn     a { background-color:#06C; }
.btn.m01 a { background-color:#7A9; }
.btn.m02 a { background-color:#09F; }

/* btn re */
.btn.re a:after  { display:none; }
.btn.re a:before { display:inline-block; }

/* header btn */
header .btnBox,
footer .btnBox { text-align:right; }
header .btnBox { position:absolute; top:-85px; right:20px; }
header .mail a,
footer .mail a { width:25em; }
header p,
footer p       { margin:0; }

/* main btn */
main p.btn   { text-align:center; }
main p.btn a {}


/* header /////////////////////////*/
h1 { padding:10px 0 0; }

header     { background:#FFF; }
header *   { line-height:1; }
header img { display:block; }

header > div { padding:10px 0; }

nav     { position:relative; background:#03C; }
.nav    { display:flex; justify-content:space-between; }
.nav li { border:solid #FFF; border-width:0 1px 0 0; flex:1; }
.nav li:first-child        { border-width:0 1px; }
.nav li.act   { background:rgba(0,0,0,.3); }
.nav a  { display:block; height:100%; padding:.8em 0; text-align:center; color:white; }

.tel    { margin:0 5px; font-size:180%; font-weight:bold; }
.tel a  { color:#09F; }


/* main /////////////////////////*/
main    { padding:1em 0; background:#FFF; }
main p  { text-align:justify; }
section { margin:5em 0; }
section:first-child { margin-top:3em; }
.catchcopy { font-size:120%; line-height:1.8em; }

/* h2 ================= */
h2 { margin:1em 0; padding:.3em; border:solid #09F; border-width:2px 0; text-align:center; }

/* h3 ================= */
h3 { margin:3em 0 1em; padding:0 0 .3em; border-bottom:3px double #03C; }

/* h3 ================= */
h4 { margin:3em 0 1em; padding:0 0 .3em; font-weight:bold; color:#09F; }


/* pickup01 */
.pickup01        { background:#CEF; }
.pickup01 img    { width:100%; display:block; }
.pickup01 h3     { width:100%; margin:0; color:#03C; }
.pickup01 p      { margin:0; }
.pickup01 > div  { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin:0; padding:1em; }
.pickup01 div p  { width: 68%; margin:1em 0; }
.pickup01 .btn   { width: 30%; }
.pickup01 .btn a { width:100%; margin:0; }
.pickup01.c02    { background:#FFD; }

/* pickupList02 */
.pickupList02          { width:60%; margin:1em auto; padding:0; list-style:none; }
.pickupList02 p        { text-align:center; }
.pickupList02 p strong { font-size:150%; color:#F60; line-height:1.5em; }
.pickupList02 ul       { margin:2em 0; padding:0; }
.pickupList02 li       { display:table; width:100%; border:3px solid #03C; border-radius:1em; }
.pickupList02 li div,
.pickupList02 li p     { display:table-cell; vertical-align:middle; padding:1em; }
.pickupList02 h3       { margin:0; padding:0; border:none; color:#FFF; }
.pickupList02 li div   { width:60%; border-radius:.5em 0 0 .5em; background:#09F;  }
.pickupList02 li p     { width:40%; text-align:right; }
.pickupList02 .btn a   { width:60%; font-size:150%; padding:1em 0; }


/* footer /////////////////////////*/
footer { padding:20px 0 0; border-top:10px solid #03C; }

footer address { display:flex; justify-content:space-between; font-style:normal; }
footer address > div { white-space:nowrap; text-align:right; }
footer h2 { margin:0; padding:0; border:0; text-align:left; }

footer nav { margin:.5em 0; }

.policy    { display:flex; justify-content:right; font-size:80%; }
.policy li { margin:.5em 0 .5em 1em; }
.policy a  { color:#03C; text-decoration:underline; }

.sns     { display:flex; justify-content:center; align-items:center; }
.sns li  { width:12%; margin:5px; }
.sns img { width:100%; }

/* pagetop */
.pagetop {}

/* copyright */
.copy { width:100%; margin:.5em 0; border-top:1px solid #03C; text-align:center; }

/* info-not 工事中 */
.info-not {
	padding:200px 15px;
	border:1px solid #CCC; border-radius:15px;
	background:#EEE;
}
.info-not span { text-align:center; letter-spacing:.2em; display:block; font-size:120%; }


/*------------------------------------------------------------
	レスポンシブ
------------------------------------------------------------*/
#hmb_check, #hmb_btn, #hmb_bg,
.sp { display:none; }
@media (max-width: 768px){
	#hmb_btn, #hmb_bg,
	.sp { display:inline-block; }
	.pc { display:none; }

	.c { text-align:left; }
	th { white-space:nowrap; }

	/* ******** hmb_menu ******** */
	#hmb_btn, #hmb_bg { cursor:pointer; }
	#hmb_btn { /* ボタン：メニューOFF・アイコンON */
		position:absolute; top:10px; right:20px;
		display:block; width:40px; height:40px; min-width:40px; margin:0; z-index:101;
		background:#09F url(../img/icon/hmb_btnOn.svg) no-repeat center / 20px; border-radius:5px;
	}
	#hmb_bg {
		display:none; width:100%; height:100%;
		position:fixed; left:0; top:0; z-index:99;
		background:#000; opacity:.5;
		transition:.3s;
	}
	#hmb_content {
		display:block; width:0; height:100%; overflow:auto; padding:60px 0 0 0;
		position:fixed; top:0; right:0; z-index:100;
		background:#000; opacity:.65;
		transition:.3s;
	}
	#hmb_check:checked + #hmb_btn {/* ボタン：メニューON・アイコンOFF */
		background-image:url(../img/icon/hmb_btnOff.svg);
	} 
	#hmb_check:checked ~ #hmb_bg      { display:block; }
	#hmb_check:checked ~ #hmb_content { width:80%; }
	/* main btn */
	main p.btn a { width:90%; }
	/* header /////////////////////////*/
	h1 img { width:60%; }
	header { position:fixed; width:100%; z-index:10000; }
	.nav li  { margin:2px 0; border-width:0 0 1px 0; }
	.nav li:first-child {    border-width:1px 0; }
	header .btnBox { position:relative; top:0; right:0; }
	.nav  a { padding:1em 0; }
	.tel { margin:1em; }
	header .mail a,
	footer .mail a { width:100%; margin:5px 0; padding:1em; }
	/* ******** hmb_menu ******** */

	/* inner */
	.inner { width:auto; }

	/* flexBox */
	.flexBox,
	.nav,
	footer address { display:block; }

	/* mv /////////////////////////*/
	#mv     { min-width:auto; }
	#mv img { max-width:auto; }

	/* main /////////////////////////*/
	main { padding:80px 0 20px; }

	/* pickup01 */
	.pickup01 > div { display:block; }
	.pickup01 div p,
	.pickup01 .btn  { width:100%; }

	/* pickupList02 */
	.pickupList02 { width:100%; }

	/* bnr */
	.bnr img { width:100%; }

	/* footer /////////////////////////*/
	footer h2,
	footer address,
	footer .btnBox { text-align:center; }
	footer nav p { text-align:center; }
	.policy { justify-content:center; }
	footer .mail a { width:100%; margin:0 0 2em; }
}
/**/
@media (min-width: 768px){
}
/**/