@charset "utf-8";
a:hover img {
	opacity: 0.7;
}

.infomation-dl dt {
	margin-bottom: 16px;
	margin-left: 2%;
	font-size: 1.6em;
	display: inline-table;
	float: left;
	width: 10%;
}
.infomation-dl dd {
	padding-right: 2%;
	padding-bottom: 32px;
	margin-left: 2%;
	font-size: 1.6em;
	line-height: 1.5em;
	display: inline-table;
	width: 84%;
}
.dl-simple dt {
	font-size: 1.9em;
	margin-bottom: 8px;
	text-shadow: 1px 1px 1px rgba(85,68,43,0.80);
}
.dl-simple dd {
	font-size: 1.6em;
	margin-bottom: 24px;
	text-shadow: 1px 1px 1px rgba(85,68,43,0.60);
}
main .con {
	padding-top: 16px;
	padding-right: 32px;
	padding-left: 32px;
	padding-bottom: 8px;
}
.ul-simple {
    margin-bottom: 16px;
}
.ul-simple li {
	font-size: 1.6em;
	list-style-position: outside;
	list-style-type: disc;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.60);
	margin-bottom: 8px;
}
.ul-simple li a {
	font-size: 1em;
}
.ul-simple01 {
	margin-left: 0px;
	margin-bottom: 16px;
}
.ul-simple01 li {
	list-style-position: outside;
	list-style-type: none;
	text-shadow: 1px 1px 1px rgba(85,68,43,0.60);
	margin-bottom: 24px;
	line-height: 1.3em;
}
.ul-simple01 li a {
	text-decoration: none;
	font-size: 1.4em;
}
.ol-simple {
	margin-left: 56px;
	margin-bottom: 16px;
}
.ul-simple02 {
	margin-left: 56px;
	margin-bottom: 16px;
}
.ul-simple02 li {
	font-size: 1.6em;
	list-style-type: none;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.60);
	margin-bottom: 8px;
}
.ol-simple li {
	font-size: 1.6em;
	list-style-position: outside;
	list-style-type: decimal;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.60);
	margin-bottom: 8px;
}
.table-simple {
	margin-top: 16px;
	margin-right: 16px;
	margin-bottom: 16px;
	margin-left: 16px;
}
.table-simple tr th {
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 8px;
	padding-left: 16px;
	font-size: 1.6em;
	text-align: center;
	border: thin solid rgba(234,202,177,1.00);
	color: rgba(255,255,255,1.00);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.30);
	font-weight: bold;
}
.table-simple tr td {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-size: 1.6em;
	text-align: center;
	border: thin solid rgba(234,202,177,1.00);
}
.table-simple01 {
	margin-top: 16px;
	margin-right: 16px;
	margin-bottom: 16px;
	margin-left: 16px;
}
.table-simple01 tr th {
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 8px;
	padding-left: 16px;
	font-size: 1.6em;
	text-align: center;
	border: thin solid rgba(0,0,0,1.00);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.30);
}
.table-simple01 tr td {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-size: 1.6em;
	text-align: center;
	border: thin solid rgba(0,0,0,1.00);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.30);
}
.table-simple02 {
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.table-simple02 tr th {
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 8px;
	padding-left: 16px;
	font-size: 1.6em;
	text-align: center;
	border: thin solid rgba(0,0,0,1.00);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.30);
}
.table-simple02 tr td {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-size: 1.6em;
	text-align: center;
	border: thin solid rgba(0,0,0,1.00);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.30);
}
.sans-serif {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#copyright {
	text-align: center;
	line-height: 6em;
}
.img01, .img02, .img03, .img04 {
	padding: 8px;
	margin-top: 0px;
	margin-right: 16px;
	margin-left: 16px;
	margin-bottom: 16px;
	border-radius: 8px;
	background-color: rgba(255,255,255,1.00);
}
.img01 {
	float: left;
}
.img02 {
	float: right;
}
.img03 {
	float: none;
}
.img04 {
	float: right;
}
.w5 {
	width: 5%;
}
.w6 {
	width: 6%;
}
.w7 {
	width: 7%;
}
.w8 {
	width: 8%;
}
.w9 {
	width: 9%;
}
.w10 {
	width: 10%;
}
.w11 {
	width: 11%;
}
.w12 {
	width: 12%;
}
.w13 {
	width: 13%;
}
.w14 {
	width: 14%;
}
.w15 {
	width: 15%;
}
.w25 {
	width: 25%;
}
.w33 {
	width: 33%;
}
.w40 {
	width: 40%;
}
.w48 {
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
}
.w50 {
	width: 50%;
}
.w66 {
	width: 66%;
}
.w70 {
	width: 70%;
}
.w90 {
	width: 90%;
}
.w100 {
	width: 100%;
}
.breadcrumbs {
	display: block;
	width: 100%;
	height: 16px;
}
.breadcrumbs ul li {
	float: left;
}
.breadcrumbs ul li a {
	text-decoration: none;
}
.breadcrumbs ul li a span {
	font-size: 1.3em;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	text-decoration: none;
}
.breadcrumbs ul li strong {
	font-size: 1.3em;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	line-height: 1em;
}
/*Topに戻る*/
#page-top {
	position: fixed;
	bottom: 0px;
	right: 120px;
	font-size: 1.6em;
}
#page-top a {
	background: rgba(255,224,131,0.20);
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 16px 0;
	text-align: center;
	display: block;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
}
#page-top a:hover {
	text-decoration: none;
	background: rgba(255,224,131,0.50);
}
.f-pi {
	font-size: 1.2em;
	color: rgba(223,32,55,1.00);
	text-shadow: 1px 1px 1px rgba(223,32,55,0.30);
}
.f-pu {
	font-size: 1.2em;
	color: rgba(251,80,213,1.00);
	text-shadow: 1px 1px 1px rgba(251,80,213,0.30) !important;
}
.num03 {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
}
.num03 li {
  position: relative;
  padding: 0.5em 0.5em 0.5em 64px;
  line-height: 1.5em;
	font-size: 1.6em;
	background-color: white;
	margin-bottom: 24px;
	border-radius: 24px;
}
.num03 li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: rgba(203,162,82,1.00);
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;/*円にする*/
  left: 24px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
.num03 li:after {/*吹き出しのちょこんと出た部分*/
  content: '';
  display: block;
  position: absolute;
  left: 44px;/*左からの位置*/
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid rgba(203,162,82,1.00);
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.num04 {
	counter-increment: numeber; /*numberの所は任意**/
	font-size: 2.1em;
}
.num04:before {
 content: "STEP ："counter(numeber); /*ダブルクォーテーションの中は数字とテキストの間に入れたい文字**/
  /*数字のデザイン変える*/
  display:inline-block;
  background: #5c9ee7;
  color: white;
  font-family: 'Arial',sans-serif;
  font-weight:normal;
  font-size: 15px;
  border-radius: 50%;/*円にする*/
  left: 0;
  width: 90px;
  height: 30px;
  line-height: 30px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
	margin-right: 8px;
}
.nums04 {
    margin-top: 0;
    margin-right: 0;
    margin-left: 100px;
    margin-bottom: 42px;
	line-height: 1.6em;
}

.num05 {
	counter-reset: number; /* この要素ごとに数字をリセットする */
	padding-left: 0px;
}
.nums05 {
	position: relative;
	margin-left: 40px;
	padding: 8px 46px 6px;
	border-bottom: solid 2px rgba(203,162,82,1.00);
	font-size: 1.6em;
	text-shadow: 1px 1px 1px rgba(203,162,82,0.10);
	display: inline-block;
}
.nums05:before {
    counter-increment: number;
    content: "Step"counter(number);
    position: absolute;
    top: 0;
    left: -30px;
    padding: 6px 8px;
    border: solid 2px rgba(203,162,82,1.00);
	border-radius: 50%;
    color: rgba(203,162,82,1.00);
}

.num05-01 {
	counter-reset: number; /* この要素ごとに数字をリセットする */
	padding-left: 0px;
}
.nums05-01 {
	position: relative;
	margin-left: 40px;
	padding: 8px 46px 6px;
	border-bottom: solid 2px rgba(203,162,82,1.00);
	font-size: 1.6em;
	text-shadow: 1px 1px 1px rgba(203,162,82,0.10);
	display: inline-block;
}
.nums05-01:before {
    counter-increment: number;
    content: "特徴"counter(number);
    position: absolute;
    top: 0;
    left: -30px;
    padding: 6px 8px;
    border: solid 2px rgba(203,162,82,1.00);
	border-radius: 50%;
    color: rgba(203,162,82,1.00);
}
.num06 {
	counter-reset: number; /* この要素ごとに数字をリセットする */
	padding-left: 0px;
}
.nums06 {
    position: relative;
    margin-left: 40px;
    padding: 8px 46px 6px;
    border-bottom: solid none #4096ee;
    font-size: 2.1em;
    text-shadow: 1px 1px 1px rgba(203,162,82,0.30);
    text-align: center;
    color: rgba(203,162,82,1.00);
}
.nums06:before {
    counter-increment: number;
    content: "Step "counter(number);
    position: absolute;
    top: 0;
    left: -30px;
    padding: 3px 24px;
    border-left: 2px dotted rgba(218,189,133,1.00);
    border-right: 2px dotted rgba(218,189,133,1.00);
    border-bottom: 2px none rgba(218,189,133,1.00);
    border-top: 2px none rgba(218,189,133,1.00);
    color: rgba(203,162,82,1.00);
    text-shadow: 1px 1px 1px rgba(203,162,82,0.10);
	font-size: 1em;
}
.nums06-wrap{
    width: 90%;
    padding-top: 24px;
    padding-right: 5%;
    padding-bottom: 24px;
    padding-left: 5%;
    background-color: rgba(255,255,255,1.00);
    margin-bottom: 80px;
    border: medium solid rgba(255,255,255,0.50);
    border-radius: 24px;
  position: relative;
}
.nums06-wrap::after{
	font-family: FontAwesome;
	content : "\f107";
    color: rgba(218,189,133,1.00);
	font-size: 64px;
    position: absolute;
	top: 105%;
	left: 50%;
  transform: translateX(-50%);/*一応ズレを補正*/
}

@media screen and (max-width: 640px) {
input {
	/* [disabled]width: 100%;
*/
	max-width: 90%; /* レスポンシブの場合の対策 */
	box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
a {
	text-decoration: none;
}
body {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	background-image: none;
	background-repeat: repeat-x;
	box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.infomation-dl dt {
	padding-right: 1%;
	padding-left: 1%;
	width: 98%;
	font-size: 1.6em;
	display: inline-table;
	float: left;
}
.infomation-dl dd {
	padding-right: 1%;
	padding-left: 1%;
	width: 98%;
	padding-bottom: 32px;
	font-size: 1.6em;
	line-height: 1.5em;
	display: inline-table;
}
aside {
	width: 100%;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-top: 16px;
}
main {
	width: 100%;
	float: none;
	padding: 0px;
	margin: 0px;
	box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.con-wrap {
	display: block;
	width: 100%;
	float: none;
	padding: 0px;
	margin: 0px;
	box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.ul-simple {
	margin-left: 24px;
}
.ul-simple li {
	font-size: 1.6em;
	list-style-position: outside;
	list-style-type: disc;
}
.ol-simple {
	margin-left: 24px;
}
.ol-simple li {
	font-size: 1.6em;
	list-style-position: outside;
}
.table-simple tr th {
	padding-top: 8px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 4px;
	font-size: 1.4em;
	text-align: center;
	vertical-align: middle;
}
.table-simple tr td {
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
	font-size: 1.4em;
	text-align: center;
	border: thin solid rgba(65,168,222,1.00);
	vertical-align: middle;
}
.dl-simple dd {
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
}
#copyright {
	text-align: center;
	color: rgba(255,255,255,1.00);
	line-height: 1em;
}
.table-simple {
	margin: 0px;
}
.table-simple tr th {
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	font-size: 1.4em;
	text-align: center;
	border: thin solid rgba(234,202,177,1.00);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.30);
	font-weight: bold;
}
.table-simple tr td {
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	font-size: 1.4em;
	text-align: center;
	border: thin solid rgba(234,202,177,1.00);
}
/*Topに戻る*/
#page-top {
	position: fixed;
	bottom: 0px;
	right: inherit;
	font-size: 1.4em;
	width: 100%;
}
#page-top a {
	width: 30%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 68%;
}
.ul-simple01 {
	margin-left: 8px;
	margin-bottom: 16px;
	padding: 0px;
}
.ul-simple01 li {
	font-size: 1.6em;
	list-style-position: outside;
	list-style-type: disc;
	text-shadow: 1px 1px 1px rgba(85,68,43,0.60);
	margin-bottom: 24px;
	line-height: 1.3em;
}
.w33 {
	width: 90%;
	margin-left: 5%;
}
.w50 {
	width: 90%;
	margin-left: 5%;
}
.w48 {
	width: 90%;
	margin-left: 5%;
	margin-right: 1%;
}
.w15 {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.w25 {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.w40 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.f-22 {
	font-size: 1.4em;
}
.f-23 {
	font-size: 1.4em;
}
.table-simple03 {
    overflow-x: scroll;
    display: inline-block;
    visibility: visible;
}
.w5 {
	width: 5%;
    min-width: 80px;
}
.w6 {
	width: 6%;
    min-width: 80px;
}
.w7 {
	width: 7%;
    min-width: 80px;
}
.w8 {
	width: 8%;
    min-width: 80px;
}
.w9 {
	width: 9%;
    min-width: 80px;
}
.w10 {
	width: 10%;
    min-width: 80px;
}
.w11 {
	width: 11%;
    min-width: 80px;
}
.w12 {
	width: 12%;
    min-width: 80px;
}
.w13 {
	width: 13%;
    min-width: 80px;
}
.w14 {
	width: 14%;
    min-width: 80px;
}
.w15 {
	width: 15%;
    min-width: 80px;
}
.table-simple03 thead tr .w-sp {
    min-width: 300px;
}





}

@media (min-width:360px) and (max-width:420px) {
}

@media screen and (min-width: 1056px) {
}

@media screen and (min-width: 641px) and (max-width: 1055px) {
}