@charset "UTF-8";

/* reset.css */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

body {
    line-height: 1.4;
}
ol, ul {
    list-style: none;
}
/* cf */
.cf::after {
    content: "";
    display: block;
    width: 0; height: 0;
    clear: both;
}
/* コンテンツ */
body {
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#wrapper {
	width: 800px;
	margin: 0 auto;
    padding: 24px 0;
}
#header {
    position: relative;
    height: 96px;
    padding: 32px 0;
}
#header .header_year {
    position: absolute;
    top: 0; left: 0;
    padding: 4px 12px;
    color: #fff;
    background: #323232;
}
#header .header_img {
    position: absolute;
    top: 0; right: 0;
}
#header p {
    text-align: center;
}
#header h1 {
    font-size: 52px;
    font-weight: bold;
    font-feature-settings : "palt";
    text-align: center;
}

#main {
    margin: 24px 0;
}
#main .lead {
    padding: 0 42px;
}
#main .main_img {
    padding: 24px 0;
    text-align: center;
}
#main .btn_area {
    position: relative;
    margin: 24px 0 48px;
    text-align: center;
}
#main .btn_area a {
    display: inline-block;
    width: 160px;
    margin: 0 16px;
    padding: 4px 0;
    color: #000;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
}
#main .btn_area a:nth-child(1),
#main .btn_area a:nth-child(3) {
    position: relative;
    background: #9ED1E8;
    border: 3px solid #2456B0;
}
#main .btn_area a:nth-child(1)::before,
#main .btn_area a:nth-child(3)::before {
    content: "必須";
    position: absolute;
    top: -24px; left: 0;
    color: #E4383B;
}
#main .btn_area a:nth-child(2) {
    background: #ddd;
    border: 3px solid #aaa;
}
#main .btn_area a:hover {
    opacity: .6;
}
#main .btn_area .finger01 {
    position: absolute;
    top: 8px;
    left: 56px;
    display: block;
}
#main .btn_area .finger02 {
    position: absolute;
    top: 8px;
    right: 56px;
    display: block;
}
#main .detail_area {
    background: url(bg.jpg);
    padding: 24px;
}
#main .detail_area h2 {
    font-weight: bold;
}
#main .detail_area dl {
    margin: 16px 0;
    font-size: 14px;
}
#main .detail_area dl:last-child {
    margin-bottom: 0;
}
#main .detail_area dl dt,
#main .detail_area dl dd {
    display: inline-block;
    vertical-align: top;
}
#main .detail_area dl dt {
    width: 96px;
}
#main .detail_area dl dt::after {
    content: "：";
    display: inline;
    float: right;
}
#main .detail_area dl dd {
    width: 650px;
}
#main .detail_area dl dd a {
    text-decoration: none;
}
#main .detail_area dl dd a:hover {
    opacity: .6;
}
#main .detail_area dl dd small {
    font-size: 12px;
}
#main .detail_area dl dd .underline {
    display: inline-block;
    border-bottom: 1px solid;
    padding-bottom: 2px;
}
#main .detail_area dl dd .underline:first-child {
    margin-bottom: 8px;
}
#main .detail_area dl dd .box {
    border: 1px solid;
}
#main .detail_area dl dd p.y550 {
    width: 550px;
    float: left;
}

#footer p {
    font-weight: bold;
    text-align: center;
}
#footer .btn_back {
    background: #e2f2fc;
    border: 2px solid #003978;
    margin: 8px 0;
}
#footer .btn_back a {
    display: block;
    padding: 16px;
    text-align: center;
    color: #323232;
    text-decoration: none;
}