@charset "utf-8";
:root{
	
	--c01: #E55000;
	--c02: gray;
	--c03: #E55000;
	--c04: white;
	--c05: white;
}
.zen-antique-soft-regular {
  font-family: "Zen Antique Soft", serif;
  font-weight: 400;
  font-style: normal;
}
.zen-old-mincho-regular {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
.m-plus-1p-regular {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  font-style: normal;
}
html{
	font-size: 6.25%;
	scroll-behavior: smooth;
}
body{
	margin: 0;
}
img{max-width: 100vw;}
a,a:link,a:visited{
	text-decoration: none;
}

.font-black{color:black;}
.h2{font-size: 26rem;}
.h3{font-size: 22rem;}
.h4{font-size: 16rem;}
.h5{font-size: 12rem;}
.alacen{
	text-align: center;
}


.spacer{
	margin-bottom: 20px;
}
.col00{
	margin: 40px auto 25px;
}
.col01{
	border: 1px solid var(--c01);
	border-radius: 30px;
	display: inline-block;
	padding: 2px 12px;
}
.col03{
	padding-left: 16px;
	width: 92vw;
}
.aboutflex ul{
	list-style: none;
	width: 92vw;
	display: flex;
}
.aboutflex li{
	list-style: none;
	border-bottom: 1px solid var(--c02);
	padding: 16px 0;
}
.aboutflex p{
    width: 100%;
}
.abouttitle{
	font-weight: 600;
}

.col11{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.col12{
	display: block;
	width: 260px;
	padding:20px 15px;
}
.col13{
	border-bottom: 1px solid var(--c01);
}
.col14i img{
	height: 120px;	
}
.col14i2 img{
	height: 100px;	
	padding:10px 0;
}
.col14i3 img{
	width: 100px;	
	padding:10px 0;
}
.col15{		/* リンクスタイル */
    position: relative;
    padding: 0.25em 1em;
    margin: 2em 0;
    top: 0;
    background: #efefef;
	display: inline-block;
}
.col15::before, .col15::after{
	position: absolute;
    top: 0;
    content:'';
    width: 6px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}
.col15::before{
	border-left: dotted 1px var(--c03);
    border-top: dotted 1px var(--c03);
    border-bottom: dotted 1px var(--c03);
    left: 0;
}
.col15::after{
    border-top: dotted 1px var(--c03);
    border-right: dotted 1px var(--c03);
    border-bottom: dotted 1px var(--c03);
    right: 0;
}
.p-0{
	line-height: 0.7em;
}
/* スマホ用のCSSはメディアクエリの外に記述する */

@media screen and (min-width: 481px) {
	/* 481px以上に適用されるCSS（タブレット用） */
	body{
		max-width: 620px;
		margin: 0 auto;
	}
	#topimg img{
		width:100%;
	}
	.col03{
		text-align: center;
		padding-left: 16px;
		width: 100%;
	}
	
}
@media screen and (min-width: 960px) {
	/* 960px以上に適用されるCSS（PC用） */
}