
* { 
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	position:relative;
}


html,body {
		margin:0;
		padding:0;
		text-size-adjust: 100%;
		width:100%;
	}

html {
scroll-padding-top: 70px;
padding-top: 70px;
}

img {display:block;}

.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}



.box-row {
	display:flex;
	flex-direction:row;
}

.box-column {
	display:flex;
	flex-direction:column;
	font-size:140%;
}


::placeholder {
	color:#b4b4b4;
}


:focus {
    outline: none;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	ボタン共通設定
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.btn{
    /*アニメーションの起点とするためrelativeを指定*/
    position: relative;
	overflow: hidden;
    /*ボタンの形状*/
	text-decoration: none;
	display: inline-block;
   	border: 1px solid #0a5c9e;/* ボーダーの色と太さ */
	background-color:#fff;
    padding: 1rem 3rem;
    text-align: center;
    outline: none;
    /*アニメーションの指定*/   
    transition: ease .2s;
	line-height:1em;
}

/*ボタン内spanの形状*/
.btn span {
	position: relative;
	z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
	color:#0a5c9e;
}

.btn:hover span{
	color:#fff;
}

/*== 背景が流れる（中央から縦全体） */
.bgcentery:before {
	content: '';
    /*絶対配置で位置を指定*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
    /*色や形状*/
	background: #0a5c9e;
	width: 100%;
	height: 100%;
    /*アニメーション*/
	transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
	transform: scale(1, 0);
	transform-origin:center;
}

/*hoverした際の形状*/
.bgcentery:hover:before{
	transform:scale(1, 1);
}


/*検索ボタン*/

.search {
	text-align:center;
}

.search a{
	display:inline-block;
	padding:0.3em 2em;
	background-color:#00a6c9;
	font-size:160%;
	color:#fff;
	border-radius:300px;
	border:1px solid #00a6c9;
	transition: all 0.2s ease-in-out;
}
.search a span {
	padding-left:1.5em;
	position:relative;
}

.search a span .icon{
	width:1em;
	height:1em;
	display:inline-block;
	position:absolute;
	top:50%;
	left:0;
	transform: translate(-0%, -50%);
}

.search a:hover {
	background-color:#fff;
	color:#00a6c9;
}
.search a .path {
	fill: #fff;
}
.search a:hover .path {
	fill: #00a6c9;
}

/*CSVダウンロードボタン*/

.csv_dl {
	text-align:center;
}

.csv_dl a{
	display:inline-block;
	padding:0.3em 2em;
	background-color:#00a6c9;
	font-size:160%;
	color:#fff;
	border-radius:300px;
	border:1px solid #00a6c9;
	transition: all 0.2s ease-in-out;
}
.csv_dl a span {
	padding-left:1.5em;
	position:relative;
}

.csv_dl a span .icon{
	width:1em;
	height:1em;
	display:inline-block;
	position:absolute;
	top:50%;
	left:0;
	transform: translate(-0%, -50%);
}

.csv_dl a:hover {
	background-color:#fff;
	color:#00a6c9;
}
.csv_dl a .path {
	fill: #fff;
}
.csv_dl a:hover .path {
	fill: #00a6c9;
}



#wrapper {
	background-color:#fafafa;
	height:100%;
	width:100%;
	max-width:100vw;
	min-width:820px;
	min-height:820px;
	position:relative;
	padding-bottom:10rem;
}

section {
	width:100%;
}

section .inner {
	padding:3rem 3rem;
}


.pager {
	padding:3rem 0 0;
	text-align:center;
}

section + .pager {
	padding:0;
	text-align:center;
}

.pager > div{
	display:inline-block;
	margin:0 auto;
	position:relative;
}

.pager > div ul{
	display:flex;
	margin:0;
	padding:0;
}

.pager > div ul li{
	display:table;
	padding:0 0.2em;
	position:relative;
}

.pager > div ul li:nth-last-child(2){
	padding-left:2em;
}
.pager > div ul li:nth-last-child(2)::before{
	content:"…";
	position:absolute;
	top:50%;
	transform: translate(-160%, -50%);
}

.pager > div ul li a{
	display:table-cell;
	width:3rem;
	height:3rem;
	background-color:#eaeaea;
	line-height:1em;
	vertical-align:middle;
	border-radius:3px;
	position:relative;
	white-space:nowrap;
}

.pager > div ul li a.prev{
	height:3rem;
	background-color:#eaeaea;
	padding:0 0.5em 0 1.5em;
}

.pager > div ul li a.prev::before{
	content:"";
	display:inline-block;
	width:1rem;
	height:1rem;
	border-left:3px solid #3c3c3c;
	border-bottom:3px solid #3c3c3c;
	position:absolute;
	top:50%;
	left:0;
	transform: translate(100%, -50%) rotate(45deg);
}

.pager > div ul li a.prev:hover::before{
	border-left:3px solid #fff;
	border-bottom:3px solid #fff;
}

.pager > div ul li a.next{
	height:3rem;
	background-color:#eaeaea;
	padding:0 1.5em 0 0.5em;
}
.pager > div ul li a.next::before{
	content:"";
	display:inline-block;
	width:1rem;
	height:1rem;
	border-top:3px solid #3c3c3c;
	border-right:3px solid #3c3c3c;
	position:absolute;
	top:50%;
	right:0;
	transform: translate(-100%, -50%) rotate(45deg);
}

.pager > div ul li a.next:hover::before{
	border-top:3px solid #fff;
	border-right:3px solid #fff;
}

.pager > div ul li a:hover,
.pager > div ul li a.current {
	background-color:#179f9e;
	color:#fff;
}

.pager > div p#target {
	display:block;
	position:absolute;
	left:-0.5em;
	top:50%;
	transform: translate(-100%, -50%);
	font-size:180%;
	margin:0;
	padding:0;
	line-height:1em;
}

.pager > div p#target::before {
	display:inline-block;
	content:"対象件数：";
	font-size:60%;
	margin-right:0em;
}
.pager > div p#target::after {
	display:inline-block;
	content:"件";
	font-size:60%;
	margin-left:0.2em;
}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	フォームテーブル
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

table.form {
	width:100%;
	border:1px solid #0a5c9e;
	margin-bottom:1rem;
	color:#0a5c9e;
}

table.form th,
table.form td {
	border:1px solid #25a0dc;
	padding:0.5em;
	vertical-align:middle;
	background-color:#fff;
}

table.form th {
	padding:0.5em 1em;
	font-size:120%;
}

table.form .box-row > div {
	margin-right:1em;
}

/* -----------------画面構成要素---------------------*/

input[type='text'],textarea{
	
	font-family: "Noto Sans JP", sans-serif;
	font-weight:600;
	
}


input[type='text']{
	width:100%;
	margin:0em 0;
	padding:0.5em 0.5em;
	font-size:2rem;
	border: 1px solid #ccc;/*
	border-color:#ccc;
	border-width:2px;
	border-style:solid;
	*/
    border-radius: 0.3em;
	background-color:#fff
	;
}

/* -----------------ラジオ装飾---------------------*/

input[type="radio"] + label,
input[type="checkbox"] + label {
	display:inline-block;
	position: relative;
	cursor: pointer;
	padding:0.5em 0 0.5em 2em;
	margin:0.3em 0;
	
}

input[type="radio"] + label::before,
input[type="radio"] + label::after {
  content: "";
  display: block; 
  border-radius: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
}

input[type="radio"] + label::before {
  background-color: #fff;
  border: 1px solid #0a5c9e;
  border-radius: 50%;
  width: 1.4em;
  height: 1.4em;
  left: 1em;
}

input[type="radio"] + label::after {
  background-color: #0a5c9e;
  border-radius: 50%;
  opacity: 0;
  width: 0.1em;
  height: 0.1em;
  left: 1em;
  transition:all .3s ease;
}

input[type="radio"]:checked + label::after {
  opacity: 1;
  width: 1em;
  height: 1em;
}



input[type="checkbox"] + label::before,
input[type="checkbox"] + label::after {
  content: "";
  display: block; 
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
}

input[type="checkbox"] + label::before {
  background-color: #fff;
  border: 1px solid #666666;
  width: 1.4em;
  height: 1.4em;
  left: 1em;
}

input[type="checkbox"] + label::after {
  border: 5px solid #666666;
  opacity: 0;
  width: 0.1em;
  height: 0.2em;
  top:40%;
  left: 0.7em;
  transform: rotate(40deg);
  transition:all .1s ease;
  border-top:none;
  border-left:none;
}

input[type="checkbox"]:checked + label::after {
  opacity: 1;
  top:8%;
  left:0.8em;
  width: 0.4em;
  height: 1.2em;
}

.hidden,
input[type="radio"],
input[type="checkbox"] {
 position: absolute;
 white-space: nowrap;
 border: 0;
 clip: rect(0 0 0 0);
 clip-path: inset(50%);
 overflow: hidden;
 height: 1px !important;
 width: 1px !important;
 margin: -1px;
 padding: 0;
}


/*定員に達した時の対応*/

.disabled input[type="checkbox"],
.disabled input[type="checkbox"] + label,
.disabled input[type="radio"],
.disabled input[type="radio"] + label {
	pointer-events: none;
}
.disabled input[type="checkbox"] + label::before,
.disabled input[type="radio"] + label::before {
    border: 1px solid #969696 !important;
}

.disabled span.limit {
	color:#e00;
	padding-left:1em;
}
.disabled span.limit::before {
	content:"※";
}



.submit #kakunin_btn_disable {
    width: 100%;
    max-width: 20em;
    margin: 0 auto 0;
    position: relative;
}

.submit #kakunin_btn_disable a{
	display:block;
	width: 100%;
	margin:0;
	padding:1em 1em;
	background-color:#666666;
	color:#fff;
	text-align:center;
	font-size:140%;
	font-weight:bold;
	border-radius:0.5em;
	text-decoration:none;
}

.submit #kakunin_btn_disable a:hover {
  background-color: #f00 !important;
}


.submit #kakunin_btn_disable.disable a{
	background-color: gray !important;
	cursor: not-allowed;
}


#color-line {
	margin:0;
	padding:0;
	width: 100%;
}





/* -----------------カスタムセレクト---------------------*/
/*
.custom-select {
  position: absolute;
  display: inline-block;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
}
*/
.center {
  position: absolute;
  display: inline-block;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
}

.custom-select-wrapper {
  position: relative;
  display: inline-block;
  display:block;
  user-select: none;
}
  .custom-select-wrapper select {
    display: none;
  }
  .custom-select {
    position: relative;
    display: inline-block;
	display:block;
	z-index:99;
  }
  
  .custom-select.opened {
    z-index:999;
  }
  
    .custom-select-trigger {
		position: relative;
		display: block;
		/*width: 130px;*/
		padding: 0 2.5em 0 0.5em;
		font-size: 2rem;
		color: #333;
		line-height: 2.5em;
		background: #fff;
		border: 1px solid #ccc;
		border-radius: 0.3em;
		cursor: pointer;
		
		font-family: "Noto Sans JP", sans-serif;
		z-index:1;
		
    }
	
	.custom-select-trigger::placeholder {
		color: #f00;
		
    }
	
  .custom-select-trigger:after {
	position: absolute;
	display: block;
	content: '';
	width: 10px; height: 10px;
	top: 50%; right: 20px;
	margin-top: -3px;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	transform: rotate(45deg) translateY(-50%);
	transition: all .4s ease-in-out;
	transform-origin: 50% 0;
  }
  .custom-select.opened .custom-select-trigger:after {
	margin-top: 3px;
	transform: rotate(-135deg) translateY(-50%);
  }
	  
  .custom-options {
	  height:0;
	  overflow:hidden;
    position: absolute;
    display: block;
    top: 100%; left: 0; right: 0;
    min-width: 100%;
    margin: 2px 0;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
    
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
  }
  .custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
	height:auto;
	max-height:25vh;
	overflow:scroll;
  }
  /*オーバーフロースクロールするため不必要*/
  /*
    .custom-options:before {
      position: absolute;
      display: block;
      content: '';
      bottom: 100%; right: 25px;
      width: 7px; height: 7px;
      margin-bottom: -4px;
      border-top: 1px solid #b5b5b5;
      border-left: 1px solid #b5b5b5;
      background: #fff;
      transform: rotate(45deg);
      transition: all .4s ease-in-out;
    }
    .option-hover:before {
      background: #f9f9f9;
    }
	
	*/
	
    .custom-option {
      position: relative;
      display: block;
      padding: 0 1rem;
      border-bottom: 1px solid #b5b5b5;
      font-size: 18px;
      color: #aaa;
      line-height: 47px;
      cursor: pointer;
      transition: all .4s ease-in-out;
    }
    .custom-option:first-of-type {
      border-radius: 4px 4px 0 0;
    }
    .custom-option:last-of-type {
      border-bottom: 0;
      border-radius: 0 0 4px 4px;
    }
    .custom-option:hover,
    .custom-option.selection {
      background: #f9f9f9;
	  color:#333;
    }

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	ログイン
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.loginbox {
	width:80%;
	max-width:800px;
	min-width:600px;
	position: relative;
	margin:0;
	padding: 1.5em 2em;
	cursor: default;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
	
	position:absolute;
	top:50%;
	left:50%;
	transform: translateY(-50%) translateX(-50%);
}

.loginbox .title {
	position:absolute;
	top:0%;
	left:50%;
	transform: translateY(-120%) translateX(-50%);
}

.loginbox .error {
	color:#e00;
	text-align:center;
	font-size:120%;
}
.loginbox .error span {
	text-align:left;
}

.loginbox .title img {
	width:100%;
	max-width:500px;
	margin:0 auto;
}


#inputbox {
	display:flex;
	position:relative;
	flex-direction: column;
	margin-bottom:4rem;
}

#inputbox > div {
	display:flex;
	position:relative;
	width:100%;
	margin-top:3rem;
}
#inputbox > div:last-child {
	margin-bottom:0;
}

#inputbox > div > div{
	display:flex;
	position:relative;
	width:100%;
}

#inputbox > div > div > div:first-child{
	width:40%;
}

#inputbox > div > div > div:last-child{
	width:60%;
}

#inputbox > div > div > div:first-child p{
	display:table;
	width:100%;
	height:100%;
}
#inputbox > div > div > div:first-child p span{
	display:table-cell;
	vertical-align:middle;
	padding:1rem;
}
/*個別エラー表示
#inputbox > div > div > div:last-child p{
	display:none;
}

#inputbox > div > div > div:last-child.error p{
	display:block;
	padding:0 1em;
	position:absolute;
	top:0;
	left:0;
	transform: translateY(-110%) translateX(-0%);
	color:#F99;
	font-size:80%;
}
*/

#inputbox > div > div > div p{
	text-align:right;
	white-space:nowrap;
}

#inputbox div input[type="text"],
#inputbox div input[type="password"]{
	padding:0.5em 1em;
	border:2px solid #ccc;
	width:100%;
	border-radius:6px;
	font-size:2rem;
	border-radius:0.5rem;
}


#inputbox div input:focus{
	border:2px solid #ff9900;
}


::placeholder {
   color: #ccc;
}

input[type="text"]:focus,
input[type="password"]:focus {
  outline: 0;
}



#btn_submit {
	width:100%;
	margin: 0 auto;
	text-align:center;
}

#btn_submit.off a{
pointer-events: none;
background-color: #ccc;
border: 1px solid #666;/* ボーダーの色と太さ */
color:#666;
}

#btn_submit.off a span{
color:#666;
}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	index.php
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


header {
	background-color:#fff;
	position:fixed;
	top:0;
	width:100%;
	z-index:999;
}

header .inner {
	max-width:100%;
	padding:0.5rem 1rem;
	position:relative;
}

header h1 {
	height:60px;
	max-width:50%;
}

header h1 img{
	display:block;
	height:100%;
}

header .box {
	display:flex;
	position:absolute;
	top:50%;
	right:2rem;
	transform: translateY(-50%) translateX(-0%);
}

header .box a:nth-child(2) {
	border-left:none;
}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	サマリー表示
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#summary {
	background-color:#3c5185;
	background-color:#00a6c9;
	background-color:#66c4d8;
}

#summary .box-row{
	width:100%;
	justify-content: space-between;
}

#summary .box-row > div{
	width:48%;
	text-align:center;
	margin:0;
	padding:0;
}

#summary .box-row > div > p{
	margin-bottom:0.5em;
	font-size:120%;
	color:#fff;
}

#summary .box-row > div > .data{
	width:100%;
	border:1px solid #25a0dc;
	background-color:#fff;
	border-radius:0.5rem;
	overflow:hidden;
}


#summary .box-row > div table {
	width:100%;
	/*border:1px solid #25a0dc;*/
	background-color:#fff;
}

#summary div.data table td {
	border:1px solid #25a0dc;
	padding:0.3em 0.5em;
}

#summary div.data table td:nth-child(1) {
	width:5em;
	text-align:right;
	border-left:none;
}
#summary div.data table td:nth-child(2) {
	width:auto;
	text-align:left;
}
#summary div.data table td:nth-child(3) {
	width:8em;
	text-align:right;
	border-right:none;
}

#summary div.data table td:nth-child(1)::after {
	content:"頭";
	padding-left:0.3em;
}

#summary div.data table td:nth-child(3)::after {
	content:"円";
	padding-left:0.3em;
}

#summary div.data table tr:first-child td {
	border-top:none;
}
#summary div.data table tr:last-child td {
	border-bottom:none;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	検索結果
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.results .detail{
    padding: 0;
	background-color:#fff;
	border-radius:1em;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	overflow:hidden;
}

.results .personal {
	display:table;
	width:100%;
	padding:1.5rem 3rem;
	margin-bottom:1rem;
	position:relative;
	/*background-color:#3c5185;*/
	background-color:#00a6c9;
	/*background-color:#66c4d8;*/
}

.results .personal > div {
	display:table-cell;
	vertical-align:middle;
}

.results .personal .web{

	width:18rem;
}

.results .personal .web p:first-child{
	display:block;
	width:100%;
	padding:0.8em 1em;
	background-color:#ff9523;
	white-space:nowrap;
	text-align:center;
	line-height:1em;
	font-size:80%;
	border-radius:0.5rem;
	color:#fff;
}

.results .personal .web p:last-child{
	display:block;
	width:100%;
	padding:0.8em 1em;
	background-color:#21b95a;
	white-space:nowrap;
	text-align:center;
	line-height:1em;
	font-size:80%;
	border-radius:0.5rem;
	color:#fff;
}

.results .personal .web p:first-child{
	margin-bottom:0.5rem;
}

.results .personal .web p.off{
	/*
	background-color:#546aa1;
	color:#8b9dc9;
	*/
	border:1px solid #019ac0;
	background-color:#66c4d8;
	color:#019ac0;
}


.results .add {
	font-size:140%;
	color:#fff;
}

.results .name {
	font-size:140%;
	color:#fff;
}

.results .name span:last-child {
	padding-left:2em;
}
.results .name span:last-child::before {
	content:"(登録番号)：";
	font-size:80%;
}


.results table {
	margin:0 2rem;
}

.results table td {
	padding:0.5rem 1rem;
	vertical-align:middle;
	color:#333;
}

.results table th {
	padding:0.5rem 1rem;
	padding-left:0;
	white-space:nowrap;
	vertical-align:middle;
	text-align:right;
	font-size:110%;
}

.results table tr.trait th {
	vertical-align:top;
}

.results table th p{
	padding:0.5em 1em;
	text-align:center;
	border-radius:100px;
	line-height:1em;
	/*
	background-color:#dff2ff;
	color:#0a5c9e;
	*/
	background-color:#cae8ef;
	color:#00a6c9;
	color:#0089b4;
}

.slide_txt {
	height:2.8em;
	line-height:1.4em;
	width: 100%;
	margin: 0;
	padding:0;
	overflow-y:hidden;
}
.slide_txt + p.more {
	text-align:right;
	margin-top:0.5rem;
}

p.more span{
	display:inline-block;
	cursor: pointer;
	background-color: #999;
	color: #fff;
	border-radius: 10px;
	line-height: 1em;
	margin: 0 auto;
	padding:0.5em 1em;
	font-size:70%;
}


.results .chart {
	display:flex;
	justify-content: space-between;
	border-top:1px dashed #25a0dc;
	margin:1rem 1.5rem 2rem;
	padding-top:2rem;
}

.results .chart > div {
	width:32%;
}

.results .chart > div > div {
	text-align:center;
}

.results .chart > div p.title {
	text-align:center;
	font-size:100%;
	margin-bottom:0.5em;
	color:#0089b4;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.results .chart > div .box {
	max-width:300px;
	border:1px solid #25a0dc;
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin:0 auto 1rem;
	padding:1rem;
	color:#0a5c9e;
}

.results .chart > div .box:last-child {
	margin-bottom:0;
}

.results .chart > div .box p {
	display:block;
	width:48%;
	margin-bottom:0.5rem;
}

.results .chart > div .box p span{
	display:inline-block;
	text-align:left;
}

.results .chart > div .box p:nth-child(1) {
	width:80% !important;
	text-align:left;
}

.results .chart > div .box p:nth-child(1) span {
	text-align:left;
}

.results .chart > div .box p:nth-child(2) {
	text-align:right;
	width:20% !important;
}

.results .chart > div .box p:nth-child(3) {
	color:#c00;
	margin-bottom:0;
	text-align:left;
}

.results .chart > div .box p:nth-child(3)::before {
	content:"¥";
	color:#0a5c9e;
	padding-right:0.3em;
}

.results .chart > div .box p:nth-child(3)::after {
	content:"万";
	color:#0a5c9e;
	padding-left:0.1em;
}

.results .chart > div .box p:nth-child(4) {
	text-align:right;
	margin-bottom:0;
}

.results .chart > div .box p:nth-child(4)::before {
	content:"生後";
	padding-right:0.3em;
}

.results .chart > div .box p:nth-child(4)::after {
	content:"日";
	padding-left:0.1em;
}



/*ダウンロードボタン*/

.dl_btn {
	background-color:#3FC;
}