:root{
	--base-font-color:#000;
	--base-bg-color:#fff;
	--base-theme-color:#efe800;
	--theme01-color:#0068b6;
	--theme02-color:#eb6d73;
	--theme03-color:#6b5fa8;
	--theme04-color:#eb6000;
	--theme05-color:#00b3dd;
	--theme06-color:#8c4c51;
	--theme07-color:#008d4f;
	--theme08-color:#6eb92b;
	--theme-sub-color:#000;
	--theme-sub-bg-color:#fbf6ee;
}
html{margin:0;padding:0;}
body{margin:0;padding:0;background-color:var(--base-bg-color);}
a[href^="tel"]{color:var(--base-font-color);text-decoration:none;cursor:default;pointer-events:none;}
h1{margin:0;}
p:first-child{margin-top:0;}
p:last-child{margin-bottom:0;}
img{max-width:100%;height:auto;}

.header{max-width:980px;margin:0 auto 4em;padding:0;}
.header img{display:block;}

.main{max-width:980px;margin:0 auto 4em;}
.wrapper{display:-webkit-flex;display:flex;justify-content:space-between;align-items:flex-start;gap:40px;position:relative;}
.content{flex-basis:100%;flex-shrink:1;flex-grow:0;}
.catch{font-size:115%;margin:0 0 2em;}
.cbox{padding:1.4em;background:var(--theme-sub-bg-color);border-radius:10px;display:-webkit-flex;display:flex;gap:1em;border:solid 1px var(--theme-sub-color);}
.cbox+.cbox{margin-top:2em;}
.cbox .img{flex-basis:38%;}
.cbox .img img{display:block;}
.cbox .data{flex-basis:100%;flex-shrink:1;flex-grow:0;}
.cbox .data h2{font-size:1.2em;margin-top:0;}
.cbox:nth-of-type(2n) .img{order:2;}
.cbox:nth-of-type(2n) .data{order:1;}

.cbox1{border-color:var(--theme01-color);}
.cbox1 .data h2{color:var(--theme01-color);}
.cbox2{border-color:var(--theme02-color);}
.cbox2 .data h2{color:var(--theme02-color);}
.cbox3{border-color:var(--theme03-color);}
.cbox3 .data h2{color:var(--theme03-color);}
.cbox4{border-color:var(--theme04-color);}
.cbox4 .data h2{color:var(--theme04-color);}
.cbox5{border-color:var(--theme05-color);}
.cbox5 .data h2{color:var(--theme05-color);}
.cbox6{border-color:var(--theme06-color);}
.cbox6 .data h2{color:var(--theme06-color);}
.cbox7{border-color:var(--theme07-color);}
.cbox7 .data h2{color:var(--theme07-color);}
.cbox8{border-color:var(--theme08-color);}
.cbox8 .data h2{color:var(--theme08-color);}

.sidebar{flex-basis:342px;flex-shrink:0;flex-grow:0;border:var(--theme-sub-color) 1px solid;padding:1em;border-radius:10px;position:sticky;top:0;background:var(--theme-sub-bg-color);box-sizing:border-box;}
.sidebar img{display:block;margin:0 auto;}
.sidebar .data{border-top:var(--theme-sub-color) 1px dotted;padding-top:1.4em;margin-top:1.4em;}

.back{clear:both;color:var(--base-bg-color);margin:0 0 4em;font-size:small;text-align:center;}
.back .button{display:inline-block;width:20em;padding:1em;text-align:center;text-decoration:none;outline:none;background-color:var(--base-theme-color);color:var(--base-font-color);border-radius:10px;border:solid 3px var(--base-theme-color);transition:0.2s;}
.back .button:hover{background-color:var(--base-bg-color);text-decoration:none;}

.footer{clear:both;background:var(--base-theme-color);text-align:center;margin:0px;padding:0.5em;font-size:80%;}

@media (max-width:768px){
	body{font-size:4.0625vw;}
	a[href^="tel"]{pointer-events:initial;}
	.header img{max-width:100%;}

	.wrapper{display:block;}
	.w980{max-width:initial;}

	.content{padding:0 3.125vw;}
	.catch{font-size:110%;}
	.cbox{display:block;padding:1em;}
	.cbox .img{margin-bottom:1em;}
	.cbox .data h2{font-size:4.6875vw;}

	.sidebar{margin:6.25vw 3.125vw;padding:1em;position:static;}

}