@charset "utf-8";

.pc { display: block; }
.sp { display: none; }

h2.title {
    line-height: 60px;
    position: relative;
    height: 60px;
    margin: 0.5em 20px 1em;
    padding: 0 1em;
    text-align: center;
    color: #fff;
    background: #d278ff;
    font-size: 24px;
    font-family: "Kosugi Maru", sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 1px #303030;
}

h2.title:before,
h2.title:after {
  position: absolute;
  top: 0;
  display: block;
  content: '';
  border: 30px solid #d278ff;
}

h2.title:before {
  left: -15px;
  border-left-width: 15px;
  border-left-color: transparent;
}

h2.title:after {
  right: -15px;
  border-right-width: 15px;
  border-right-color: transparent;
}

h2.title span {
  position: relative;
  display: block;
}

h3.link {
    border-bottom: 2pt dotted #d278ff;
    padding-left: 1.5em;
    background: url(../img/point.png) no-repeat 0.25em;
    font-size: 18px;
    font-weight: normal;
    font-family: "Kosugi Maru", sans-serif;
}

.navi ul li {
    list-style-image: url(../img/yajirushi.gif);
}

.main p {
    margin: 0 0 2em 1em;
    text-indent: 0;
}

.main ul li {
	list-style: url(../img/yajirushi.png);
	line-height: 1.8;
}

.main ul.kikin {
	display: grid;
	grid-template-columns: repeat(2, auto);
}

.footer {
	text-align: center;
}

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

.pc { display: none; }
.sp { display: block; }

.header {
	width: 100vw;
	background: url("../../img/header_sp_x.png") repeat-x;
}

body {
	margin: 0 auto;
}

.container {
	width: 95vw;
	padding: 0;
}

.contents {
	width: 95vw;
}

.navi {
	display: none;
}
.main {
	width: 95vw;
}

.main table p {
	margin: 0em;
}

img {
	max-width: 95vw;
}

.table01 {
	width: 50vw;
}
.table01 td {
	width: 25vw;
}


.table02 {
	width: 94vw;
}
.table02 td {
	width: 47vw;
}


}