@charset "UTF-8";
/* Body */
.kakunin {
	background-color: aqua;

}

body {
	font-family: ヒラギノ角ゴシック;
	font-size:24pt;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight: 200;
	width: 100%;
}
/* Navigation */
header {
	width: 100%;
	height: 5%;
	background-color: #52bad5;
	border-bottom: 1px solid #2C9AB7;
}

.div_main {
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	width: 730px;
}

h1 {
	margin:0px;
	width:700px;
    font-size: 40px;  padding:  0.3em 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #FFE4C7;/*背景色*/
  border-bottom: solid 3px #FF9933;/*下線*/
}

h2 {
	margin:10px 0px;
	width:720px;
    padding: 0.25em 0.5em;/*上下 左右の余白*/
    font-size: 36px;
    color: #494949;/*文字色*/
    background: transparent;/*背景透明に*/
    border-left: 5px solid #666666;/*左線*/
	box-sizing: border-box;
}

.margin-body-top {
    height: 60px;
}

.margin-body-s {
    height: 15px;
}

.margin-body-m {
    height: 20px;
}

.topics-full{
	margin-top:-10px;
	padding-top:-10px;
	padding-right:10px;
	padding-left:10px;
}

.news {
	width:640px;
	margin:10px 0px;
    position: relative;
    padding: 1.8em 1.5em 1em 1.5em;
    border: 2px solid #ff9924;
}

.news > div {
    position: absolute;
		fotn-size:12pt;
    top: -1.15em;
    left: -.5em;
    margin-top: 30px;
	margin-left:6px;
    padding: 10px 10px;
    border-radius: 25px;
    background-color: #ff9924;
    color: #fff;
}

.news > div::before {
    position: absolute;
    bottom: -8px;
    left: 50%;
	margin-top: 10px;
    transform: translateX(-50%);
    width: 16px;
    height: 8px;
    background-color: #ff9924;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.news p {
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -20px;
}

.button-detail {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 360px;
    margin:0 auto;
    padding: .9em 2em;
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
    background-color: #f8911b;
    color: #fff;
    font-weight: 600;
	font-size:32px;
}

.button-detail:hover {
    background-color: #e8810b;
}

.margin-body-bottom {
    height: 40px;
}