@charset "UTF-8";

h1 {color: #ffffff;
    background-color: #183e9d;
	border:none;}

.kaiin-wrap{display: flex;flex-wrap: wrap;justify-content:flex-start;margin-top: 2em;}
.kaiin-wrap a{
    width: 48.4%;
    border: 1px solid #999;
    display: block;
    border-radius: 5px;
    padding: 10px;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    text-align: center;
	text-decoration: none;
	color: #262626;
	transition: 0.3s;
}

.kaiin-wrap a:visited{color: #262626!important;}
.kaiin-wrap a:hover{color: #fff!important; background-color: #183e9d; border: 1px solid #183e9d;}
.form250{width:30%; max-width:250px;}
.form500{width:60%; max-width:500px;}
.form400{max-width:400px;}

.must {
    color: #FFF;
    background-color: #f72f02;
    font-weight: bold;
    padding: 1px 3px;
    border-radius: 3px;
    margin: 0 5px;}

.button_wrap{display: flex;flex-wrap: nowrap;margin-bottom: 2em;justify-content: center;}
.button_wrap a{	color: #262626!important;transition:0.3s; }
.button_wrap a:hover{color: #fff!important; background-color: #183e9d; border: 1px solid #183e9d;}
.button_b{
    padding: 12px;
    text-align: center;
    border: 1px solid #999;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    width: 50%;
    border-radius: 5px;
    text-decoration: none;
	font-weight: bold;
}

.img_l_wrap{display: flex;justify-content: center;align-items: center;}
.img_l_wrap img{border:1px solid #D3D3D3}
.img_l_wrap p{margin-left: 1em;}

@media only screen and (max-width: 700px) {
.kaiin-wrap a{width: 47%;}
.img_l_wrap{display: block;text-align: center;}
.img_l_wrap p{margin-left: 0em;}
}

@media only screen and (max-width: 600px) {
.form400{max-width:180px!important;}

}

@media only screen and (max-width: 500px) {
.kaiin-wrap a{width: 45%;}
.form250{width:20%;}
.form500{width:90%; max-width:500px;}
.form400{width:90%; max-width:500px!important;;}
.button_b{width: 70%;}
}