@charset "utf-8";
/* CSS Document */

html,body{
	width:100%;
	height: auto;
    font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size:18px;
}

header{
	wdith:100%;
	height:100px;
	background-color:#373737;
}

nav ul{
	color:#FFFFFF;
	display:flex;
}

nav ul li{
	width:250px;
	border-left:1px solid #FFF;
	text-align: center;
}
nav ul li:first-child{
	border:none;
	margin-right:auto;
}

nav ul li a{
	display:block;
	color:#FFFFFF;
	line-height:100px;
	width:100%;
	text-decoration: none;
	transition: 0.3s;
}

nav ul li a:hover{
	opacity: 0.5;
	transition: 0.3s;
}

dd{
	padding-left:30px;
}

.accessory {
	height: 6px;
	background-image: radial-gradient(
	closest-side,
	hsla(0, 0%, 50%, 1.0),
	hsla(0, 0%, 50%, 0) 100%);
	position: relative;
	margin:20px 0;
}
.accessory:after {
  position: absolute;
  top:  50%;
  left: 50%;
  display:block;
  background-color: hsl(0, 0%, 75%);
  height: 12px;
  width:  12px;
  transform: rotate(45deg);
  margin-top:  -10px;
  margin-left: -10px;
  border-radius: 4px 0;
  border: 4px solid hsla(0, 0%, 100%, 0.35);
  background-clip: padding-box;
  box-shadow: -10px 10px 0 hsla(0, 0%, 100%, 0.15), 10px -10px 0 hsla(0, 0%, 100%, 0.15);
}

/*icon_config*/
.my_space{
	margin-right:10px;
}
.my_attention{
	padding:8px;
	font-size:20px;
}

/*main*/

main{
	width:100%;
	height:auto;
	margin-top:20px;
}


/*attention*/

.attention{
	width:70%;
	height:auto;
	margin:0 auto;
	background-color:#C3FFFE;
	padding:20px;
	color: #5052C8;
	border-radius: 20px;
}

.attention p{
	line-height:1.5;
}

.attention p:first-child{
	line-height:1;
}

/*container*/

.container{
	width:100%;
	height:auto;
}

.content{
	width:1000px;
	height:auto;
	margin:0 auto;
}

/*フッター*/