.joken{
	padding:50px 0 5px 0;
	background-color:#f0f8ff;
}

/*青背景に白文字見出し*/
.joken h2 {
    font-size: 150%;
    background-color: #00008b;
    padding: 10px;
    font-weight: normal;
    color: #FFFFFF;
    background-clip: padding-box;
    margin: 20px 0 14px 0;
    width:70%;
    margin:0 auto;
}

html.sp .joken h2{
	width:95%;
	margin:0 auto;
}

dl#notice{
	width:70%;
	margin:0 auto;
}

html.sp dl#notice{
	width:95%;
	margin:0 auto;
}

.note {
    font-size: 1.15em;
    margin: 30px 0;
    padding: 30px 10px;
    border: 1px solid #faa;
    background: #fff3f3;
    width:70%;
    margin:20px auto 0 auto;
}

html.sp .note{
	width:95%;
	margin:0 auto;
}

html.sp .note
	width:95%;
	margin:20px auto 0 auto;
}

#notice dt{
	margin:20px 0 5px 0;
}

/*ddに・を付与*/
#notice dd{
	display:list-item;
	margin:0 0 4px 40px;
}

html.sp #notice dd{
	margin-inline-start: 2.5em;
}

.joken h3{
	font-size:115%;
	margin-block-end:0;
}

.agreeBtn {
    padding: 20px 0 30px;
    background-color:#f0f8ff;
}

.agreeBtn p {
    padding: 5px 0 10px;
    font-size: 115%;
    width:70%;
    margin:0 auto;
}

html.sp .agreeBtn p{
	width:95%;
	margin:0 auto;
}

.agreeBtn ul {
    list-style-image: none;
    list-style-type: none;
    font-size: 105%;
    padding-inline-start:0px;
    margin-block-start: 0px;
    margin-block-end: 0px;
    width:70%;
    margin:0 auto;
    padding:0;
}

html.sp .agreeBtn ul{
	width:95%;
	margin:0 auto;
}

.agreeBtn ul li {
    display: inline-block;
    margin-right: 10px;
}

.btn::before, .btn::after {
	box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.btn {
    display: inline-block;
    width: 11em;
    height: 3em;
    text-align: center;
    text-decoration: none;
    line-height: 3;
    outline: none;
    background-color: #0579be;
    color: #fff;
}

.btnc {
    display: inline-block;
    width: 11em;
    height: 3em;
    text-align: center;
    text-decoration: none;
    line-height: 3;
    outline: none;
    background-color: #ccc;
    color: #000000;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*同意ボタン、リンク色ホバー時変化*/
a.btn:link{
	color:#ffffff;
}

a.btnc:link{
	color:#000000;
}

a.btn:hover{
	background-color:#00AAE5;
}

a.btnc:hover{
	background-color:#00AAE5;
	color:#ffffff;
}